
Front-End Learning Kit
Thanga Mariappan PandianSenior 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
frontendperformance
Beyond Virtual Scrolling: DOM Performance at Scale with CSS content-visibility and IntersectionObserver
Discover how to render 100,000+ DOM nodes at 60fps without heavy JavaScript virtualization libraries. A technical deep-dive into content-visibility and IntersectionObserver.
7 min read
frontendperformance
The Great CSS-in-JS Exodus: Why GitHub Moved Back to Static CSS and What It Means for Your Architecture
GitHub's architectural pivot away from CSS-in-JS is a seismic shift. Dive deep into the performance costs, developer experience hurdles, and how embracing 'more CSS' can transform your front-end.
9 min read
HTML5CHEATSHEET
Understanding HTML5
Iโve listed out all the mainstream HTML tags as well as the new HTML5 tags.
12 min read