Web Design Courses & Tutorials | Codecademy (2024)

Web Design is essential to bringing a website to life and creating the experience that you want for your end users. Our web design courses will help you polish your HTML and CSS skills while learning about color design, navigation design, and more.

Related resources

  • Docs: CSS
  • Cheatsheets
  • Articles
  • Projects

Related resources

  • Docs: CSS
  • Cheatsheets
  • Articles
  • Projects

New to Web Design? Start here

Free courseIntroduction to UI and UX DesignGet started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Checker DenseLevel IconBeginner Friendly2 hours
Blog PostWhat is user interface design?11 October 2022
Free courseIntroduction to UI and UX DesignGet started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Checker DenseLevel IconBeginner Friendly2 hours
Blog PostWhat is user interface design?11 October 2022

Web Design courses

32 results

Filters

Level

Price

View plans

Type

Learn all the skills you need to land a new career in tech.

Learn all the concepts you need to gain a new technical skill.

Learn concepts used for specific languages or technologies.

Average time to complete

Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary.

Projects

Solidify the concepts you are learning with guidance.

Put your skills to work to build something on your own.

Web Design courses

32 results

  • Skill pathBuild a Website with HTML, CSS, and GitHub PagesLearn the basics of web development to build your own website.Checker DenseIncludes 9 CoursesChecker DenseCertificate IconWith CertificateChecker DenseLevel IconBeginner Friendly16 hours
  • Free courseLearn HTMLStart at the beginning by learning HTML basics — an important foundation for building and editing web pages.Checker DenseLevel IconBeginner Friendly7 hours
  • Free courseLearn CSSIn this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.Checker DenseLevel IconBeginner Friendly6 hours
  • Free courseLearn Intermediate CSSLearn how to implement elegant transitions, create new layouts and serve users with dynamic needs.Checker DenseLevel IconIntermediate13 hours
  • Free courseLearn HTML: FundamentalsBuild an important foundation for creating the structure and content for web pages.Checker DenseLevel IconBeginner Friendly2 hours
  • CourseLearn BootstrapGive your website a clear layout and polished style—fast! Learn how to use one of the most popular front-end frameworks, Bootstrap 4!Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate3 hours
  • Free courseLearn CSS: Flexbox and GridCreate elegant and flexible web page layouts with CSS flexbox and grid.Checker DenseLevel IconBeginner Friendly7 hours
  • Free courseLearn CSS: Introduction Learn how to use CSS (Cascading Style Sheets) to style and visually organize HTML pages.Checker DenseLevel IconBeginner Friendly2 hours
  • Free courseLearn HTML: FormsLearn how to create HTML forms with various input fields to collect and validate user data.Checker DenseLevel IconBeginner Friendly2 hours
  • Free courseIntroduction to UI and UX DesignGet started with User Interface (UI) and User Experience (UX) Design and learn how to wireframe and prototype using Figma.Checker DenseLevel IconBeginner Friendly2 hours
  • Free courseLearn CSS: Box Model and LayoutUse the box model to fine tune display and positioning of HTML elements.Checker DenseLevel IconBeginner Friendly2 hours
  • Free courseLearn CSS: Transitions and AnimationsLearn how to make your website shake, slide, and grow with CSS transitions.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn HTML: TablesLearn how to create HTML tables to present data in an organized manner and format your tables with CSS.Checker DenseLevel IconBeginner Friendly1 hour
  • CourseLearn CSS: Responsive DesignCreate websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate2 hours
  • Free courseLearn HTML: Semantic HTMLLearn how to use Semantic HTML to create cleaner, more accessible web pages.Checker DenseLevel IconBeginner Friendly1 hour
  • CourseLearn SassExpand your CSS knowledge by learning SCSS syntax, nesting, functions, and more in this course!Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate3 hours
  • Free courseLearn CSS: ColorsLevel up your design skills by learning different ways to set CSS colors and formats.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn CSS: Typography and FontsUse CSS typography to style your text and include fonts from other sources.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn CSS: AccessibilityBuild web pages that are accessible to everyone using modern CSS techniques and accessibility standards.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn CSS: Variables and FunctionsCreate websites viewable on devices of all sizes using responsive design techniques, such as relative sizing units and media queries.Checker DenseLevel IconBeginner Friendly2 hours
  • CourseLearn Navigation DesignLearn how to build and structure websites that are easy for users to navigate.Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate2 hours
  • CourseLearn Color DesignLearn how to use color effectively to create attractive and useable websites!Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate2 hours
  • Free courseLearn CSS: Browser CompatibilityEnsure consistent user experience regardless of the browser by addressing browser compatibility issues.Checker DenseLevel IconBeginner Friendly< 1 hour
  • Free courseLearn Sass: FundamentalsExpand your CSS knowledge and style your sites even faster by learning Sass.Checker DenseLevel IconIntermediate1 hour
  • Free courseLearn User Research: GenerativeLearn how to plan and conduct user research, analyze user data, and share research insights by creating a research report.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn Visual DesignVisual design organizes elements into a cohesive whole and supports usability. Learn basic visual design principles to build more aesthetic digital products.Checker DenseLevel IconBeginner Friendly1 hour
  • Free courseLearn Design Thinking: IdeationLearn how to ideate and brainstorm possible design solutions based on user research.Checker DenseLevel IconBeginner Friendly< 1 hour
  • CourseLearn Interaction DesignDesign effective user interactions and flows with thoughtful information architecture.Checker DenseCertificate IconWith CertificateChecker DenseLevel IconIntermediate2 hours
  • Free courseLearn Sass: Best PracticesLearn best practices for setting up file structure, importing stylings, and writing scalable Sass.Checker DenseLevel IconIntermediate< 1 hour
  • Free courseLearn Sass: Functions and OperationsLearn how to incorporate functions, loops, operators, and conditionals in Sass.Checker DenseLevel IconIntermediate1 hour

More resources

ArticleOpen IconConsider Design While You Buildopens in a new windowArticleOpen IconGetting Started with Visual Studio Codeopens in a new windowArticleOpen IconManaging Assets and Iconsopens in a new windowCheatsheetOpen IconFlexbox Cheatsheetopens in a new window
CheatsheetOpen IconResponsive Design Cheatsheatopens in a new window
VideoOpen IconIntro to Chrome Devtoolsopens in a new window
ResourceOpen IconOur best resources for studentsopens in a new window
ProjectOpen IconCompany Home Pageopens in a new window
Web Design Courses & Tutorials | Codecademy (2024)
Top Articles
Latest Posts
Article information

Author: Kerri Lueilwitz

Last Updated:

Views: 6309

Rating: 4.7 / 5 (67 voted)

Reviews: 90% of readers found this page helpful

Author information

Name: Kerri Lueilwitz

Birthday: 1992-10-31

Address: Suite 878 3699 Chantelle Roads, Colebury, NC 68599

Phone: +6111989609516

Job: Chief Farming Manager

Hobby: Mycology, Stone skipping, Dowsing, Whittling, Taxidermy, Sand art, Roller skating

Introduction: My name is Kerri Lueilwitz, I am a courageous, gentle, quaint, thankful, outstanding, brave, vast person who loves writing and wants to share my knowledge and understanding with you.