Web frontend resources

This is a list of curated resources on frontend developement I think are worth having a look at.

Computer Science #

• Computer Science Distilled: Learn the Art of Solving Computational Problems
• Cracking the Coding Interview
• The Imposter's Handbook
• Four Semesters of Computer Science — Course Notes
• The Coding Interview Bootcamp: Algorithms + Data Structures
• Computer Science in JavaScript
• Itsy Bitsy Data Structures
• Data Structures and Algorithms in JavaScript

System Design, Design Patterns and Architecture #

• Learning JavaScript Design Patterns
• Gang of Four's Design Patterns
• Examples to Accompany GoF's Design Patterns
• Design Patterns Explained Simply
• Head First Design Patterns
• Design Patterns For Dummies

HTML #

• Training Guide Programming in HTML5 with JavaScript and CSS3 (MCSD)
• Decoding HTML5
• Learn Forms by web.dev

CSS #

• CSS for JavaScript Developers
• Every Layout

JavaScript #

• JavaScript: The Good Parts
• JavaScript: Understanding the Weird Parts
• Just JavaScript
• JS Functions
• JavaScript and the DOM
• DOM Events
• JavaScript Allongé
• Eloquent JavaScript
• You Don't Know JS
• JavaScript Garden
• Learning Advanced JavaScript
• Douglas Crockford on Advanced JavaScript

Promises, Asynchronous Programming and Network Requests #

• Asynchronous JavaScript Requests
• JavaScript Promises
• Understanding JavaScript Promises
• Network reliability by web.dev

Testing #

• Testing JavaScript with Kent C. Dodds
• JavaScript Testing

Accessibility #

• Practical Approaches For Designing Accessible Websites
• Web Accessibility by Google
• Start Building Accessible Web Applications Today
• Accessible to all by web.dev
• The W3C's Introduction to Web Accessibility
• Introduction to Accessible Web Development
• Deque University Full Curriculum
• Practical Accessibility
• Testing Accessibility
• The Bootcamper's Guide to Web Accessibility
• A Web for Everyone
• Accessibility for Everyone
• Apps For All: Coding Accessible Web Applications

Performance #

• Website Performance Optimization
• Browser Rendering Optimization
• Responsive Images
• Web Performance Fundamentals
• Core Web Vitals by web.dev
• Metrics: measuring performance and user experience by web.dev
• Fast load times: techniques for improving site performance by web.dev

React #

• Understanding React

Web Components #

• Web Components Essentials

Functional Programming #

• A Skeptic's Guide to Functional Programming with JavaScript
• Functional Programming in JavaScript by Luis Atencio
• Functional Programming in JavaScript by Dan Mantyla
• Functional JavaScript
• Professor Frisby Introduces Composable Functional JavaScript

Functional Reactive Programming #

• RxJS Masterclass
• RxJS Fundamentals

Progressive Web Applications #

• Learn PWAs by web.dev
• Intro to Progressive Web Apps
• Offline Web Applications

Node.js #

• Learn and Understand Node.js

Frontend Courses Syllabus #

• Udacity Front End Web Developer Nanodegree Program Syllabus
• Google Mobile Web Specialist Certification Guide

JavaScript, DOM and HTML5 APIs Practice #

• 12 Days of Web (2021, 2022, 2023)
• 30 Day Vanilla JS Coding Challenge
• JavaScript Challenges Book
• Microsoft Front End Bootcamp
• Codility
• HackerRank
• Frontend Developer Interview Questions

∎

Last updated: January 2024