Resources for learning frontend development

Web Typography by Richard Rutter (Book £14.95 + VAT) - Must read

Web Typography - A handbook for designing beautiful and effective responsive typography

Companion website: The Elements of Typographic Style Applied to the Web

A Better Way to Learn JavaScript (Book series $99.95) - Recommended reference material, quick cheatsheets

A Better Way to Learn JavaScript Series | Leanpub

JavaScript.Info (Website + Forum free oss) - Must read

The modern JavaScript Tutorial

You Don’t Know JS (Book series free oss) - Alternate tutorial to JavaScript.Info, unfinished

You Don’t Know JS

Functional-Light JavaScript (Book free oss) - Not essential, but I highly recommend reading it at least once, just to get an idea what functional programming is.

Functional-Light JavaScript

Inclusive Components (Book €18) - Must read

Inclusive Components | Heydon Pickering

Every Layout (Book $69) - Must read

Every Layout - Relearn CSS layout by example

Material Design (Design System free oss) - Must read

Material Design | Design System

Figma on Youtube (video playlists free) - Recommend checking out interesting ones

Figma | Youtube

Heydon Pickering (personal website of a great frontend dev) - Recommend checking out and subscribing to.

HeydonWorks

CUBE CSS (CSS methodology free oss) - Must read

Composition Utility Block Exception Cascading Style Sheets

adactio - Jeremy Keith (personal website of a great frontend dev) - Recommend checking out

adactio - Jeremy Keith

James’ Coffee Blog (personal website of a great frontend dev) - Recommend checking out

James’

Nick Punt (personal website of a great frontend designer) - Recommend checking out

Nick Punt

Ahmad Shadeed (personal website of a great frontend designer/dev) - Must read

Ahmad Shadeed

Professor Frisby’s Mostly Adequate Guide to Functional Programming (Book online free oss) - Only read if you want to brush up on functional programming

gitbook