Awesome FrontendMasters Course Resources

A curated list of awesome frontendmasters course resources

🧩 BEGINNER

Your Path to becoming a Career-Ready Web Developer!

S.No.	Resource	Repository	Instructor
1	Complete Intro to Web Development, v3	Course Website & Code	Brian Holt
2	Getting Started with CSS	Course Website	Jen Kramer
3	Getting Started with JavaScript, v2	Course code & slides	Kyle Simpson
4	CSS Foundations	Course code & slides	Emma Bostian
5	JavaScript: From First Steps to Professional	Course Website	Anjana Vakil
6	Website Accessibility, v2	Course Website	Jon Kuperman

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Getting a Software Engineering Job, v2	Course Notes	Jerome Hardaway
2	Introduction to Dev Tools, v3	Course Code & Website	Jon Kuperman
3	Modern Search Engine Optimization (SEO)	GitHub Repo • Course Slides	Mike North

---

🧩 PROFESSIONAL

Your Path to becoming a Senior Web Developer!

S.No.	Resource	Repository	Instructor
1	JavaScript: The Hard Parts, v2	Course Slides	Will Sentance
2	Deep JavaScript Foundations, v3	Course Code & slides	Kyle Simpson
3	Complete Intro to React, v8	Course website • Course Repo • Course Project Files	Brian Holt
4	Vanilla JS: You Might Not Need a Framework	Course Notes • Course Code Project • Course Slides	Maximiliano Firtman
5	Web Performance Fundamentals	Course Code	Todd Gardener
6	CSS Grid & Flexbox for Responsive Layouts, v2	Course Website	Jen Kramer
7	Full Stack for Front-End Engineers, v3	Course Slides	Jem Young
8	TypeScript 5+ Fundamentals, v4	Course Notes • Course Code	Mike North
9	Functional JavaScript First Steps	Course Code & Notes	Anjana Vakil

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Redux Fundamentals (feat. React)	Course Website	Steve Kinney
2	A Tour of JavaScript & React Patterns	Course Notes & Code	Lydia Hallie
3	Design for Developers	Code & Slides (GitHub)	Sarah Drasner
4	Interviewing for Front-End Engineers	Course Slides	Jem Young
5	Introduction to Next.js 13+, v3	Course Notes • Course Code	Scott Moss
6	Web Components	Course Website & Notes	Dave Rupert
7	Practical CSS Layouts	Course Notes	Jen Kramer
8	Intermediate HTML & CSS	Course Code	Jen Kramer
9	Complete Front-End Project: Build a Game	Course Website • Course Code	Brian Holt
10	Build Progressive Web Apps (PWAs) from Scratch	Course Code • Course Slides	Maximiliano Firtman

---

🧩 EXPERT

Your Path to becoming a Lead/Staff Developer!

S.No.	Resource	Repository	Instructor
1	Advanced Web Development Quiz		Lydia Hallie
2	The Hard Parts of Asynchronous JavaScript	Course slides	Will Sentance
3	Enterprise UI Development: Testing & Code Quality	Course code • Course Slides	Steve Kinney
4	JavaScript Performance	Course slides • Course Notes	Steve Kinney
5	The Hard Parts of UI Development	Course Slides • Course Exercises	Will Sentance
6	Functional-Light JavaScript, v3	Course Slides • Course Code	Kyle Simpson
7	State Machines in JavaScript with XState, v2	Course Code	David Khourshid
8	Git In-depth	Course code & slides	Nina Zakharenko
9	Web Assembly (Wasm)	Course code & website	Jem Young
10	Developer Productivity	Course Website • Course Repo	ThePrimeagen

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Complete Intro to Real-Time	Course Website • Course Code	Jerome Hardaway
2	Vanilla JS: You Might Not Need a Framework	Course Notes • Course Code Project • Course Slides	[Maximiliano Firtman()]
3	Exploring Service Workers	Course Code	Jon Kuperman
4	Enterprise Architecture Patterns)	Course Code • Course Slides	Mike North
5	JavaScript and TypeScript Monorepos)	Course Code • Course Slides	Mike North
6	A Tour of Web Capabilities	Course Notes • Course Slides • Course Code	Jerome Hardaway
7	Bare Metal JavaScript: The JavaScript Virtual Machine	Course Code	Jon Kuperman
8	Building Your Own Programming Language	Course Code • Course Slides	Mike North

---

🧩 COMPUTER SCIENCE

Learn DSA with JavaScript!

S.No.	Resource	Repository	Instructor
1	Complete Intro to Computer Science	Course Website • Course Repo	Brian Holt
2	The Last Algorithms Course You'll Need	Course Notes • Course Exercises	Jen Kramer
3	Practical Problem Solving with Algorithms	Course slides	Kyle Simpson

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Introduction to Data Structures for Interviews		Jerome Hardaway
2	Tree and Graph Data Structures	Course Slides	Jon Kuperman
3	Web Assembly (Wasm)	Course code & website	Jem Young
4	Functional JavaScript First Steps	Course Code & Notes	Anjana Vakil
5	Functional-Light JavaScript, v3	Course Slides • Course Code	Kyle Simpson
6	Building Your Own Programming Language	Course Code • Course Slides	Mike North

---

🧩 FULLSTACK TO BACKEND

Expand your abilities to the server and Master the Fullstack!

S.No.	Resource	Repository	Instructor
1	Full Stack for Front-End Engineers, v3	Course Slides	Jem Young
2	Complete Intro to Databases	Course Website	Jen Kramer
3	Complete Intro to Linux and the Command-Line	Course Website • Course Repo	Kyle Simpson
4	VIM Fundamentals	Course code & website	Emma Bostian
5	Introduction to Node.js, v3	Course Website • Course Repo	Anjana Vakil
6	API Design in Node.js, v4	Course Website • Course Repo	Jon Kuperman
7	AWS For Front-End Engineers, v2	Course Repo	Kyle Simpson
8	Complete Intro to Containers (feat. Docker)	Course website • Course Repo • Project Files	Emma Bostian
9	Complete Intro to SQL & PostgreSQL	Course Notes • Course Repo	Anjana Vakil
10	Introducing DevOps for Developers	Course Slides	Jon Kuperman

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Git In-depth	Course code & slides	Nina Zakharenko
2	Developer Productivity	Course Website • Course Repo	ThePrimeagen
3	Web Authentication APIs	Course Website	Mike North
4	Complete Intro to Real-Time	Course Website • Course Code	Jerome Hardaway
5	The Hard Parts of Servers & Node.js	Course Slides • Course Code	Jerome Hardaway
6	Introduction to Next.js 13+, v3	Course Notes • Course Code	Jerome Hardaway
7	JavaScript and TypeScript Monorepos)	Course Code • Course Slides	Mike North
8	Basics of Go	Course Code • Course Slides	Mike North
9	Java Fundamentals	Course Slides	Mike North
10	Rust for TypeScript Developers	Course Website	Mike North
11	Polyglot Programming: TypeScript, Go, & Rust	Course Notes	Mike North

---

🧩 DESIGN TO CODE

Make your Designs come to Life through Code!

S.No.	Resource	Repository	Instructor
1	Web UX Design for High Converting Websites	Course Slides	Brian Holt
2	Design for Developers	Code & Slides (GitHub)	Sarah Drasner
3	Getting Started with CSS	Course Website	Jen Kramer
4	CSS Foundations	Course code & slides	Emma Bostian
5	CSS Grid & Flexbox for Responsive Layouts, v2	Course Website	Jen Kramer
6	SVG Essentials & Animation, v2	Code & Slides	Jon Kuperman
7	Practical CSS Layouts	Course Notes	Jen Kramer

⭐ Elective Coursework

S.No.	Resource	Repository	Instructor
1	Mastering the Design Process	Course Slides	Jerome Hardaway
2	Enterprise Design Systems Management	Course Slides	Jon Kuperman
3	Figma for Developers	Course Notes	Mike North
4	Data Visualization First Steps	Course Notes	Mike North
5	HTML Email Development, v2	GitHub Repo • Course Slides	Mike North
5	Creative Coding with Canvas & WebGL	GitHub Repo • Course Slides	Mike North

🙇‍♂️ Vote of Thanks

A big shoutout to FrontendMasters for creating high quality professional courses.