Learn Frontend

Learn Frontend web development the way web developers actually work: HTML, CSS and JavaScript together, on one page, from the first lesson. Change a line of JavaScript and watch the page on your phone update, with the HTML, CSS and JS panes side by side and a live preview underneath.

A complete Frontend course for beginners that keeps going after the basics: from your first tag to TypeScript, React, Vue, testing, performance and Frontend architecture.

WHAT'S INSIDE

• 41 courses and 163 short lessons, from beginner (A1) to senior level (C2)

• A live code editor with HTML, CSS and JavaScript panes and an instant preview

• New projects from HTML, React, Vue, Angular, Node or TypeScript templates

• 20 guided projects, step by step: a recipe page, a contact form, a card grid, a navbar, a data table and more

• 15 debugging missions built from real Frontend bugs: a layout that breaks at 375px, an image that tanks your LCP, a form nobody can tab through, a memory leak in a component, a test that passes locally and fails in CI

• A final exam and a certificate of completion

• The app is available in 22 languages

ONE PATH, BEGINNER TO SENIOR

• How the web works, HTML fundamentals, forms and semantic markup

• CSS fundamentals, variables, transitions and animations, layout with flexbox and grid

• Responsive design for every screen size

• JavaScript essentials, arrays and objects, ES6+, the DOM and browser APIs, async programming

• Developer tools, Git and team workflow, modules and build tools

• TypeScript from the first type to advanced patterns

• React fundamentals, useEffect and data fetching, advanced hooks and patterns

• Vue 3 fundamentals, the Composition API and advanced Vue patterns

• State management, API integration with REST, WebSockets and real-time UI

• Server-side rendering with Next.js and Nuxt 3, progressive web apps (PWA)

• Accessibility, testing, performance and security

• CSS architecture, design systems, CI/CD and modern tooling

PRACTICE THAT STICKS

• Quizzes and review sessions to lock in what you learned

• A cheat sheet with 83 entries of syntax and patterns

• 50 interview questions with answers, useful before a Frontend developer or web developer interview

• A code library of short examples you can open and edit

• Save your own code, notes and favorite lessons

• Coding challenges: invite a friend with a code or get matched with a random opponent

• World Coding Challenge: three global rounds a day, solved in JavaScript, Python and other languages

• Streaks, XP, a leaderboard and daily reminders

AI MENTOR

• Stuck on a bug or a concept? Ask the AI mentor about an error, a lesson or your own code

• AI playground: describe a page and watch the code get written

• Free users get 3 AI questions a day; Pro makes it unlimited

WHO IT'S FOR

• Complete beginners who want to become a web developer

• Students who want extra practice alongside a web development course

• Designers who want to build what they design

• Developers who know some HTML and CSS and want JavaScript, TypeScript and frameworks on top

• Career switchers preparing for a first Frontend job

HOW IT WORKS

1. Start with the free first course: Welcome to Frontend Development

2. Open the code editor, change one pane and watch the preview follow

3. Move up the path: JavaScript, responsive layout, TypeScript, then React and Vue

4. Build guided projects and fix real bugs in the debugging missions

5. Pass the final exam and earn your certificate

FREE AND PRO

The first course, the first guided project, two debugging missions and the code editor are free, with 3 AI mentor questions a day. The free version shows ads. Pro unlocks every course, all projects and missions, the certificate exam and unlimited AI, and removes ads.

Start today and build your first page in minutes.