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
- π MDN HTML
- π W3 Schools
- π HTML Tutorial
- π₯ Complete Guide to HTML
CSS
- π MDN CSS
- π Web Dev
- π₯ CSS Complete Guide - Udemy
- π CSS for JS developers
Advanced CSS
- π Debugging CSS
- π₯ CSS Demystified
- π₯ 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
- π₯ NextJS
- π₯ Angular
- π₯ Vue:Complete guide
- π₯ Sveltejs: Complete Guide
GraphQL
- π₯ Apollo GraphQL
- π₯ GraphQL Course for Beginners
HTTP
- π MDN HTTP
- π HTTP2 in Action
Git
- π Become a git guru
- π Pro Git
- π Git Explorer
- π Practical Git Guide
Web Performance
- π MDN Performance
- π Core Web Vitals
- π Web Dev Performance
- π Google Dev - Performance
- π Smashing Magezine - Performance
- π₯ Web Performance Fundamentals
Web Security
- π₯ Web Security
- π Google Web Fundamentals: Security
- π MDN Web Docs: Security
Accessibility
- π₯ Accessibility in JavaScript Applications
- π₯ Develop Accessible Web Apps with React
- π Web Accessibility Guidelines (WCAG)
Frontend Testing
- π Vitest
- π Jest Docs
- π Cypress
- π₯ JavaScript unit testing
- π The art of unit testing
Progressive Web Apps (PWAs)
- π MDN Guide to PWAs
- π Google Developers: PWAs
- π₯ PWA - The Complete Guide
JS Design Patterns
JS Best practices
- π Refactoring JavaScript
- π₯ Writing Clean Code
- π₯ MicroFrontends
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
- π Chrome DevTools
- π Firefox Developer Tools
- π₯ DevTools Crash Course
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
-
π JS Party podcast
-
π JavaScript 30
-
π React Basics
-
π React by Example
-
π React Cheatsheet
-
π React Patterns
-
π Tao Of React
-
π The React Handbook
-
π Vue CheatSheet
This repository is MIT-licensed. Read more