Front-End Learning Kit
ThangaSenior Architect
3 min read
Mar 07, 2026

HTML
- ๐ MDN HTML
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 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
- ๐ Programming TypeScript
- ๐ฅ Understanding typescript
- ๐ฅ TypeScript Course by ui.dev
JS Design Patterns
- ๐ JS Design Patterns
- ๐ Design Patterns for Humans
JS Best practices
- ๐ Refactoring JavaScript
- ๐ฅ Writing Clean Code/
React
- ๐ฅ React Redux
- ๐ฅ Epic React
- ๐ React TypeScript Cheatsheet
- ๐ React explanation by visual block
- ๐ Bulletproof React
Angular
- ๐ฅ Angular
Vue
- TBD
Svelte
- TBD
HTTP
- ๐ MDN HTTP
- ๐ HTTP2 in Action
Git
- ๐ Become a git guru
- ๐ Pro Git
Web Performance
- ๐ MDN Performance
- ๐ Web Dev Performance
- ๐ Google Dev - Performance
- ๐ Smashing Magezine - Performance
- ๐ฅ Web Performance Fundamentals
Web Security
- ๐ฅ Web Security
Accessibility
Functional JavaScript
Data Structures and Algorithms
- ๐ Grokking Algorithms
- ๐ The Algorithm Design Manual
- ๐ Cracking Coding Interview
- ๐ Javascript Algo
- ๐ฅ DataStructues Algorithms
- ๐ฅ Practical Algorithms
- ๐ฅ JavaScript Algorithms fundamentals
- ๐ฅ Adbul Bari
- ๐ฅ Jenny's Lectures
- ๐ฅ Gaurav Sen
- ๐ฅ Tushar Roy - Coding Made Simple
- ๐ฅ Rachit Jain
Interview Prep
- ๐ Front End Interview Handbook
- ๐ JavaScript Interview Questions
- ๐ JavaScript Code Challenges
- ๐ React Interview Questions
- ๐ Tech Interview Handbook
- ๐ FreeCodeCamp Interview Prep
- ๐ฅ Namaste JavaScript
Coding platforms
- ๐ Leetcode
- ๐ Hackerrank
Linux
- ๐ Linux Journey
- ๐ฅ Edureka
Additional Resources (will be categorized soon)
- ๐ JS Party podcast
- ๐ JavaScript 30
- ๐ Git Explorer
- ๐ FreeCodeCamp React Challange
- ๐ React Coding Challange
- ๐ React by Example
- ๐ React Cheatsheet
- ๐ React Patterns
- ๐ Codechef
- ๐ Codeforces
- ๐ InterviewBit
- ๐ฅ Scrimba - Learn React for free interactively
- ๐ Tao Of React
More TechSheets
WebPerfFrontend
Master the Shift: From VDOM Hydration to Signals and Resumability
A technical deep-dive into how modern frontend frameworks are ditching heavy hydration for lightweight Signals and Resumability to optimize Core Web Vitals like INP and LCP.
6 min read
ReactWeb Performance
Mastering Fine-Grained Reactivity: Why Signals are the Future of React State Management
A technical deep-dive into fine-grained reactivity in React. Learn why signals are replacing traditional state patterns, reducing re-renders, and boosting application performance.
6 min read
PerformanceWebArchitecture
Beyond the Hydration Cliff: Mastering Resumability and Signals in Modern Front-End Architecture
Discover how Signals and Resumability are solving the 'Hydration Gap' in web development. A technical deep-dive into modern performance optimization for Senior Architects.
5 min read