Pick a resource for the skill you want to practice. Apply what you learn to your current work, then come back when you need the next step.
A companion to How AI is changing front-end work.
Courses
Look for a structured course when you want guided practice in a specific skill.
- Master.dev
A broad course library for front-end development and beyond. Previously Frontend Masters.
Web fundamentals & interface craft
- CSS for JS Developers
Josh Comeau · CSS fundamentals and layout for JavaScript developers.
- web.dev/learn
Guides to core web development skills.
- MDN Learn Web Development
A learning path through web development fundamentals.
- Build UI
Hands-on interface development with React, styling, and animation.
React, TypeScript & application architecture
- The Joy of React
Josh Comeau · React fundamentals, state, and component APIs.
- Epic React
Kent C. Dodds · React application development.
- Epic Web
Application architecture, testing, and full-stack web development.
- Total TypeScript
Matt Pocock · TypeScript and the types behind application APIs.
Accessibility & design systems
- Practical Accessibility
Sara Soueidan · Accessibility for web designers and developers.
- AI and Design Systems
Brad Frost and collaborators · AI in design-system workflows.
AI-assisted development
- Coding with AI Learning Path
A focused path through AI-assisted development from Master.dev.
- DeepLearning.AI short courses
For studying the model side when building AI features.
Books
Choose a book when you want a deeper explanation you can revisit alongside your work.
- Refactoring UI
Visual design techniques for improving interfaces.
- Inclusive Components
Heydon Pickering · Accessible interface patterns.
- Atomic Design
Brad Frost · A methodology for interface design systems. Available online.
- Eloquent JavaScript
JavaScript and programming fundamentals. Available online.
- Beyond Vibe Coding
Addy Osmani · AI-assisted development.
Newsletters and blogs
Pick one or two regular reads that match your interests.
- Smashing Magazine
- JavaScript Weekly
- Frontend Focus
- Bytes
- web.dev
- Chrome for Developers
- The Pragmatic Engineer
- Simon Willison’s Weblog
People to follow
- Addy Osmani
- Josh Comeau
- Una Kravets
- Adam Argyle
- Stephanie Eckles
- Brad Frost
- Adrian Roselli
- Sara Soueidan
Podcasts
For conversations about front-end work and the people doing it.
- Syntax
- ShopTalk Show
- Front End Happy Hour
- devtools.fm
- Latent Space
For the AI-engineering side.
AI-specific resources
Start with primary documentation when learning a tool or building an AI feature.
Cookbooks & tutorials
- Anthropic Build with Claude
- Anthropic Cookbook
- Prompt Engineering Interactive Tutorial
- OpenAI Cookbook
Building AI features
Protocols & agent tooling
- Model Context Protocol docs
- Claude Code overview
- GitHub Copilot enterprise documentation
- OpenAI Codex documentation and evaluation guides
Annual industry reports
Return to these for a periodic view of industry trends.
- Stack Overflow Annual Developer Survey
- GitHub Octoverse
- JetBrains State of the Developer Ecosystem
- Microsoft Work Trend Index
- DORA research
- World Economic Forum Future of Jobs report