Frontend Learning Kit

Frontend tech guide and curated collection of frontend materials

Show your support by giving a ⭐  to this repo

2024 Frontend Dev Roadmap & checklist

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

Frontend resources/materials

Roadmaps

• 📍  Road Map (Beginner Version)
• 📍  Road Map (Advanced Version)

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

• 🎥