Frontend Learning Kit
Frontend tech guide and curated collection of frontend materials
2022 Frontend Dev Interview checklist & Roadmap
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
Frontend resources/materials
HTML
- π MDN HTML
- π W3 Schools
CSS
- π MDN CSS
- π Web Dev
- π₯ CSS Complete Guide - Udemy
- π CSS for JS developers
Advanced CSS
- π Debugging CSS
- π₯ CSS Demystified
JavaScript
- π Eloquent JavaScript
- π JavaScript Info
- π 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 Redux
- π₯ Epic React
- π ReactJS docs (beta)
- π ReactJS Tutorials
React Repos
- π React TypeScript Cheatsheet
- π React explanation by visual block
- π Bulletproof React
- π Under the hood
Other frameworks
- π₯ NextJS
- π₯ Angular
- π₯ Vue:Complete guide
- π₯ Sveltejs: Complete Guide
HTTP
- π MDN HTTP
- π HTTP2 in Action
Git
- π Become a git guru
- π Pro Git
- π Git Explorer
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
- π The art of unit testing
Functional JavaScript
Frontend youtube channels
- π₯ Traversy Media
- π₯ Clever Programmer
- π₯ Net Ninja
- π₯ Web Dev Simplified
- π₯ Academind
- π₯ Dev Ed
- π₯ Kevin Powell
- π₯ Codevolution
Interview Prep
- π Front End Interview Handbook
- π JavaScript Interview Questions
- π JavaScript Code Challenges
- π React Interview Questions
- π Tech Interview Handbook
- π JavaScript Questions MCQ
- π FreeCodeCamp Interview Prep
- π₯ Namaste JavaScript
- π₯ Devtools Tech Frontend Interview Series
- π₯ Front-End Engineer
- π₯ Chirag Goel
Coding challenges
- π Big Frontend Dev
- π Kodiri
- π Frontend Mentor
- π JS Challenger
- π Devtools Tech
- π Learners Bucket
DSA resources
- π Grokking Algorithms
- π The Algorithm Design Manual
- π Cracking Coding Interview
- π Javascript Algo
- π₯ DataStructues Algorithms
- π₯ Practical Algorithms
- π₯ JavaScript Algorithms fundamentals
DSA youtube
- π₯ Adbul Bari
- π₯ Jenny's Lectures
- π₯ Gaurav Sen
- π₯ Tushar Roy - Coding Made Simple
- π₯ Rachit Jain
Coding platforms
- π Leetcode
- π Hackerrank
Additional Resources
- π JS Party podcast
- π JavaScript 30
- π FreeCodeCamp React Challange
- π React Coding Challange
- π React by Example
- π React Cheatsheet
- π React Patterns
- π Tao Of React
- π₯ Scrimba - Learn React for free interactively
- π₯ JavaScript Mastery
- π MDN - Front-end Web Dev pathway
- π The React Handbook
License
This repository is MIT licensed. Read more