Category · 23 tools

Learning & docs

References, courses and guides to actually understand what the AI is writing for you.

23 shown

Learning & docs

A List Apart

A long-running publication on web standards, design and best practices.

Free
  • articles
  • web-standards
  • design
take

The thoughtful elder of web publications — standards, craft and the why behind the how. Less how-to, more how-to-think.

Visit ↗
Learning & docs

CSS-Tricks

A long-running web development publication focused on CSS, with articles, guides and the CSS Almanac.

Free
  • articles
  • css
  • reference
take

A vast archive of CSS articles and the Almanac reference. Publishing slowed after the DigitalOcean acquisition, but the back catalogue is gold.

Visit ↗
Learning & docs

DevDocs

A free, open-source app combining API documentation for 100+ languages and frameworks into one searchable browser.

Free
  • api-docs
  • reference
  • offline
take

Fast, offline-capable docs for 100+ languages and frameworks in one searchable app. The quickest way to look something up without bouncing between doc sites.

Visit ↗
Learning & docs

Eloquent JavaScript

A free online book by Marijn Haverbeke introducing JavaScript, browsers and Node.js with interactive examples.

Free
  • javascript
  • book
  • beginner
take

A free, well-written online book that teaches JavaScript properly, with interactive examples. The canonical free text for actually learning the language.

Visit ↗
Learning & docs

Epic Web

Kent C. Dodds' in-depth, project-based course on building full-stack web apps.

Paid
  • course
  • full-stack
  • react
take

A deep, opinionated full-stack curriculum from Kent C. Dodds — testing, React, the whole stack. A serious paid investment for going pro, not a quick read.

Visit ↗
Learning & docs

Exercism

A free platform with coding exercises and human mentorship across many languages.

Free
  • practice
  • exercises
  • mentorship
take

Free, mentored coding practice across dozens of languages. Great for drilling fundamentals with feedback from real people.

Visit ↗
Learning & docs

freeCodeCamp

A nonprofit offering a self-paced coding curriculum with interactive challenges, projects and free certifications.

Free
  • curriculum
  • interactive
  • certifications
take

A free, interactive curriculum with thousands of challenges and real certifications. The most accessible on-ramp into coding, backed by a huge community.

Visit ↗
Learning & docs

Frontend Masters

A subscription video-course platform teaching front-end and full-stack web development by industry practitioners.

Freemium
  • courses
  • video
  • subscription
take

Deep, practitioner-taught video courses on front-end and full-stack. Paid, but the depth and the instructors are worth a subscription when you're leveling up.

Visit ↗
Learning & docs

Frontend Mentor

A platform with real-world front-end challenges using professional designs.

Freemium
  • practice
  • challenges
  • frontend
take

Real designs to build from, so you practise turning Figma into front-end code instead of yet another to-do app. The best way to build a portfolio while you learn.

Visit ↗
Learning & docs

JavaScript.info

A free, in-depth tutorial covering the JavaScript language core and browser/DOM topics with exercises.

Free
  • tutorial
  • javascript
  • reference
take

The modern JavaScript tutorial — thorough, free, and kept current. The book-style reference I'd point any serious JS learner to.

Visit ↗
Learning & docs

JavaScript30

Wes Bos' free 30-day course building 30 things in vanilla JavaScript, no frameworks.

Free
  • javascript
  • course
  • free
take

Thirty small builds in vanilla JS, free — the cure for framework-brain and tutorial paralysis. You finish actually understanding the language.

Visit ↗
Learning & docs

Josh W. Comeau

A developer's site with free interactive articles on CSS, React and animation, plus paid courses.

Freemium
  • blog
  • css
  • react
take

Gorgeously interactive articles on CSS, React and animation, plus paid courses. His free posts alone will level up your CSS intuition.

Visit ↗
Learning & docs

Kevin Powell

The site and free video tutorials of a CSS-focused educator.

Free
  • css
  • tutorials
  • video
take

If CSS frustrates you, Kevin Powell is the antidote — clear, modern, free CSS teaching. The internet's de facto CSS teacher for a reason.

Visit ↗
Learning & docs

MDN Web Docs

Mozilla's open documentation and reference for HTML, CSS, JavaScript and web APIs, with learning guides.

Free
  • documentation
  • reference
  • web-standards
take

The canonical reference for HTML, CSS, JS and web APIs — accurate and exhaustive. When you need the real answer about how the platform works, it's here.

Visit ↗
Learning & docs

patterns.dev

A free online resource on design, rendering and performance patterns for modern web apps with JavaScript and React.

Free
  • javascript
  • patterns
  • performance
take

A free book on design, rendering and performance patterns for modern web apps. Strongest on architecture — the stuff tutorials skip.

Visit ↗
Learning & docs

Refactoring UI

A book and course teaching practical UI design for developers, by the creators of Tailwind CSS.

Paid
  • design
  • ui
  • book
take

The book that teaches developers to design — practical, opinionated rules from the Tailwind folks. If your apps work but look off, this is the fastest fix; paid, worth it.

Visit ↗
Learning & docs

roadmap.sh

A community-curated collection of interactive developer roadmaps and learning paths by role.

Free
  • roadmaps
  • learning-paths
  • community
take

Community-curated, clickable developer roadmaps for every role. The map to orient yourself when you don't know what to learn next.

Visit ↗
Learning & docs

Scrimba

An interactive coding-course platform where you can pause and edit the instructor's code in the browser.

Freemium
  • interactive
  • courses
  • front-end
take

Interactive courses where you can pause and edit the instructor's code in the browser. A genuinely different, hands-on way to learn front-end; real free tier.

Visit ↗
Learning & docs

Smashing Magazine

A long-established publication for web designers and developers covering front-end, UX, design and accessibility.

Freemium
  • articles
  • design
  • ux
take

A long-standing publication for designers and developers — front-end, UX, accessibility. Reliable, in-depth articles and a good newsletter.

Visit ↗
Learning & docs

The Odin Project

An open-source, project-based full-stack web development curriculum with JavaScript and Ruby paths.

Free
  • curriculum
  • full-stack
  • project-based
take

A free, project-based full-stack curriculum that throws you into building. Demanding and self-directed — the best free path if you'll actually do the work.

Visit ↗
Learning & docs

Total TypeScript

Matt Pocock's courses and free tutorials for mastering TypeScript.

Freemium
  • typescript
  • course
  • tutorials
take

The place to actually get good at TypeScript — sharp, practical, with a lot of free material. If TS types still feel like wrestling, start here.

Visit ↗
Learning & docs

web.dev

Google's web platform guidance and courses on performance, accessibility, security and modern browser features.

Free
  • documentation
  • performance
  • best-practices
take

Google's guidance on performance, accessibility and modern browser features, with solid courses. Great for best practices and Core Web Vitals; remember the Chrome-team lens.

Visit ↗
Learning & docs

You Don’t Know JS

Kyle Simpson's free, deep book series on the mechanics of JavaScript.

Free
  • javascript
  • book
  • deep-dive
take

The free book series that explains how JavaScript really works under the hood. Dense, but the cure for 'it works and I don't know why'.

Visit ↗