Refine your skills with these resources

Preview unavailable

You must log in or sign up to view this lesson.

LoginSign up

2023 Web Dev Roadmap

Buy nowLearn more

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