Login
codeSTACKr/2022 Web Dev Roadmap
Get access for free

  • Free

2022 Web Dev Roadmap

  • Course
  • 107 Lessons

Let me guide you on your web development learning journey. I have listed a ton of resources here for you. Go through these in order until you get to the Optional Technologies section. This should give you a great start!
Buy now

Contents

Top Skill to Learn

Google like a PRO

How the Internet Works

How the internet works in 5 min
What is the internet?

Basic Tools

Browsers
VS Code
Visual Studio Code Web Dev Setup In 6 Minutes
VS Code Playlist
VS Code SuperHero
Terminals

Basic Coding

HTML in 100
HTML Crash Course
Code Faster with Emmet
CSS in 100
CSS Crash Course
Position Explained
Units Explained
Flexbox in 100
Flexbox Crash Course
Grid in 100
Grid Crash Course
JavaScript in 90 seconds
JavaScript Crash Course
DOM
Loops Explained
JavaScript Micro Bytes Playlist
"this" in 100
"this"
JSON
Fetch Crash Course
JavaScript Arrow Functions
JavaScript Async / Await

Terminal

Terminal - 1
Terminal - 2
Terminal - 3
Terminal - 4
Terminal - 5
Terminal - 6
Terminal - 7
Terminal - 8
Terminal - 9

Version Control

Git in 100
Git / GitHub Crash Course
Create a GitHub Profile

Hosting & Deployment

Netlify
Vercel
Cloudflare
GitHub Pages
Heroku
Linode

Back-end Development with Node.js

Node.js Crash Course
Express.js Tutorial
Node Package Manager (npm)

APIs

APIs in 100
Build a REST API
GraphQL in 100

Databases

SQL in 100
SQL Crash Course
MongoDB in 100
MongoDB Crash Course

JavaScript Frameworks

Do THIS before learning a JavaScript Framework
React in 100
React Crash Course
Next.js in 100
Next.js Crash Course
Gatsby Tutorial Playlist
Vue.js in 100
Vue.js Crash Course
Nuxt.js Crash Course
Angular in 100
Angular Crash Course

CSS Frameworks

Tailwind CSS in 100
Tailwind CSS Tutorial
Bootstrap 5 Tutorial Playlist

Authentication

Auth0 in 100
Auth0 with React.js User Login

Content Management Systems (CMS)

WordPress Headless
Sanity.io Crash Course
Strapi Crash Course

Soft Skills & Personal Development

Personal Development

Other Resources

Refine your skills with these resources

Optional Technologies

Svelte in 100
Svelte Crash Course
Svelte Crash Course
Svelte Kit
Astro in 100
TypeScript in 100
TypeScript Crash Course
CSS Animations in 100
CSS Animations Crash Course
GSAP
Sass/SCSS Crash Course
CSS Modules
CSS in JS
Go in 100
Rust in 100
Dart in 100
PHP in 100
Python in 100
Java in 100
Kotlin in 100
C in 100
C# in 100
Blockchain & Cryptocurrencies
Flutter in 100
React Native in 100
Electron in 100
Machine Learning & AI