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!
Reference links
Almost all of our reference pages come with links to official documentation so you can read more about a given topic.
Instant search
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.
Both!
Here are some benefits that both our Crash Courses and Reference Pages share.
Ad-free
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
Demo
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.
Summary
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.
Details
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.
References
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.