PNL Learn

Web Design

Design and build sites with taste and intent.

Learn layout, typography, color and responsive design, and turn your designs into clean, standards-based HTML and CSS.

Outcome: Design and hand-build a polished multi-page website.

8 courses52 lessons560 exercisesAbout 45 hoursBeginner
Create a free account

Syllabus

  1. Module 1: Build the page

    1. 1.HTML and CSS Basics
      Structure and style your first real web page.
      Beginner7 lessons, 77 exercises, about 4.5 h
    2. 2.Semantic HTML and Forms
      Mark up rich content, media, tables and forms the right way.
      Beginner7 lessons, 72 exercises, about 4.5 h
    3. 3.CSS Styling and Typography
      Units, color, selectors, type and motion with modern CSS.
      Beginner7 lessons, 68 exercises, about 5 h
    4. 4.CSS Layout and Responsive Design
      Flexbox, Grid and responsive layouts that work on every screen.
      Intermediate7 lessons, 71 exercises, about 5.5 h
  2. Module 2: Design with intent

    1. 5.Design for Developers
      Layout, type, color and patterns that make interfaces look right.
      Beginner5 lessons, 54 exercises, about 4.5 h
    2. 6.Web Accessibility
      Build for everyone and meet WCAG 2.2 AA.
      Intermediate7 lessons, 70 exercises, about 6 h
  3. Module 3: Publish

    1. 7.Git and the Command Line
      Navigate the terminal and version your work like a pro.
      Beginner8 lessons, 108 exercises, about 7 h
  4. Module 4: Portfolio

    1. 8.Web Design Capstone Projects
      Design, build and publish a portfolio of real sites.
      Intermediate4 lessons, 40 exercises, about 8 h

What you get

  • A certificate anyone can verify

    Finish a program and you get a public certificate page plus a signed Open Badges 3.0 credential that employers can check with any Open Badges verifier.

  • Capstone projects you own

    Each capstone is a real project with its own tests and a CI workflow. Publish it to your own GitHub account in one click, or download it as a zip.

  • Grading that means something

    Code you submit runs in your browser for instant feedback, then again on our servers before it counts toward your certificate.