Top 59 websites to learn to code
Master the art of web development with these quality hand-picked educational web dev and programming resources.

Oh My Git!
An open source game about learning Git! Oh My Git! is an open source game that introduces players to the popular version control system "Git". It is highly...

CUBE CSS
CUBE CSS is a CSS methodology that’s orientated towards simplicity, pragmatism and consistency. It’s designed to work with the medium that you’re working...

Cheat
cheat allows you to create and view interactive cheatsheets on the command-line. It was designed to help remind *nix system administrators of options for...

Regex Crossword
A fun spin practicing regex. Build your skills by playing Regex Crossword.

Flexbox Defense
Another great interactive Flexbox challenge from the makers of Flexbox Froggy. Once you've completed this and Flexbox Froggy you'll be a Flexbox ninja!

Learn Eleventy From Scratch
In this Eleventy (opens new window)course, we go from a completely empty directory to a full-blown marketing site for a design agency, and along the way, we...

Learn CSS Grid
Learn CSS Grid with Wes Bos in 25 "pretty good" videos. From fundamentals to real world in about 4 hours.

Explain Shell
Write down a command-line command to see the help text that matches each argument.

Lightning-Fast Web Performance
A free online lecture course by Scott Jehl. Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs from...

CSS Hell
Collection of common CSS mistakes, and how to fix them.

Code Faster with Emmet
Write a ton of code with a single line of Emmet. This is a free course that helps us to be faster developers.

Beginner Web Dev
Get started with JavaScript with this free course containing almost 5 hours of video from Better Dev.

RegExr
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).

Talk Python Podcast
A podcast on Python and related technologies. Learn python from start to finish.

Rico’s Cheatsheets
Handy cheat sheets for a huge array of web technologies.

Interneting is Hard
Friendly web development tutorials for complete beginners.

HTML Elements Reference
Handy guide to every HTML element there is. Replace your divs with more semantic markup.

Operator Lookup
Enter a JavaScript operator to learn more about it.

Flexbox Cheatsheet
A simple visual cheat sheet for Flexbox.

Webbed Briefs
Brief videos about the web, its technologies, and how to make the most of them.

GitHub Learning Lab
With GitHub Learning Lab, grow your skills by completing fun, realistic projects. Get advice and helpful feedback from our friendly Learning Lab bot.

Flexbox Zombies
Dead tired of looking up Flexbox? Flexbox is incredibly powerful. But it's also crazy hard to learn well. So we all end up depending on a cheat sheet and some...

CSS Diner
A valuable (and fun!) interactive challenge to help learn CSS selectors.

freeCodeCamp
Learn to code — for free. Build projects. Earn certifications.

Sass Cheatsheet
Handy cheat sheet for writing CSS with Sass.

Modern CSS Solutions
Modern CSS solutions for old CSS problems by Stephanie Eckles.

Front-line PHP
Building modern applications with PHP 8 eBook by Spatie.

Every Layout
Relearn CSS layout. Every Layout will teach you how to better harness the built-in algorithms that power browsers and CSS.

CSS Layout
Popular layouts and patterns made with CSS.

Fiverr Learn
On-demand online courses to learn skills for freelancing.

Web Skills
Web development learning roadmap with resource links.

Jamstack Explorers
Free Jamstack courses from Netlify.

Josh W Comeau
Development blog focusing on React, animation, CSS and JavaScript. Great learning resource with interactive articles.

DEV Community
Beginner-friendly community blogging platform.

Frontend Practice
A collection of real websites to recreate for practice with hints and tips.

Flavio Copes
Software engineer content creator covering huge array of disciplines with lots of free content.

SkillWise Online Development Courses
Get awesome deals on web & app development courses online.

Codepip
Learn to code by playing games.

Open Source Guide
Open source software is made by people just like you. Learn how to launch and grow your project.

Every Layout
If you find yourself wrestling with CSS layout, it’s likely you’re making decisions for browsers they should be making themselves. Through a series of...

RandomAPI
Easily generate fake data for populating your mockups and testing your applications.

Flexbox Froggy
Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code!

Grid Garden
Welcome to Grid Garden, where you write CSS code to grow your carrot garden! Water only the areas that have carrots by using the grid-column-start property.

CSS Grid Generator
You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.

CSS-Tricks
These days CSS-Tricks is really about building websites and all that entails, mostly from a front-end perspective. We have staff writers (see below) and loads...

MDN Web Docs
Mozilla Developer Network. Resources for developers, by developers.

Modern JavaScript
How it's done now. From the basics to advanced topics with simple, but detailed explanations.

CodeFactor
Automated code review for Git.

CodePen Challenges
Challenges are fun opportunities for leveling up your skills by building things. Each week, you’ll get a new prompt surrounding a monthly theme to riff on....

The A11Y Project
A community-driven effort to make web accessibility easier.

Accessibility Guidelines
Making work accessible creates a better experience across the board. Use this checklist to help build accessibility into your process no matter your role or...

JavaScript 30
Build 30 things in 30 days using vanilla JavaScript with this free course from Wes Bos. Designed for beginner to Intermediate developers and designers who want...

PHP: The Right Way
PHP: The Right Way is an easy-to-read, quick reference for PHP popular coding standards, links to authoritative tutorials around the web and what the...

HEAD
A free guide to HTML5
elements.
What The Flexbox?!
A simple, free 20 video course that will help you master CSS Flexbox! Created by Wes Bos.

CodeNewbie Podcast
Stories from people on their coding journey.

Glitch
Glitch is a friendly community for for developers of all skill levels to create, share and experiment and with tools and code using an intuitive cloud IDE.

Piccalilli
A pickle jar full of curated CSS links to slick websites, animations, illustrations, and algorithms, brought to you by Andy Bell.

Divjoy React Generator
React codebase generator. Divjoy handles all the integration details. From routing to React hooks, you'll have everything you need to build something great.
Keep exploring! 🧰✨
Check out the sidebar menu (or tap the in the bottom right on mobiles) to search and browse by tag.