Professional Learning Path
Your Path to Becoming a Senior Web Developer!

Deep dive into JavaScript, the most popular framework React, Web performance, CSS, deploying websites, TypeScript, and functional JavaScript to become a professional web developer today.

Total time: 55 hours, 56 minutes

Core Coursework

Take these in order
Prerequisite: The Beginner Learning Path or a solid understanding of HTML, CSS, and JavaScript
Editor's Note
The professional path starts by gaining a deep understanding of the inner workings of the JavaScript language. Will’s course emphasizes in-depth knowledge and technical communication, two skills necessary for becoming a high-performing engineer.

JavaScript: The Hard Parts, v2

Will Sentance
Will Sentance
Codesmith

Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript!

6 hours, 41 minutes CC

JavaScript: The Hard Parts, v2
Editor's Note
Kyle’s course continues the in-depth exploration of JavaScript by reinforcing many of the foundational concepts covered in Will’s course while going deeper into topics like types, coercion, scope, and modules.

Deep JavaScript Foundations, v3

Kyle Simpson
Kyle Simpson
You Don't Know JS

Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system.

10 hours, 32 minutes CC

Deep JavaScript Foundations, v3
Editor's Note
The React course builds an entire real-world, modern application from scratch using a modern development workflow! Whether you’re writing pure JavaScript, Vue, or Angular, you should get a lot out of this course on how to build a real-world web application.

Complete Intro to React, v8

Brian Holt
Brian Holt
Snowflake

Learn to build real-world apps with modern React 18.x+. You'll use the latest React features to build a complete app for browsing adoptable pets.

5 hours, 50 minutes CC

Complete Intro to React, v8
Editor's Note
Many JavaScript developers quickly jump into a framework before understanding the power and potential of Vanilla JS. Use Max’s course to understand why you might not need a framework.

Vanilla JS: You Might Not Need a Framework

Maximiliano Firtman
Maximiliano Firtman
Independent Consultant

Explore Vanilla JavaScript, understand core concepts, work with the DOM API, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.

5 hours, 52 minutes CC

Vanilla JS: You Might Not Need a Framework
Editor's Note
Measuring and building high-performance websites is critical to being an effective professional developer. Not only will your content load faster, but it improves the discoverability of your websites and web apps.

Web Performance Fundamentals

Todd Gardner
Todd Gardner
TrackJS

Learn to improve your core web vitals metrics like first contentful paint (FCP), largest contentful paint (LCP), and cumulative layout shift (CLS) in this course.

3 hours, 50 minutes CC

Web Performance Fundamentals
Editor's Note
An essential part of building a website is laying out the design. Jen teaches you to implement modern design techniques using Flexbox and CSS Grid.

CSS Grid & Flexbox for Responsive Layouts, v2

Jen Kramer
Jen Kramer
AnnieCannons

Learn the essential CSS layout techniques for building responsive, beautiful websites. You'll use CSS Grid and Flexbox to build out real-world web layouts!

5 hours, 49 minutes CC

CSS Grid & Flexbox for Responsive Layouts, v2
Editor's Note
Eventually, you’ll need to deploy your code to the outside world, which requires an entirely different set of skills. There are many off-the-shelf deployment options, but knowing the basics of systems administration allows you to effectively communicate with the server team and make better decisions about your code.

Full Stack for Front-End Engineers, v3

Jem Young
Jem Young
Netflix

Learn what it means to become a full-stack engineer, and get hands-on with setting up your own server to build and deploy web applications from scratch!

8 hours, 12 minutes CC

Full Stack for Front-End Engineers, v3
Editor's Note
TypeScript has become a standard in many professional development environments. A fundamental understanding of TypeScript will give you the tools to work in and evolve large code bases.

TypeScript 5+ Fundamentals, v4

Mike North
Mike North
Stripe

TypeScript adds a powerful type system to JavaScript, adding type aliases, union/intersection types, and generics. Migrate to TypeScript, enhancing code reliability and error detection in your codebase.

5 hours, 12 minutes CC

TypeScript 5+ Fundamentals, v4
Editor's Note
Functional programming with tools like map/reduce/filter, pure functions, and immutability allows you to write more predictable and bug-free code.

Functional JavaScript First Steps

Anjana Vakil
Anjana Vakil
Software Engineer & Educator

Learn core functional programming course and code everything with pure functions, learning recursion, higher-order functions, closures, and function composition.

3 hours, 54 minutes CC

Functional JavaScript First Steps
Editor's Note
The optional courses below will help you get to know your tools better and improve your design skills. Visual Studio Code is today’s most popular code editor for web developers. Chrome Dev Tools have a ton of features most developers aren’t using. Plus, designing and using SVG are skills that can go beyond code and give you more autonomy over your work.

Elective Coursework

Optional, take in any order

Redux Fundamentals (feat. React)

Steve Kinney
Steve Kinney
Temporal

Learn the Redux API from scratch, then learn to hook the Redux React application. You'll also learn how to extend Redux with various tools from its ecosystem.

4 hours, 41 minutes CC

Redux Fundamentals (feat. React)

A Tour of JavaScript & React Patterns

Lydia Hallie
Lydia Hallie
Lydia Hallie

Learn a suite of design patterns to improve your JavaScript and React code architecture!

3 hours, 29 minutes CC

A Tour of JavaScript & React Patterns

Design for Developers

Sarah Drasner
Sarah Drasner
Google

Become self-sufficient for the entire process from concept to design to implementation. Learn the creation & execution of complete front-end experiences!

4 hours, 20 minutes CC

Design for Developers

Interviewing for Front-End Engineers

Jem Young
Jem Young
Netflix

Prepare for the recruiter prescreen questions, from the phone screen to real cultural and technical interview questions that companies use to screen candidates.

2 hours, 53 minutes CC

Interviewing for Front-End Engineers

Introduction to Next.js 13+, v3

Scott Moss
Scott Moss
Initialized

Next.js is a complete full-stack framework built on top of React.js. Use Next.js to create basic blog websites up to full-blown, full-stack apps and APIs. Plus, learn new features like using the app router, server and client components, and server actions!

4 hours, 27 minutes CC

Introduction to Next.js 13+, v3

Web Components

Dave Rupert
Dave Rupert
Paravel

Create custom, reusable HTML elements with the Web Components API! Learn to create custom Web Components using JavaScript and the Lit library.

4 hours, 3 minutes CC

Web Components

Practical CSS Layouts

Jen Kramer
Jen Kramer
AnnieCannons

Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.

8 hours, 58 minutes CC

Practical CSS Layouts

Intermediate HTML & CSS

Jen Kramer
Jen Kramer
AnnieCannons

Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!

5 hours, 37 minutes CC

Intermediate HTML & CSS

Complete Front-End Project: Build a Game

Brian Holt
Brian Holt
Snowflake

Organize your front-end code, manage application state with state machines, and automate writing better code using tools like ESLint, Parcel, and Prettier.

3 hours, 39 minutes CC

Complete Front-End Project: Build a Game

Build Progressive Web Apps (PWAs) from Scratch

Maximiliano Firtman
Maximiliano Firtman
Independent Consultant

Build offline-capable Progressive Web Apps with HTML, CSS, and JavaScript: Service workers give you access to the cache storage while App Manifests allow you to be distributed on the Google Play store and Apple App Store.

3 hours, 48 minutes CC

Build Progressive Web Apps (PWAs) from Scratch