ULTIMATE WEB DEVELOPMENT ROADMAP 2022+

Basic Syntax
Resources:
Start Here Resources: DOM Manipulation TypeScript - The Basics (Fireship)
Web Development 2022+ JavaScript Tutorial for Beginners (codeSTACKr) Fetch API
Roadmap Learn JSON in 10 Minutes (codeSTACKr)
Fetch API Explained (codeSTACKr) JSON
JavaScript Playlist (codeSTACKr)
JavaScript Shorts (codeSTACKr) ES6+
Hosting
Resources: TypeScript Resources:
How the Internet DNS
React Playlist (codeSTACKr)
Works in 5 Minutes React
HTTP How The Internet Works Front-End Path JavaScript Vue (Program With Erik)
What is the
Internet?(Code.org) Vue Vue (Faraday Academy)
Browsers Angular Crash Course (Traversy Media)
Svelte Svelte Crash Course (Traversy Media)
Domain Names npm scripts npm
Task Runners Angular
Package Managers
Gulp Front-End Framework
yarn
Context API (React)
Visual Studio Code Prettier Resources:
Linters / Formatters Redux (React)
Resources: React State Management Tutorial (Dev Ed)
ESLint Build Tools State Management
VS Code Playlist Sublime Text
Text Editor Vuex (Vue) Redux For Beginners (Dev Ed)
Become A VS Webpack More Tools LEARN VUEX IN 15
Atom
Code SuperHero! Services (Angular) MINUTES (Program With Erik)
Vim Parcel Module Bundlers
Server Side Rendering (SSR) Static Site Generators
Chrome Rollup
GraphQL Resources:
Edge Browser Git Gatsby (Weibenfalk)
Gatsby (React) Gridsome (Vue)
Version Control Nuxt.js (Vue) Next.js (React) Next.js (Colby Fayock)
Firefox GitHub
Apollo Gridsome (Traversy Media - Gwen Faraday)
Next.js (React) Nuxt.js (Vue)
Powershell Nuxt.js (Traversy Media)
Browser Dev Tools
JavaScript 11ty
Zsh Basic Tools
VS Code Extensions Progressive Web Apps (PWA)
JAMstack API
Hyper
Emmet
Terminal Resources:
Markup
iTerm npm (Website) Axios Netlify
yarn (Website) Static
Resources:
Bash Gulp (Coder Coder Rust
Speech Recognition GitHub Pages
) Netlify GitHub
Git Bash Prettier (Website) C Web Assembly Pages
Heroku
ESLint (Website) Heroku
Figma Webpack C++ Linode
Resources:
Linode
(freeCodeCamp) Vercel
Design Course Adobe XD Parcel (James Q Quick Resources:
AWS AWS
(YouTube) Design ) Rollup (Website) GraphQL Full Course (freeCodeCamp) Azure
Adrian Sketch Eddie Jaoude (YouTube PWA Tutorial for Beginners (The Net Ninja) Hosting
Azure
Twarog ) WebAssembly (Wasm) in 100 Seconds
Photoshop Git (Website)
(YouTube) (Firship)
GitHub (Website) What is the Jamstack? (Traversy Media - James Q Quick) Nginx
Learn Git in 30
JAMstack Crash Course (James Q Quick)
Vercel
Minutes
(codeSTACKr) HTML5 Web Speech API (Website) Web Servers Apache
Best Practices Next Level GitHub Profile Google Speech-To-Text (Website)
Readme.md (codeSTACKr) Alan AI (Website) MS IIS
Semantic HTML Top VS Code Extensions Build A Voice Recognition
Resources:
Ecommerce App With Alan AI Unit
Emmet = Faster HTML & Resources:
HTML Crash Course in 30 Minutes Forms & Validations HTML CSS Workflow! (codeSTACKr (Web Dev Simplified)
(codeSTACKr) Testing Integration DevOps Directive (YouTube)
) Axios Crash Course
Accessibility What are GitHub Actions? (Eddie Jaoude)
(Traversy Media)
Resources: Functional Automatic Deployment with GitHub Actions (Traversy
SEO JavaScript (Node.js) Media - Anson The Developer)
Node.js Crash Course (Traversy Media)
JavaScript (Deno) AWS Lambda Create a Serverless Express App (Program With Erik)
Deno Intro & Tutorial (codeSTACKr) Deployment / Serverless
Basics Serverless Lambda Functions (Traversy Media)
Python
Caleb Curry (YouTube) DevOps (FaaS)
Back-End Path Netlify Dockerize VS Code (codeSTACKr)
Rust Crash Course (Traversy Media)
Flexbox
Rust C# Full Course for Beginners (freeCodeCamp)
CSS Grid Intro to Java (freeCodeCamp) Docker
C# PHP Tutorial (freeCodeCamp) Virtualization
Custom Properties Kubernetes
Go Tutorial (freeCodeCamp)
Java
Ruby Full Course
Resources: Plain CSS
PHP (freeCodeCamp) Load Balancing, Monitoring, Security
GSAP (GreenSock Animation Platform) Transitions /
GSAP
anime.js Animations Go GitHub Actions Wordpress
Resources:
anime.js
Traditional
Ruby Laravel Crash Course Resources:
SSL Certificate Drupal
Laravel (PHP) 2020 (Traversy How to make a WordPress
Mobile First
Pick A Language Media) SSH Netlify CMS website from scratch (Adrian
Resources: Spring (Java) Spring Boot Tutorial Twarog)
rem units
CSS Crash Course in 30 Minutes (codeSTACKr) (freeCodeCamp) Wordpress Getting Started with Sanity.io
Learn CSS Flexbox in 20 Minutes (codeSTACKr) CSS Time To Choose Ruby on Rails (Ruby)
Viewport Responsive Design Ruby on Rails Crash (James Q Quick)
Learn CSS Grid in 20 Minutes (codeSTACKr) Course 2020 Content Management Systems (CMS) Sanity.io Build a Portfolio Site with
Fluid Widths Express (Node.js)
Learn Sass in 30 Minutes (codeSTACKr) (Traversy Media) Sanity.io and Gatsby (Jason
Back-End Frameworks Headless Strapi
GSAP Typing Animation (codeSTACKr) Koa (Node.js) Express JS Crash Lengstorf)
Media Queries
CSS King, Kevin Powell (YouTube) Course (Traversy Strapi.js Crash Course
Media) Prismic (Traversy Media)
Sass Django (Python)
CSS Preprocessors Databases Django (Dennis Ivy)
Motivation / Contentful
PostCSS Impostor Syndrome Flask (Python) Learn Flask for
Resources: Python
Resources: PostgreSQL storyblok
styled
Styled Components Learn Blazor (C#) (freeCodeCamp)
Modern CSS PostgreSQL
components CSS MySQL Resources:
CSS Modules Tutorial Relational Blazor (Claudio Blockchain / Crypto
Modules thenewboston (Yo
(freeCodeCamp) Azure Cloud SQL Bernasconi) uTube)
Resources: Tailwind CSS MySQL Crash Caleb Curry (YouTube)
CSS Frameworks MS SQL
Tailwind CSS Soft Skills & Course (Traversy
Bootstrap
Bootstrap Personal Development Media)
MongoDB Resources:
MongoDB Crash Course OAuth
Airtable (Traversy Media) APIs
Attention to Detail Adaptability
Resources: FaunaDB Basics JWT
NoSQL / Cloud AWS (Fireship)
Danny Thompson: Authentication
Creativity Communication Firebase Beginner's Guide Auth0
-- YouTube FaunaDB
(Fireship) Providers
-- Twitter
Build a React App with Firebase
Interpersonal Skills Leadership Firebase
Airtable
(codeSTACKr)
Teamwork Problem Solving Resources:
Desktop
Make Your Own API (Ania Kubow)
Applications Resources:
Time Management Work Ethic
React Native Simple React User Login Authentication with
Examples: Auth0 (codeSTACKr)
Flutter VS Code React Authentication Crash Course With Firebase
Mobile Applications Web Twitch (Web Dev Simplified)
Slack
NativeScript Electron Figma
Discord
Python Ionic
Resources:
Machine Learning / AI TensorFlow.js Resources:
Machine Learning (Patrick Loeber aka Python Engineer)
React Native (William Candillon)
Brain.js Flutter (Flutter Explained)
Flutter (Tadas Petra)
Flutter (Robert Brunhage)