Codesmith
0%
Professional
Learning PathYour 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: 68 hours
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
Take your JavaScript to the next level. Gain an understanding of callbacks, higher-order functions, closure, asynchronous and object-oriented JavaScript!
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
You Don't Know JS
Dive into JavaScript's core language features; types & coercion, scope & closure, and JavaScript's object-oriented system.
Editor's Note
This 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, v9
Neon
Learn to build real-world apps with React 18 and React 19. Use tools like Vite, ESLint, and Prettier to scaffold a project and the latest React and TanStack features to build a complete e-commerce application.
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
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.
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, v2
Request Metrics
Speed up your websites and web apps by mastering Core Web Vitals metrics like Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP).
Editor's Note
Can you take a design from Figma all the way to production? Kevin Powell’s Professional CSS course gives you the skills and confidence to build, style, and deploy an entire website from scratch.
Professional CSS: Build a Website from Scratch
Kevin Powell Media Inc.
Use custom properties and the latest responsive design techniques to build and deploy a website from scratch!
Editor's Note
Deploying static content is one thing. But fullstack engineers need to understand server administration, SSH keys, DNS, and the full development-to-production CI/CD pipeline. These skills to allow you to effectively communicate with the server team and make better decisions about your code.
Full Stack for Front-End Engineers, v3
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!
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
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.
Editor's Note
Maintaining codebases at any scale can be difficult. Learning to write good tests unit and integration tests give you the added confidence your code works.
Testing Fundamentals
Temporal
Learn the basics of testing and apply Test-Driven Development techniques to your workflow. Gain practical experience writing unit and integration tests while exploring common testing tools.
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, v2
Software Engineer & Educator
A friendly, practical introduction to functional programming fundamentals in JavaScript. Learn core functional programming concepts while coding with pure functions, recursion, higher-order functions, closures, and function composition.
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.
A Tour of JavaScript & React Patterns
Learn a suite of design patterns to improve your JavaScript and React code architecture!
Ultimate CSS Grid & Layout Techniques, v3
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.
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!
Next.js Fundamentals, v4
Build full-stack React apps with Next.js. Gain a deep understanding of React Server Components and Server Actions. Learn authentication, caching, static vs. dynamic routing, and deploy a professional application to Vercel.
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!
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!
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.
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
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
🇵🇸 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