0%

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: 56 hours, 28 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

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 core concepts, work with DOM APIs, 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

Request Metrics
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 modern techniques for implementing designs using CSS Grid, Flexbox, Subgrid, Container Queries, and responsive images.

Ultimate CSS Grid & Layout Techniques, v3

Jen Kramer

Jen Kramer

AnnieCannons
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. Learn advanced techniques including subgrid, container queries, and responsive images through hands-on CodePen exercises.
6 hours, 21 minutes CC
Ultimate CSS Grid & Layout Techniques, v3
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

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

Elective Coursework

Optional, take in any order

Redux Fundamentals (feat. React)

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.
Redux Fundamentals (feat. React)

Tailwind CSS

Learn Tailwind CSS‘s utility-first approach for responsive, and customizable web designs. Master themes, layers, responsive breakpoints, dark mode, and more to create maintainable user interfaces!
Tailwind CSS

A Tour of JavaScript & React Patterns

Learn a suite of design patterns to improve your JavaScript and React code architecture!
A Tour of JavaScript & React Patterns

Introduction to Next.js 13+, v3

Next.js is a full-stack framework built on top of React.js. Learn the app router, server and client components, and server actions and create everything from basic blog websites up to full-stack apps and APIs.
Introduction to Next.js 13+, v3

Design for Developers

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

Interviewing for Front-End Engineers

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

Practical CSS Layouts

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

PWAs: You Might Not Need That App Store

Create installable web apps with the power of Progressive Web Apps (PWAs). Build native app-like experiences with icons and splash screens tailored for all mobile and desktop platforms!
PWAs: You Might Not Need That App Store

What They're Saying

Time to time I recommend Frontend Masters, but the Professional Learning Path was especially great one.
I tried dozens of resources over the years and chose this one to have a yearly subscription.
56 hours of great instructors and brilliant content.
Nikoloz Chkhaidze

Nikoloz Chkhaidze

Software Engineer

I'm thrilled to announce that I've successfully completed the comprehensive Professional Learning Path by Frontend Masters! 🚀

If you're a Front-end developer, you must look into this fantastic path. It's a true masterpiece!

I've had an extensive amount of enjoyment learning from Will Sentance, Kyle Simpson, Maximiliano Firtman, Jen Kramer, Jem Young, Mike North, Anjana Vakil, and Brian Holt; Their enthusiasm and in-depth knowledge made the entire process both fun and highly informative.

You will dive into the intricacies of how things work behind the scenes, unravel the magic (spoiler: it's not really magic) and gain a clearer comprehension of often misinterpreted concepts, among a plethora of other insights.

What an incredible path, Learned a lot!
Super recommended.
Ali Mohammad

Ali Mohammad

🇵🇸 Senior Software Engineer | React | Angular | Typescript | Node

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now