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
Note
Ace your Frontend UI coding interview rounds with Frontend Mini Challenges for free
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
- π Web Dev Performance
- π Google Dev - Performance
- π Smashing Magezine - Performance
- π₯ Web Performance Fundamentals
Web Security
- π₯ Web Security
Accessibility
JS Design Patterns
JS Best practices
- π Refactoring JavaScript
- π₯ Writing Clean Code
- π₯ JavaScript unit testing
- π The art of unit testing
- π₯ 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
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
- π I Code This
- π Mister DA
- π React Challenges
- π Daily React Problems
DSA resources
- π Grokking Algorithms
- π The Algorithm Design Manual
- π Cracking Coding Interview
- π Javascript Algo
- π₯ DataStructues Algorithms
- π₯ Practical Algorithms
- π₯ JavaScript Algorithms fundamentals
- π₯ JS algorithms and data structures masterclass
DSA youtube
- π₯ Adbul Bari
- π₯ Jenny's Lectures
- π₯ Gaurav Sen
- π₯ Tushar Roy - Coding Made Simple
- π₯ Rachit Jain
Coding platforms
- π Leetcode
- π Hackerrank
- π Interviewbit
Additional Resources
- π JS Party podcast
- π JavaScript 30
- π FreeCodeCamp React Challange
- π React Coding Challange
- π React by Example
- π React Cheatsheet
- π React Patterns
- π Tao Of React
- π MDN - Front-end Web Dev pathway
- π The React Handbook
- π Vue CheatSheet
This repository is MIT licensed. Read more