Developer Learning Resources
Good learning resources share a quality: they explain why, not only how. This annotated directory points to the references, blogs, and communities that consistently do that for frontend engineering, with a note on what each is best for. It is deliberately short and opinionated, because a few trustworthy sources read deeply beat a long bookmark folder skimmed once. Most are free.
Where this site covers a topic in the same spirit, the entry links across so you can keep learning in one place.
What you'll learn
Reference documentation
Two references cover almost everything about how the web platform behaves.
The sources to trust first
- MDN Web Docs · the definitive reference for HTML, CSS, JavaScript, and browser APIs, accurate and thorough, the first place to check how anything works.
- web.dev · Google's resource for modern web development, strong on performance, Core Web Vitals, and rendering, closely aligned with how search and browsers actually behave.
Engineering blogs
Blogs explain the reasoning and trade-offs that references leave out.
Where ideas are argued
- CSS-Tricks and Smashing Magazine · long-running publications with practical, well-edited articles on real frontend problems, good for depth on a specific technique.
- Browser and framework engineering blogs · posts from the teams building browsers and frameworks explain changes at the source, the most reliable account of why something works as it does.
Structured courses
When a topic needs a guided path, a structured course beats scattered articles.
Guided, sequenced learning
- Frontend-focused course platforms · project-based courses that build a real application step by step suit people who learn by doing rather than reading.
- The roadmaps on this site · the guides sequence existing articles into free learning paths, from Backbone to architecture.
Books worth reading
A few books remain worth the time despite the pace of change.
Long-form depth
- Foundational JavaScript books · well-regarded titles on the language itself give a depth of understanding that outlasts any framework, since the language changes far more slowly.
- Architecture and patterns books · texts on software design and frontend patterns explain structure that applies across frameworks, complementing the concepts on this site.
Communities
People accelerate learning, both for answers and for exposure to new ideas.
Learning with others
- Stack Overflow · the archive of answered programming questions, where most specific problems have already been solved and explained.
- Developer communities and forums · active spaces for discussion and feedback keep you current and surface ideas you would not search for, including this site is own channels.
Learning on this site
This site is built as a connected curriculum, not isolated posts.
A route through the material
- The topic clusters · Backbone, architecture, rendering, JavaScript SEO, and interactive web each go from basics to depth.
- The examples and guides · the examples give runnable code and the guides give sequenced paths, so reading and practice stay together.
Frequently Asked Questions
What are the best reference sites for web development?
MDN Web Docs is the definitive reference for HTML, CSS, JavaScript, and browser APIs, and web.dev is strong on performance, Core Web Vitals, and rendering. Both are accurate and free, and are the first places to check.
How should I learn frontend development effectively?
Read a few trustworthy sources deeply rather than skimming many. Combine reference documentation for how things work, engineering blogs for why, and structured paths or courses when a topic needs a guided sequence.
Are books still worth reading for frontend?
Yes, especially books on the JavaScript language itself and on software design, since those change far more slowly than frameworks. They give a depth of understanding that outlasts any specific tool.
Where can I practise what I learn?
Use runnable examples and build small projects. This site's examples hub provides focused, runnable code for each concept, and the guides sequence the articles into paths so reading and practice stay connected.
Read next: back to the Resources hub, or start a learning path.
Ready to follow a path?
The guides turn these resources into a sequenced route through the material.
Explore the Guides →