Skip to content

0xAlok/awesome-frontendmasterss

Β 
Β 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

23 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Awesome FrontendMasters Course Resources

Awesome Badge Star Badge
A curated list of awesome frontendmasters course resources
sponsor alokgangwar Buy Me A Coffee


🧩 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.

About

πŸ“š List of awesome frontendmasters course resources

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors