Courses

Learning path

Web Development

From your first line of HTML to a React app of your own: HTML, CSS, JavaScript, Tailwind and React, in the right order, with one website that grows along the way.

  • HTML
  • CSS
  • JavaScript
  • Tailwind CSS
  • React

Steps

  1. Phase 1

    Your first website

    1. LessonHow the Web Works5 exercises
    2. CourseHTML8 lessons · 60 exercises
    3. CourseCSS12 lessons · 89 exercises
    4. ProjectThe Cinema Website11 exercises
    5. LessonPutting It Online5 exercises

  2. Phase 2

    Make it interactive

    1. CourseJavaScript17 lessons · 142 exercises
    2. ProjectThe Cinema's Showtimes8 exercises

  3. Phase 3

    Modern styling

    1. CourseTailwind CSS13 lessons · 93 exercises
    2. ProjectThe Cinema in Tailwind7 exercises

  4. Phase 4

    Apps with React

    1. CourseReact15 lessons · 108 exercises
    2. ProjectThe Cinema in React9 exercises

About the path

This path takes you from your first line of HTML to websites that react, load data and remember what visitors do. It strings together five courses, HTML, CSS, JavaScript, Tailwind CSS and React, in the order that works best, with lessons of its own between them.

Along the way, you build one website that grows with you: Starlight Cinema. First its pages and their look, which you put online at an address of your own. Then its showtimes, which load from a file and let visitors pick seats and book them. Then a new look in Tailwind that works on every screen. And finally the whole site as a React app, built and put online the way real projects are.

You can start at any step: what you've already done in a course counts for the path too.