Paths/Frontend Engineer
Beginner to Advanced11 courses1 freerest with Pro3 learning modes

Frontend Engineer

Progress from semantic HTML and browser JavaScript to accessible design systems, production React architecture, performance, testing, full-stack product delivery, and a deployment-ready capstone.

// Course sequence
  1. 01

    Build a Personal Portfolio Website

    Pro

    Build and deploy a responsive portfolio site with semantic HTML, CSS layout, and a little vanilla JS.

    7 modulesBeginner
  2. 02

    JavaScript for the Browser

    Pro

    Master the browser platform: the DOM, events, forms, persistence, asynchronous data, and resilient UI behavior without a framework.

    8 modulesBeginner
  3. 03

    Build a Browser Game: Snake from Scratch

    free

    Build the classic Snake game with vanilla JS and Canvas - the game loop, state, input, and collision.

    7 modulesBeginner
  4. 04

    React Foundations: Build a Task Manager

    Pro

    Learn React foundations by building a focused task manager with TypeScript, Tailwind, components, state, and effects.

    8 modulesIntermediate
  5. 05

    Full-Stack Foundations: React, APIs & Databases

    Pro

    Connect React to a FastAPI service and SQLite database while learning the fundamentals of full-stack delivery.

    8 modulesIntermediate
  6. 06

    Accessible UI & Design Systems

    Pro

    Build accessible, responsive component systems with tokens, keyboard interactions, forms, and inclusive quality gates.

    8 modulesIntermediate
  7. 07

    Production React Architecture

    Pro

    Structure a production React application with clear boundaries, scalable state, routing, data flows, and failure handling.

    8 modulesAdvanced
  8. 08

    Testing, Automation & Continuous Integration

    Pro

    Protect frontend behavior with unit, integration, and end-to-end tests, then automate the checks in CI.

    8 modulesIntermediate
  9. 09

    Frontend Performance & Delivery

    Pro

    Measure and improve loading, rendering, assets, caching, observability, and delivery rather than guessing at performance.

    8 modulesAdvanced
  10. 10

    Launch a SaaS Product

    Pro

    Launch a polished SaaS website with product, pricing, documentation, changelog, authentication, Supabase data, and a customer dashboard.

    8 modulesAdvanced
  11. 11

    Production Frontend Capstone

    Pro

    Capstone: synthesize production React, Supabase, transactional email, testing, GitHub Actions, Vercel deployment, observability, and rollback planning.

    8 modulesAdvanced
Frontend Engineer | Lumina Labs