Learning Path

Build Beautiful Webpages

5 Steps

Difficulty Level: beginner

Learn how to create webpages that not only look stunning but also provide the best user experience.

Learning Outcomes

  • Master layout, typography and web page design
  • Learn how to manage and organise your designs
  • Learn the programming languages needed for building webpages

Steps

  1. Learn HTML & CSS
  2. Learn how to design and structure pages
  3. Building Better Interfaces
  4. Psychology for Designers
  5. Design Systems

  1. Learn HTML & CSS

    HTML5 & CSS3 for the Real World: 2nd Edition

    Type: Text

    The perfect introduction to the latest generation of web development technologies. You'll master the semantic markup available in HTML5, and discover how to use CSS3 to create amazing-looking websites without resorting to complex workarounds.

  2. Learn how to design and structure pages

    The Principles of Beautiful Web Design, 4th Edition

    Type: Text

    The Principles of Beautiful Web Design is an easy-to-follow guide that will lead you through the process of creating great designs from start to finish.

  3. Building Better Interfaces

    Building Better Worlds

    Duration: 47 mins

    Type: Video

    We’ll take an in-depth look at a few different UI components to highlight common pitfalls and solutions.

  4. Psychology for Designers

    Psychology for Designers

    Type: Text

    Learn how to apply psychological theory to solve your design problems - from better understanding your users, to effectively communicating your design ideas.

  5. Design Systems

    Design Systems

    Type: Text

    As the web continues to become more complex, designing static pages has become untenable, so that many of us have started to approach design in a more systematic way.