Frontend Developer

Syllabus

1. Module 1: HTML, CSS and design

   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
   5. </>
      5.Web Accessibility

      Build for everyone and meet WCAG 2.2 AA.

      Intermediate7 lessons, 70 exercises, about 6 h
   6. </>
      6.Design for Developers

      Layout, type, color and patterns that make interfaces look right.

      Beginner5 lessons, 54 exercises, about 4.5 h

2. Module 2: The JavaScript language

   1. JS
      7.Intro to JavaScript

      The language of the web, from variables to loops.

      Beginner8 lessons, 88 exercises, about 5.5 h
   2. JS
      8.JavaScript Functions in Depth

      Scope, closures, arrows, this and higher-order functions.

      Intermediate6 lessons, 64 exercises, about 4 h
   3. JS
      9.JavaScript Errors and Debugging

      Read errors, handle failure and debug like a professional.

      Intermediate5 lessons, 56 exercises, about 3.5 h
   4. JS
      10.JavaScript Objects and Classes

      Objects, prototypes and classes, the way the language really works.

      Intermediate7 lessons, 80 exercises, about 5.5 h
   5. JS
      11.JavaScript Built-ins and Data

      Numbers, strings, arrays, Map, Set, dates, JSON and regex.

      Intermediate7 lessons, 84 exercises, about 5.5 h
   6. JS
      12.Asynchronous JavaScript

      The event loop, promises, async/await and fetch.

      Intermediate6 lessons, 71 exercises, about 4.5 h

3. Module 3: The browser

   1. </>
      13.DOM and Events

      Make pages interactive by reading and changing the DOM.

      Intermediate6 lessons, 63 exercises, about 5.5 h
   2. </>
      14.Browser APIs and Modules

      Modules, storage, routing, animation and the APIs apps are built on.

      Intermediate6 lessons, 62 exercises, about 5.5 h
   3. </>
      15.Frontend Security and Performance

      Keep users safe and pages fast.

      Intermediate6 lessons, 69 exercises, about 5.5 h

4. Module 4: Working like a frontend developer

   1. $_
      16.Git and the Command Line

      Navigate the terminal and version your work like a pro.

      Beginner8 lessons, 108 exercises, about 7 h
   2. JS
      17.Frontend Tooling and Testing

      npm, Vite, linting, unit tests and shipping to the web.

      Intermediate7 lessons, 76 exercises, about 6 h

5. Module 5: TypeScript and React

   1. JS

      18.TypeScript Essentials

      Add types to JavaScript and let the compiler catch your bugs.

      IntermediateComing soon
   2. JS

      19.React Fundamentals

      Components, props, state and effects with React.

      IntermediateComing soon
   3. JS

      20.React State and Data

      Context, reducers, custom hooks, routing and testing React.

      AdvancedComing soon

6. Module 6: Getting hired

   1. </>

      21.Frontend Capstone Projects

      Build and ship complete frontends that prove you can do the job.

      AdvancedComing soon

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.