High-quality resources that every frontend web dev should be aware of
(most of them are free)
Source: Frontend Learning Kit
HTML
- ๐ย ย MDN HTML
- ๐ย ย W3 Schools
- ๐ย ย HTML Tutorial
CSS
- ๐ย ย MDN CSS
- ๐ย ย Web Dev
- ๐ฅย ย CSS Complete Guide - Udemy
- ๐ย ย CSS for JS developers
Advanced CSS
- ๐ย ย Debugging CSS
- ๐ฅย ย CSS Demystified
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
- ๐ฅย ย Epic React
- ๐ฅย ย Scrimba - Learn React for free interactively
React Repos
- ๐ย ย React TypeScript Cheatsheet
- ๐ย ย Entire React code base explanation by visual block
- ๐ย ย Bulletproof React
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
- ๐ย ย Practical Git Guide
Web Performance & Security
- ๐ย ย MDN Performance
- ๐ย ย Web Dev Performance
- ๐ย ย Google Dev - Performance
- ๐ย ย Smashing Magezine - Performance
- ๐ฅย ย Web Performance Fundamentals
- ๐ฅย ย Web Security
Accessibility
JS Design Patterns
- ๐ย ย Modern Web App Design Patterns
- ๐ย ย JS Design Patterns
- ๐ย ย Design Patterns for Humans
JS Best practices
- ๐ย ย Refactoring JavaScript
- ๐ฅย ย Writing Clean Code
- ๐ย ย The art of unit testing
Functional JavaScript
- ๐ย ย Mostly adequate Guide
- ๐ย ย Functional Light JavaScript
- ๐ฅย ย Functional JavaScript
Frontend youtube channels
- ๐ฅย ย Traversy Media
- ๐ฅย ย Clever Programmer
- ๐ฅย ย Net Ninja
- ๐ฅย ย Web Dev Simplified
- ๐ฅย ย Academind
- ๐ฅย ย Dev Ed
- ๐ฅย ย Kevin Powell
- ๐ฅย ย Codevolution
- ๐ฅย ย JavaScript Mastery
Interview Prep Resources
- ๐ย ย Front End Interview Handbook
- ๐ย ย JavaScript Interview Questions
- ๐ย ย JavaScript Code Challenges
- ๐ย ย React Interview Questions
- ๐ย ย Tech Interview Handbook
- ๐ย ย JavaScript Questions MCQ
- ๐ย ย FreeCodeCamp Interview Prep
- ๐ย ย Interview Ant
- ๐ย ย Frontend Mini Challenges
- ๐ย ย The DOM Challenge
Interview Prep channels
- ๐ฅย ย Namaste JavaScript
- ๐ฅย ย Chirag Goel
- ๐ฅย ย Devtools Tech Frontend Interview Series
- ๐ฅย ย RoadsideCoder
- ๐ฅย ย Front-End Engineer
- ๐ฅย ย JS Cafe
- ๐ฅย ย Uncommon Geeks
Coding challenges
- ๐ย ย Big Frontend Dev
- ๐ย ย Great Frontend Dev
- ๐ย ย Frontend Mentor
- ๐ย ย JS Challenger
- ๐ย ย Devtools Tech
- ๐ย ย Learners Bucket
- ๐ย ย Exercism
- ๐ย ย FrontendPro
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
- ๐ย ย Interviewbit
Top comments (2)
Thanks for your well mannered data info, check out Java Programming Courses to upskill your games
awesome compilation๐๐๐๐