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

• 🎥 Accessibility in JavaScript Applications
• 🎥 Develop Accessible Web Apps with React

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

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

License

This repository is MIT licensed. Read more