Skip to content


Crash Courses

Hands-on activities

Our crash course lessons come with hands-on activities so you can practice what you’re learning.

Step by step instructions

We tell you exactly what code to type and what menus and keyboard shortcuts to use.

Track progress

Mark lessons complete as you finish them.

Easy navigation

Easily jump to any lesson in the course using the links in the sidebar.

GitHub repos

We make all of our code available through GitHub so you can check your work as you go along.

Other resources

Learn about other tools and websites you can use to help you develop better websites.

Practical advice

Learn practical tips you can use to improve your overall coding skills.

Reference Pages

300+ Reference Pages

Simple Dev features over 300 Reference Pages written in a short, easy-to-read format.

Embedded pens

Our web reference pages feature embedded pens from CodePen that you can edit directly on our site!

Almost all of our reference pages come with links to official documentation so you can read more about a given topic.

Use the search feature to quickly find a specific reference page. (Bonus: The results will load as soon as you start typing! You don’t even have to press the Enter key.)

Transferable skills

Learn transferable skills that apply to multiple areas of software development like Markdown, the terminal, Git, and more.


Here are some benefits that both our Crash Courses and Reference Pages share.


We want you to focus on learning to code, so we don’t have any distracting ads on our site.

Cross platform

Our tutorials include instructions for working on Windows and macOS (unless the topic is centered on a specific platform).

Set Up Your local environment

Learn how to install and configure the software you need to start coding, like VS Code, Git, npm, and more.

Copy and paste

You can easily copy and paste code directly from our site.

Find on page

Use the Control + F or Command + F browser shortcut to find what you’re looking for on any page.

Easy to update

Since our tutorials are written, they are very easy to update if there’s new information to add or if we made a mistake!

Reference Page Format


Our HTML, Markdown, CSS, Bootstrap, JavaScript, Less and Sass sections all feature embedded Pens from CodePen so you can see what the code will look like in the browser.


The Summary feature highlights the key syntax, command, or idea of a topic at the top of the tutorial so you don’t have to spend time skimming through the body of the tutorial.


The Details section expands on the syntax, command, or idea outlined in the Summary feature and provides further explanation or examples to teach the concept.


The References feature links to the main source(s) for a tutorial, so you can verify the accuracy of our articles or dive deeper on a topic if necessary.