Show your support by giving a ⭐ to this repo
Frontend Role Guide to know about different frontend roles and their criterion
Frontend Interview Guide to know about different frontend interview rounds
Frontend projects for Practice & interviews (beginners to intermediates)
FAQs to clarify common doubts
Visit DeepWiki, for AI interactivity on this repo
Become a better software engineer by working on projects that actually challenge you at CodeCrafters
💡 How to use this guide
This is a curated toolkit, not a rigid curriculum. While structured in a logical sequence, feel free to jump to any topic that fits your goals. Explore resources that match your background and learning style — one may be enough, or you might need to combine several based on your objectives.
Resource Types:
📍 Roadmap 📗 Free Text/Book 📘 Paid Text/Book 🎥 Free Video/Course 📁 Repository 🚉 Practice Platform
- 📍 Road Map
- 🎥 Complete JavaScript
- 📗 Eloquent JavaScript
- 📗 JavaScript Info
- 📗 MDN JavaScript
- 📗 JavaScript Tutorial
- 📘 JavaScript for Impatient Programmers
- 📘 Just Javascript
- 📗 You don't know JS
- 📗 Secrets of the JavaScript Ninja
- 📘 Deep JavaScript
- 📘 Professional JavaScript for Web developers
- 🎥 Deep JavaScript Foundations
- 🎥 JavaScript Hard Parts
- 🎥 JavaScript: Understanding the Weird Parts
- 📗 TypeScript Deepdive
- 📗 Tackling TypeScript
- 📗 TypeScript Tutorial
- 📗 TypeScript Handbook
- 📘 Programming TypeScript
- 🎥 Understanding typescript
- 🎥 TypeScript Course by ui.dev
- 📗 React Dev
- 🎥 React - The Complete Guide
- 🎥 Ultimate React
- 🎥 Joy of React
- 🎥 Scrimba - Learn React for free interactively
- 📁 React TypeScript Cheatsheet
- 📁 Entire React code base explanation by visual block
- 📁 Bulletproof React
- 📗 MDN Performance
- 📗 Web Dev Performance
- 📗 Google Dev - Performance
- 📗 Smashing Magezine - Performance
- 🎥 Web Performance Fundamentals
- 🎥 Accessibility in JavaScript Applications
- 🎥 Develop Accessible Web Apps with React
- 📗 Web Accessibility Guidelines (WCAG)
- 📁 Awesome Frontend System Design
- 📁 Frontend System Design
- 🎥 Front-End Engineer
- 🎥 Designing Scalable Frontend Systems
- 🎥 Namaste System Design
- 🎥 Chakde System Design
- 🎥 Frontend System Design Course
- 📗 Frontend Geek
- 📁 Front End Interview Handbook
- 📁 JavaScript Interview Questions
- 📁 JavaScript Code Challenges
- 📁 React Interview Questions
- 📁 Tech Interview Handbook
- 📁 JavaScript Questions MCQ
- 📁 Frontend Mini Challenges
- 📁 FreeCodeCamp Interview Prep
- 📗 Interview Ant
- 📁 The DOM Challenge
- 📁 Ebat Dev
- 📁 FrontendAtlas
- 🎥 Namaste JavaScript
- 🎥 Devtools Tech Frontend Interview Series
- 🎥 RoadsideCoder
- 🎥 JS Cafe
- 🎥 Uncommon Geeks
- 🎥 Traversy Media
- 🎥 Clever Programmer
- 🎥 Net Ninja
- 🎥 Web Dev Simplified
- 🎥 Academind
- 🎥 Dev Ed
- 🎥 Kevin Powell
- 🎥 Codevolution
- 🎥 JavaScript Mastery
- 🎥 Code With Antonio
- 🚉 Big Frontend Dev
- 🚉 Great Frontend Dev
- 🚉 Leetcode
- 🚉 Frontend Expert
- 🚉 JS Challenger
- 🚉 Codedamn
- 🚉 Devtools Tech
- 🚉 Frontend Mentor
- 🚉 Exercism
- 🚉 FrontendPro
- 🚉 Frontend Lead
- 🚉 CSS Battle
- 🚉 Kode Karma
- 🚉 Namaste Dev
- 🚉 Clientside Dev
- 🚉 Frontend Churn
- 🚉 Reacterry
- 🚉 Edabit
- 🚉 Dev Challenges
- 🚉 ICodeThis
- 🚉 Prepare Frontend
- 🚉 Ebat
- 📘 Grokking Algorithms
- 📘 The Algorithm Design Manual
- 📘 Cracking Coding Interview
- 📁 Javascript Algo
- 📗 DSA Interview Challenges
- 🎥 Practical Algorithms
- 🎥 JavaScript Algorithms fundamentals
- 🎥 JS algorithms and data structures masterclass
- 🎥 Adbul Bari
- 🎥 Take U Forward
- 🎥 JavaScript Algorithms and Data Structures
- 🎥 Jenny's Lectures
- 🎥 Gaurav Sen
- 🎥 Tushar Roy - Coding Made Simple
This repository is MIT-licensed. Read more