Learning resources
Learning resources to develop skills across the frontend and related areas. PR's are welcome!
Soft Skills
Software Engineering at Google
CS
Path to a free self-taught education in Computer Science
Teach Yourself Computer Science
Computer Science: Crash Course
System design
Frontend System Design Framework
Architecture
DDD, Hexagonal, Onion, Clean, CQRS, … How I put it all together
Clean architecture in the frontend
A quick introduction to clean architecture
Drawing trees on canvas with L-systems, TypeScript, and OOP
Featured sliced methodology
Client-Side Architecture Basics [Guide]
Programming
Frisby's Guide to Functional Programming
Algorithms
Algorithms and data structures
JavaScript Algorithms and Data Structures
Coursera's Algorithms specialization
Coursera's Data Structures and Algorithms
JavaScript
Programming basics on JavaScript
JavaScript. The Core: 2nd Edition
Just JavaScript book by Dan Abramov
The this keyword in JavaScript. The Complete* Guide
TypeScript
WebAssembly
WebAssembly: tame the dragon
Browser
Chromium University lectures (2020)
Perfomance
Browser rendering optimization
Front-End Performance Checklist 2021
The Critical Request: How to Prioritise Requests to Improve Speed
Frameworks
Build a frontend framework from scratch
Rethinking reactivity - Rich Harris
React
React reconciler: How to write your own renderer
Complete Guide to React Rendering Behavior
UI
Animations
Animating Layouts with the FLIP Technique
Accessibility
A Complete Guide To Accessible Front-End Components
How to Meet WCAG (Quick Reference)