Below you will find all of our courses organized into a path for beginners. NOTE: We recently updated our Path. To find the Old Path, scroll down to the bottom of the page.
If you’re just starting out, you can start from the beginning. If you have some experience already, you can skip the topics you already know.
Start Here
Simple Dev
Learn how to get the most out of Simple Dev!
Text Editors 1
VS Code
VS Code is an application that lets you write code.
Web 1
HTML
HTML is used to create content for web pages.
<p>Hello world.</p>Markdown
Markdown is a language used to create READMEs and create content in static site generators.
# Hello WorldCSS
CSS is used to style web pages.
p {
color: red;
}Website Testing
Learn how to use browser developer tools to test and debug your websites.
Text Editors 2
VS Code Tips
Learn how to be more productive in VS Code and how to customize it.
Web 2
Bootstrap
Bootstrap is a CSS library that contains pre-built CSS classes and components you can use to create great looking web pages with responsive layouts.
<a class="btn btn-primary" href="#" role="button">Hello world</a>JavaScript
JavaScript is used to add interactivity to a web page.
console.log("Hello world!");Command Line
Terminal
The terminal lets you control your computer using text commands.
lsGit
Git is a version control system that lets you back up your coding projects and work on multiple versions of your project.
git commit -m "Hello world"GitHub
GitHub is a website that lets you back up your coding projects and collaborate with other developers.
GitHub Desktop
GitHub Desktop is an application that lets you work with local and remote repositories using a GUI.
npm
npm is a package manager for the JavaScript ecosystem.
npm install package-nameMore Web Tools
Less
Less is a CSS preprocessor that lets you create more reusable CSS code.
@main-color: red;
p {
color: @main-color;
}Sass
Sass is a CSS preprocessor that lets you create more reusable CSS code.
$main-color: red;
p {
color: $main-color;
}