Free Learning

Totally free, high-quality resources for learning web dev — no strings attached.

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

FREE CODE CAMP

The ultimate free coding bootcamp. Learn HTML, CSS, JavaScript, React, APIs, and more — build actual shit, earn certs, pay $0.

Visit Free Code Camp

MDN Web Docs

The dev documentation holy grail. HTML, CSS, JS — crystal clear, example-packed, and not trying to sell you anything.

Visit MDN Web Docs

Frontend Mentor

Real-world HTML/CSS challenges to test your skills and build portfolio projects. Free tier gives plenty to chew on.

Visit Frontend Mentor

CSS Tricks

Legendary blog packed with articles, guides, and snippets. If it’s CSS, it’s here. And yes, it’s still free.

Visit CSS Tricks

The Odin Project

A full-stack curriculum created by devs, for devs — structured, open source, and as free as it gets.

Visit The Odin Project

W3Schools

Old-school, beginner-friendly tutorials for every major language. No flash, no drama — just learn and copy/paste your way to glory.

Visit w3schools

Exercism

Practice real coding problems and get free mentorship. No ads, no upsell, just you, code, and wisdom from random strangers.

Visit Exercism

CodePen

Instant front-end playground. Build, test, and show off HTML/CSS/JS in a browser with zero setup. Scroll. Fork. Brag.

Visit Codepen

Glitch

Build full-stack apps right in your browser. Remix something cool or spin up a chaotic masterpiece from scratch — for free.

Visit Glitch

The Net Ninja

Hundreds of laser-focused YouTube playlists on everything from HTML to Firebase to React — no fluff, just clean code and clean vibes.

Visit The Net Ninja

StackBlitz

Instant dev environments for Angular, React, TypeScript, and more. No install, no delay — just code that compiles in your browser.

Visit StackBlitz

JSFiddle

Lightweight HTML/CSS/JS sandbox. No sign-up, no bloat — perfect for testing something stupid before shipping it anyway.

Visit JS Fiddle

Kevin Powell (YouTube)

The CSS whisperer. Explains flexbox and grid like he invented them. If you fear CSS, he’ll fix you.

Visit Kevin Powell on YouTube

Dev Ed (YouTube)

Coding + design with ADHD energy and hilarious metaphors. Learn and vibe at the same time.

Visit Dev Ed on YouTube

Ania Kubów (YouTube)

Teaches JavaScript through real mini-games and small projects. Zero fluff, maximum dopamine.

Visit Ania Kubow on YouTube

Codewell

Design-to-code challenges to help you actually build nice UIs. Clean layouts, no login required, and all free if you skip the upsell.

Visit Codewell

Codrops

Fancy CSS and JavaScript tutorials for UI animation lovers. Warning: you’ll get inspired and go off-task for 3 hours.

Visit Codrops

HTML5 UP

Pixel-perfect site templates. Drop in your info, change some colors, and pretend you built it from scratch. Nobody will know.

Visit HTML5 Up

Learn X in Y Minutes

For when you don’t want a course, you want a brain dump. Blazing-fast syntax overviews for dozens of languages.

Visit Learn X in Y Minutes

GitHub Student Pack

If you're a student, this gives you hundreds of dollars in free tools. No catch, just .edu email magic.

Visit GitHub Student Pack

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource

Example Resource

This is a placeholder card. Replace it with an actual free learning platform or tool.

Visit Resource