Web Development resources for developers
Hand-picked web development resources for developers, curated by Tauseef Fayyaz. Worth your time, and never an affiliate placement.
230
Picks151
Free25 resources · page 1 of 2
REST, GraphQL, gRPC and event driven interfaces compared on the criteria that actually decide between them: coupling, versioning, latency and who pays the cost of a change. API design rounds are increasingly common and rarely prepared for.
Design Gurus · 2 weeks · IntermediateSchema design, normalisation, indexing and the modelling decisions that determine whether a system is pleasant or painful three years in. The data model outlives every other decision in a codebase.
Design Gurus · 2 to 3 weeks · IntermediateA directory of free APIs sorted by category, with authentication and CORS support noted for each. The fastest cure for not knowing what to build: pick an API that interests you and make something small with real data instead of another to do list.
Community maintained · BeginnerThe reference for HTML, CSS, JavaScript and the browser APIs, with accurate compatibility data on every page. When an answer from a tutorial and an answer from MDN disagree, MDN is right.
Mozilla · Ongoing reference · AllA complete free full stack curriculum that makes you build real projects and set up your own environment rather than coding in a sandbox. Demanding, unpaid, and it produces people who can actually work.
The Odin Project · 6 to 12 months · BeginnerA university course on modern JavaScript development, free and open, covering React, Node, GraphQL, TypeScript, testing and continuous integration through substantial exercises. University quality material with no fees and no admissions.
University of Helsinki · 3 to 6 months · IntermediateThousands of hours of free interactive curriculum with certifications, covering responsive design, JavaScript, data structures, backend work, Python and data analysis. The lowest barrier entry point in the field.
freeCodeCamp · Self paced, hundreds of hours · BeginnerA visual map of front end skills with the essentials marked separately from the optional branches, which is what stops it becoming an anxiety generator. Use it as an audit, not a syllabus.
roadmap.sh · Self paced · AllThe backend counterpart, covering languages, databases, caching, APIs, authentication, testing and deployment, with the required parts marked. A useful map of the territory between writing endpoints and running a service.
roadmap.sh · Self paced · AllThe modern JavaScript tutorial, covering the language from basics through prototypes, closures, promises and modules, with exercises and solutions throughout. The clearest free explanation of the parts of JavaScript that confuse people.
Ilya Kantor · 2 to 3 months · AllA book that teaches programming through JavaScript rather than JavaScript through examples, with real projects and exercises you can run in the page. Free online, and better written than most paid material.
Marijn Haverbeke · 6 to 10 weeks · IntermediateA book series that goes deliberately deep on the mechanics of JavaScript, including scope, closures, coercion, the object system and asynchrony. Read it when you are tired of language behaviour surprising you.
Kyle Simpson · 2 to 4 months · AdvancedThe rewritten React docs, which are now a genuinely good course with interactive examples and a strong section on thinking in components and state. Read these before any paid React course.
Meta · 1 to 2 weeks · AllThe official free course, building a working application with routing, server rendering, data fetching, authentication and deployment. The most efficient way to understand where server and client code split in a modern React app.
Vercel · 1 to 2 weeks · IntermediateGoogle's guidance on performance, accessibility and modern browser capability, including the full Learn CSS and Learn Accessibility courses. The reference for the metrics your site is actually measured against.
Google · Ongoing reference · IntermediateTypeScript taught through exercises you have to solve rather than lectures, from the beginner tutorial up to generics and type level programming. The free tiers alone cover more than most developers ever learn.
Matt Pocock · 1 to 3 months · IntermediateTeaches CSS as a system with rules you can reason about, aimed at developers who are strong in JavaScript and treat CSS as guesswork. Expensive, and it fixes a problem a lot of competent engineers quietly have.
Josh W. Comeau · 6 to 8 weeks · IntermediateA deep library of recorded workshops taught by well known practitioners, covering JavaScript internals, frameworks, TypeScript, testing and computer science for developers. Depth rather than breadth, and consistently well taught.
Frontend Masters · Ongoing · AllReal design files and a brief, then you build it and get community feedback. It solves the specific problem of not knowing what to build once tutorials run out.
Frontend Mentor · Ongoing · BeginnerThe documentation for hundreds of languages and libraries in one fast searchable interface, available offline. Replaces a browser full of documentation tabs with a single keystroke.
DevDocs · Ongoing reference · AllBrowser support tables for every web platform feature, with real usage percentages rather than a simple yes or no. The answer to whether you can ship a feature yet, in about five seconds.
Alexis Deveria · Seconds per lookup · AllThirty small projects in thirty days, built in plain JavaScript with no frameworks, libraries or build tools. The fastest cure for framework dependence.
Wes Bos · 30 days, about an hour each · BeginnerDesign advice written for developers, as a set of specific rules you can apply rather than principles you have to interpret. It will visibly improve your interfaces within a day, without making you a designer.
Adam Wathan and Steve Schoger · A weekend · AllAn open publishing community where developers write about what they are building, and a low friction place to start writing yourself. Publishing regularly does more for a career than most people expect.
DEV · Ongoing · AllBrowse the library by topic and format
Every one of these is its own page: a roadmap shelf, an interview-prep shelf, the free-only view. The filters above do the same thing without a page load.
Stuck on something specific?
Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Every session is free; a few slots open each week.
- 1:1 Mentorship
- Fresh Graduate Mentorship
- Career Guidance
Brand deals, promos and partnerships: tauseeffayyaz@gmail.com
Follow along
New writing, resources and project ideas land here first.