Frontend Learning Kit

Collection of highly recommended materials & best practices for front-end developers. (free + paid)

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
• 🎥 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

TypeScript

• 📗 TypeScript Deepdive
• 📘 Programming TypeScript
• 🎥 Understanding typescript

React

• 🎥 React Redux
• 🎥 Epic React
• 📁 React TypeScript Cheatsheet
• 📁 React explanation by visual block

Angular

• 🎥 Angular

HTTP

• 📗 MDN HTTP
• 📘 HTTP2 in Action

Git

• 📗 Git Explorer

Web performance

• 📗 MDN Performance
• 📗 Web Dev Performance
• 📗 Google Dev - Performance
• 📗 Smashing Magezine - Performance

JavaScript Best practices

• 📘 Refactoring JavaScript
• 📗 JS Design Patterns
• 📁 Design Patterns for Humans

Functional JavaScript

• 📗 Mostly adequate Guide
• 📗 Functional Light JavaScript
• 🎥 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

Coding platforms

• Leetcode
• Hackerrank

Interview Prep

• 📁 Front End Interview Handbook
• 📁 JavaScript Interview Questions
• 📁 JavaScript Code Challenges
• 📁 React Interview Questions
• 📁 Tech Interview Handbook
• 🎥 Namaste JavaScript

License

This repository is MIT licensed. Read more