Frontend Learning Kit
Frontend tech guide and curated collection of frontend materials
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
Frontend resources/materials
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
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
- Ebat Dev
- FrontendAtlas
Interview Prep channels
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
- Kode Karma
- Namaste Dev
- Clientside Dev
- Frontend Churn
- Reacterry
- Edabit
- Dev Challenges
- Codewell
- ICodeThis
- Mister DA
- React Challenges
- Daily React Problems
- Prepare Frontend
- Ebat
Frontend Deployment Platforms
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
Additional Resources
License
This repository is MIT-licensed. Read more