Skip to main content
JoshuaBriley.
Back to blog
Design Systems 4 min read

Where to learn modern front-end

A working reading list for front-end engineers: courses, books, newsletters, and AI-specific resources worth the time in 2026.

This is the reading list that sits behind Future-proofing front-end dev roles. That piece argues the role is being reallocated toward judgment, systems thinking, and verification. This one is the practical answer to “so what do I actually read.”

It’s a working set, not a curriculum. Nobody finishes this list, and finishing it isn’t the point. Pick the two or three entries that map to whatever you’re weakest at right now.

Courses

Frontend Masters has the broadest catalog, including a dedicated Coding with AI Learning Path. Epic React and Epic Web (Kent C. Dodds) go deep on application architecture and testing. Total TypeScript (Matt Pocock) is the reference for the type-level depth that now doubles as agent guardrails.

For craft: CSS for JS Developers and The Joy of React (Josh Comeau), web.dev/learn, MDN Learn Web Development, Refactoring UI, and Build UI.

For the two areas AI is worst at: Practical Accessibility (Sara Soueidan) and AI and Design Systems (Brad Frost). DeepLearning.AI short courses cover the model side if you’re building AI features rather than just using AI tools.

Books

Refactoring UI, Inclusive Components (Heydon Pickering), Atomic Design (Brad Frost, free online), Eloquent JavaScript (free online), and Addy Osmani’s Beyond Vibe Coding.

Newsletters and blogs

Publications: Smashing Magazine, JavaScript Weekly, Frontend Focus, Bytes, web.dev, Chrome for Developers, The Pragmatic Engineer, and Simon Willison’s Weblog.

Individuals worth following directly: Addy Osmani, Josh Comeau, Una Kravets, Adam Argyle, Stephanie Eckles, Brad Frost, Adrian Roselli, and Sara Soueidan.

Podcasts

Syntax, ShopTalk Show, Front End Happy Hour, devtools.fm, and Latent Space for the AI-engineering side.

AI-specific resources

Primary documentation ages better than commentary here, so start with the source: Anthropic Build with Claude, the Anthropic Cookbook, the Prompt Engineering Interactive Tutorial, and the OpenAI Cookbook.

For building features: Vercel AI SDK docs and LangChain.js docs. For the protocol layer and agent tooling: Model Context Protocol docs, Claude Code overview, GitHub Copilot’s enterprise documentation, and the OpenAI Codex docs and evals guides.

Recurring industry signal

These are worth reading annually rather than continuously, because they’re how you notice a trend instead of a news cycle: the Stack Overflow Annual Developer Survey, GitHub’s Octoverse, JetBrains’ State of the Developer Ecosystem, Microsoft’s Work Trend Index, DORA research, and the World Economic Forum’s Future of Jobs report.