7 answers
John
Student
Hartwell, Georgia
1
Question
7 answers
Robyn Schwartz
Cybersecurity
11
Answers
Chicago, Illinois
Updated
Robyn’s Answer
Beyond honing your technical abilities, it's crucial to cultivate a unique perspective. When you're creating websites for others, whether they're businesses or individuals, your personal experience should inform your problem-solving strategy. Always keep the user in mind. Consider how they'll interact with your site and what kind of experience you want them to have. What key messages need to be conveyed to them?
By merging business and user needs with your distinctive viewpoint, you can elevate the design experience.
By merging business and user needs with your distinctive viewpoint, you can elevate the design experience.
Hasnain Joiya
CEO at SeeMake
37
Answers
Pakistan
Updated
Hasnain’s Answer
Learning web design is a rewarding journey that involves acquiring skills in various areas, including HTML, CSS, JavaScript, and design principles. Here's a suggested path to help you learn web design:
𝟭. 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱 𝘁𝗵𝗲 𝗕𝗮𝘀𝗶𝗰𝘀:
HTML and CSS: Start with the basics of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). These are fundamental for structuring web content and styling it.
𝟮. 𝗥𝗲𝘀𝗽𝗼𝗻𝘀𝗶𝘃𝗲 𝗗𝗲𝘀𝗶𝗴𝗻:
Learn about responsive design principles to ensure your websites work well on various devices, including desktops, tablets, and smartphones.
𝟯. 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀:
Introduce yourself to JavaScript, which adds interactivity and dynamic behavior to your websites. Focus on JavaScript fundamentals before delving into frameworks.
𝟰. 𝗟𝗲𝗮𝗿𝗻 𝗮 𝗙𝗿𝗼𝗻𝘁-𝗘𝗻𝗱 𝗙𝗿𝗮𝗺𝗲𝘄𝗼𝗿𝗸:
Explore front-end frameworks like Bootstrap or Tailwind CSS. These frameworks provide pre-built components and styles to speed up the development process.
𝟱. 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 𝘄𝗶𝘁𝗵 𝗚𝗶𝘁:
Understand version control using Git. Platforms like GitHub or GitLab are widely used for collaboration and version tracking.
𝟲. 𝗕𝘂𝗶𝗹𝗱 𝗦𝗶𝗺𝗽𝗹𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀:
Apply your knowledge by building small, simple projects. This hands-on experience will deepen your understanding.
𝟳. 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱 𝗪𝗲𝗯 𝗗𝗲𝘀𝗶𝗴𝗻 𝗣𝗿𝗶𝗻𝗰𝗶𝗽𝗹𝗲𝘀:
Study design principles, color theory, typography, and layout. Resources like "The Non-Designer's Design Book" by Robin Williams can be helpful.
𝟴. 𝗚𝗿𝗮𝗽𝗵𝗶𝗰 𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗼𝗼𝗹𝘀:
Familiarize yourself with graphic design tools like Adobe Photoshop or Adobe XD for creating and editing images and design mockups.
𝟵. 𝗔𝗱𝘃𝗮𝗻𝗰𝗲𝗱 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁:
Dive deeper into JavaScript, learning about DOM manipulation, asynchronous programming, and interacting with APIs.
𝟭𝟬. 𝗟𝗲𝗮𝗿𝗻 𝗮 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝗿𝗮𝗺𝗲𝘄𝗼𝗿𝗸:
Explore JavaScript frameworks like React, Angular, or Vue.js. These frameworks allow you to build dynamic and complex web applications.
𝟭𝟭. 𝗕𝗮𝗰𝗸-𝗘𝗻𝗱 𝗕𝗮𝘀𝗶𝗰𝘀:
Gain a basic understanding of back-end development. Learn about server-side languages like Node.js, Python (Django or Flask), or Ruby on Rails.
𝟭𝟮. 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲𝘀:
Understand the basics of databases. Learn about SQL for relational databases or NoSQL databases like MongoDB.
𝟭𝟯. 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗧𝗼𝗼𝗹𝘀:
Familiarize yourself with web development tools like Visual Studio Code, Chrome Developer Tools, and various browser extensions.
𝟭𝟰. 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 𝗖𝗼𝗹𝗹𝗮𝗯𝗼𝗿𝗮𝘁𝗶𝗼𝗻:
Learn about collaborative version control, understanding how to work on projects with others using Git.
𝟭𝟱. 𝗕𝘂𝗶𝗹𝗱 𝗖𝗼𝗺𝗽𝗹𝗲𝘅 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀:
Challenge yourself by building more complex projects. This could include portfolio websites, e-commerce platforms, or web applications.
𝟭𝟲. 𝗦𝘁𝗮𝘆 𝗨𝗽𝗱𝗮𝘁𝗲𝗱:
Web development is a dynamic field. Stay updated with industry trends, new tools, and evolving best practices.
𝟭𝟳. 𝗝𝗼𝗶𝗻 𝗮 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝘁𝘆:
Engage with the web development community. Join forums, attend meetups, and participate in online communities to learn from others and share your experiences.
𝟭𝟴. 𝗖𝗼𝗻𝘁𝗶𝗻𝘂𝗼𝘂𝘀 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴:
Web design and development are constantly evolving. Embrace a mindset of continuous learning to stay relevant and adapt to new technologies.
✌️ 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗳𝗼𝗿 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴:
★ Online platforms like freeCodeCamp, Codecademy, and Mozilla Developer Network (MDN).
★ Books such as "HTML and CSS: Design and Build Websites" by Jon Duckett and "Eloquent JavaScript" by Marijn Haverbeke.
★ Tutorials and documentation from official sources like W3Schools and MDN.
Remember that practice, building projects, and solving real-world problems are crucial components of the learning process. Good luck on your web design journey!
𝟭. 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱 𝘁𝗵𝗲 𝗕𝗮𝘀𝗶𝗰𝘀:
HTML and CSS: Start with the basics of HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). These are fundamental for structuring web content and styling it.
𝟮. 𝗥𝗲𝘀𝗽𝗼𝗻𝘀𝗶𝘃𝗲 𝗗𝗲𝘀𝗶𝗴𝗻:
Learn about responsive design principles to ensure your websites work well on various devices, including desktops, tablets, and smartphones.
𝟯. 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝘂𝗻𝗱𝗮𝗺𝗲𝗻𝘁𝗮𝗹𝘀:
Introduce yourself to JavaScript, which adds interactivity and dynamic behavior to your websites. Focus on JavaScript fundamentals before delving into frameworks.
𝟰. 𝗟𝗲𝗮𝗿𝗻 𝗮 𝗙𝗿𝗼𝗻𝘁-𝗘𝗻𝗱 𝗙𝗿𝗮𝗺𝗲𝘄𝗼𝗿𝗸:
Explore front-end frameworks like Bootstrap or Tailwind CSS. These frameworks provide pre-built components and styles to speed up the development process.
𝟱. 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 𝘄𝗶𝘁𝗵 𝗚𝗶𝘁:
Understand version control using Git. Platforms like GitHub or GitLab are widely used for collaboration and version tracking.
𝟲. 𝗕𝘂𝗶𝗹𝗱 𝗦𝗶𝗺𝗽𝗹𝗲 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀:
Apply your knowledge by building small, simple projects. This hands-on experience will deepen your understanding.
𝟳. 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱 𝗪𝗲𝗯 𝗗𝗲𝘀𝗶𝗴𝗻 𝗣𝗿𝗶𝗻𝗰𝗶𝗽𝗹𝗲𝘀:
Study design principles, color theory, typography, and layout. Resources like "The Non-Designer's Design Book" by Robin Williams can be helpful.
𝟴. 𝗚𝗿𝗮𝗽𝗵𝗶𝗰 𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗼𝗼𝗹𝘀:
Familiarize yourself with graphic design tools like Adobe Photoshop or Adobe XD for creating and editing images and design mockups.
𝟵. 𝗔𝗱𝘃𝗮𝗻𝗰𝗲𝗱 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁:
Dive deeper into JavaScript, learning about DOM manipulation, asynchronous programming, and interacting with APIs.
𝟭𝟬. 𝗟𝗲𝗮𝗿𝗻 𝗮 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗙𝗿𝗮𝗺𝗲𝘄𝗼𝗿𝗸:
Explore JavaScript frameworks like React, Angular, or Vue.js. These frameworks allow you to build dynamic and complex web applications.
𝟭𝟭. 𝗕𝗮𝗰𝗸-𝗘𝗻𝗱 𝗕𝗮𝘀𝗶𝗰𝘀:
Gain a basic understanding of back-end development. Learn about server-side languages like Node.js, Python (Django or Flask), or Ruby on Rails.
𝟭𝟮. 𝗗𝗮𝘁𝗮𝗯𝗮𝘀𝗲𝘀:
Understand the basics of databases. Learn about SQL for relational databases or NoSQL databases like MongoDB.
𝟭𝟯. 𝗪𝗲𝗯 𝗗𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 𝗧𝗼𝗼𝗹𝘀:
Familiarize yourself with web development tools like Visual Studio Code, Chrome Developer Tools, and various browser extensions.
𝟭𝟰. 𝗩𝗲𝗿𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗿𝗼𝗹 𝗖𝗼𝗹𝗹𝗮𝗯𝗼𝗿𝗮𝘁𝗶𝗼𝗻:
Learn about collaborative version control, understanding how to work on projects with others using Git.
𝟭𝟱. 𝗕𝘂𝗶𝗹𝗱 𝗖𝗼𝗺𝗽𝗹𝗲𝘅 𝗣𝗿𝗼𝗷𝗲𝗰𝘁𝘀:
Challenge yourself by building more complex projects. This could include portfolio websites, e-commerce platforms, or web applications.
𝟭𝟲. 𝗦𝘁𝗮𝘆 𝗨𝗽𝗱𝗮𝘁𝗲𝗱:
Web development is a dynamic field. Stay updated with industry trends, new tools, and evolving best practices.
𝟭𝟳. 𝗝𝗼𝗶𝗻 𝗮 𝗖𝗼𝗺𝗺𝘂𝗻𝗶𝘁𝘆:
Engage with the web development community. Join forums, attend meetups, and participate in online communities to learn from others and share your experiences.
𝟭𝟴. 𝗖𝗼𝗻𝘁𝗶𝗻𝘂𝗼𝘂𝘀 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴:
Web design and development are constantly evolving. Embrace a mindset of continuous learning to stay relevant and adapt to new technologies.
✌️ 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗳𝗼𝗿 𝗟𝗲𝗮𝗿𝗻𝗶𝗻𝗴:
★ Online platforms like freeCodeCamp, Codecademy, and Mozilla Developer Network (MDN).
★ Books such as "HTML and CSS: Design and Build Websites" by Jon Duckett and "Eloquent JavaScript" by Marijn Haverbeke.
★ Tutorials and documentation from official sources like W3Schools and MDN.
Remember that practice, building projects, and solving real-world problems are crucial components of the learning process. Good luck on your web design journey!
Gwenola Trystram
Business Developer at Dell
5
Answers
United Kingdom
Updated
Gwenola’s Answer
If you have a LinkedIn account you can explore the User Experience and Web design courses, the offer is varied and of good quality.
A few tips: obviously it is about learning the tools and techniques, some fundamentals of project management, and my personal tip would be Accessibility and Internationalization.those 2 dimensions are key for a teuly global audience and for being legally compliant to WCAG 2.1. Remediation a design after the fact is super costly.
Hope this helps in your journey.
A few tips: obviously it is about learning the tools and techniques, some fundamentals of project management, and my personal tip would be Accessibility and Internationalization.those 2 dimensions are key for a teuly global audience and for being legally compliant to WCAG 2.1. Remediation a design after the fact is super costly.
Hope this helps in your journey.
James Garvin
Customer Success Manager at Okta, Inc.
28
Answers
Littleton, Colorado
Updated
James’s Answer
To dovetail on to what Hasnain said you should try to create a website for yourself using a tool like Wix. Then, when you see the short comings you can design you own page and host it on your own. Create your own front end (what the users see in their browser) and even create a back end (how to store data and do more complex tasks like making sure pages load quickly or users can log into the site) to support it. This will give you an idea of what you like to do and what you can focus on.
Picking languages like JavaScript, PHP, Ruby, Python, SQL, HTML, and CSS can give you a great starting point.
Picking languages like JavaScript, PHP, Ruby, Python, SQL, HTML, and CSS can give you a great starting point.
Camille Beck
Optimization Manager
3
Answers
East Hanover, New Jersey
Updated
Camille’s Answer
A lot of great answers here! I would add that once you take classes and build your knowledge, start to build your portfolio. You can volunteer to help build websites or contribute to projects for friends or local schools or non-profits. Typically those folks don't have large web budgets and welcome the help!
Joseph Sanders
Technical Support
1
Answer
Wilmington, North Carolina
Updated
Joseph’s Answer
I would recommend learning the basics (HTML & CSS) first, especially CSS (Cascading Style Sheets). Once you are able to create a web site you will be able to start visualizing what a section of code will look like, which makes it much easier to branch out and learn the more advanced aspects. I highly recommend the Sitepoint book “HTML Utopia: Designing Without Tables Using CSS”! -2003
Amarnath Waghmare
software engineer
5
Answers
Pune, Maharashtra, India
Updated
Amarnath’s Answer
To become a web designer:
Learn the Basics: Start by gaining a solid understanding of HTML, CSS, and JavaScript, which are fundamental languages for web development.
Build a Portfolio: Create a portfolio showcasing your web design projects. This will serve as a visual resume for potential clients or employers.
Explore Design Tools: Familiarize yourself with design tools such as Adobe XD, Sketch, or Figma to create visually appealing layouts and prototypes.
Stay Updated: Keep abreast of the latest design trends, tools, and technologies. The field of web design evolves, and staying current will enhance your skills.
Practice and Network: Practice consistently by taking on projects, and network within the design community. Join online forums, attend meetups, and connect with other designers to exchange ideas and gain insights.
Learn the Basics: Start by gaining a solid understanding of HTML, CSS, and JavaScript, which are fundamental languages for web development.
Build a Portfolio: Create a portfolio showcasing your web design projects. This will serve as a visual resume for potential clients or employers.
Explore Design Tools: Familiarize yourself with design tools such as Adobe XD, Sketch, or Figma to create visually appealing layouts and prototypes.
Stay Updated: Keep abreast of the latest design trends, tools, and technologies. The field of web design evolves, and staying current will enhance your skills.
Practice and Network: Practice consistently by taking on projects, and network within the design community. Join online forums, attend meetups, and connect with other designers to exchange ideas and gain insights.