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
Become a better software engineer by working on projects that actually challenge you at CodeCrafters
Roadmaps
HTML
CSS
Advanced CSS
JavaScript
- 📗 Eloquent JavaScript
- 📗 JavaScript Info
- 📗 MDN JavaScript
- 📗 JavaScript Tutorial
- 📘 JavaScript for Impatient Programmers
- 📘 Just Javascript
- 🎥 Complete JavaScript
- 🎥 Javascript Complete Guide
Advanced 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
- 📗 TypeScript Deepdive
- 📗 Tackling TypeScript
- 📗 TypeScript Tutorial
- 📗 TypeScript Handbook
- 📘 Programming TypeScript
- 🎥 Understanding typescript
- 🎥 TypeScript Course by ui.dev
React
- 📗 React Dev
- 🎥 React - The Complete Guide
- 🎥 Ultimate React
- 🎥 Joy of React
- 🎥 Scrimba - Learn React for free interactively
React Repos
- 📁 React TypeScript Cheatsheet
- 📁 Entire React code base explanation by visual block
- 📁 Bulletproof React
Other frameworks
GraphQL
HTTP
Git
Web Performance
- 📗 MDN Performance
- 📗 Core Web Vitals
- 📗 Web Dev Performance
- 📗 Google Dev - Performance
- 📗 Smashing Magezine - Performance
- 🎥 Web Performance Fundamentals
Web Security
Accessibility
- 🎥 Accessibility in JavaScript Applications
- 🎥 Develop Accessible Web Apps with React
- 📗 Web Accessibility Guidelines (WCAG)
Frontend Testing
Progressive Web Apps (PWAs)
JS Design Patterns
JS Best practices
Functional JavaScript
Frontend youtube channels
- 🎥 Traversy Media
- 🎥 Clever Programmer
- 🎥 Net Ninja
- 🎥 Web Dev Simplified
- 🎥 Academind
- 🎥 Dev Ed
- 🎥 Kevin Powell
- 🎥 Codevolution
- 🎥 JavaScript Mastery
- 🎥 Code With Antonio
Frontend System Design
- 📁 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
Interview Prep Resources
- 📁 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
Interview Prep channels
- 🎥 Namaste JavaScript
- 🎥 Devtools Tech Frontend Interview Series
- 🎥 RoadsideCoder
- 🎥 JS Cafe
- 🎥 Uncommon Geeks
Coding challenges
- 🚉 Big Frontend Dev
- 🚉 Great Frontend Dev
- 🚉 Leetcode
- 🚉 Frontend Expert
- 🚉 JS Challenger
- 🚉 Codedamn
- 🚉 Devtools Tech
- 🚉 Frontend Mentor
- 🚉 Exercism
- 🚉 Learners Bucket
- 🚉 FrontendPro
- 🚉 Frontend Lead
- 🚉 CSS Battle
- 🚉 Frontend Hire
- 🚉 Clientside Dev
- 🚉 Frontend Churn
- 🚉 Reacterry
- 🚉 Edabit
- 🚉 Dev Challenges
- 🚉 Codewell
- 🚉 ICodeThis
- 🚉 Mister DA
- 🚉 React Challenges
- 🚉 Daily React Problems
- 🚉 Prepare Frontend
Frontend Deployment Platforms
- 📗 Netlify
- 📗 Vercel
- 📗 Firebase Hosting
- 📗 AWS Amplify
- 📗 GitHub Pages
Browser DevTools
DSA resources
- 📘 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
DSA youtube
- 🎥 Adbul Bari
- 🎥 Take U Forward
- 🎥 JavaScript Algorithms and Data Structures
- 🎥 Jenny's Lectures
- 🎥 Gaurav Sen
- 🎥 Tushar Roy - Coding Made Simple
Coding platforms
- 🚉 Leetcode
- 🚉 Hackerrank
- 🚉 Interviewbit
Additional Resources
This repository is MIT-licensed. Read more