Frontend Learning Kit

Frontend tech interview guide and collection of highly recommended materials

Show your support by giving a ⭐ to this repo

---

Frontend Role Guide to know about different frontend roles and their criterion

Frontend Interview Guide to know about different frontend interview rounds & FAQs

Frontend resources/materials

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

React

• 🎥 React Redux
• 🎥 Epic React
• 📗 ReactJS docs (beta)

React Repos

• 📁 React TypeScript Cheatsheet
• 📁 React explanation by visual block
• 📁 Bulletproof React
• 📁 Under the hood

Other frameworks

• 🎥 NextJS
• 🎥 Angular
• 🎥 Vue:Complete guide
• 🎥 Sveltejs: Complete Guide

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

JS 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

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

Interview Prep

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

Coding platforms

• 🚉 Leetcode
• 🚉 Hackerrank

Linux

• 📗 Linux Journey
• 🎥 Edureka

Additional Resources

• 🎙 JS Party podcast
• 📗 JavaScript 30
• 📗 Git Explorer
• 📗 FreeCodeCamp React Challange
• 📗 React Coding Challange
• 📗 React by Example
• 📗 React Cheatsheet
• 📗 React Patterns
• 📗 Tao Of React
• 🎥 Scrimba - Learn React for free interactively

---

License

This repository is MIT licensed. Read more