ULTIMATE WEB DEVELOPMENT ROADMAP 2021+

Basic Syntax
Resources:
Start Here Resources: DOM Manipulation TypeScript - The Basics (Fireship)
Web Development 2021 Roadmap JavaScript Tutorial for Beginners (codeSTACKr) Fetch API
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
What is the HTTP How The Internet Works Front-End Path JavaScript Vue (Program With Erik)
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 Code LEARN VUEX IN 15 MINUTES (Program With Erik)
Atom Webpack More Tools
SuperHero! Services (Angular)
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 GitHub Pages
Speech Recognition Netlify
Prettier (Website)
Git Bash ESLint (Website) C Web Assembly GitHub Pages
Heroku
Heroku
Webpack (freeCodeCamp)
Figma Parcel (James Q Quick) C++ Linode
Resources:
Linode
Rollup (Website) Vercel
Design Course Adobe XD Eddie Jaoude (YouTube) Resources:
AWS AWS
(YouTube) Design Git (Website) GraphQL Full Course (freeCodeCamp) Azure
Adrian Twarog (YouTube)
Sketch GitHub (Website) PWA Tutorial for Beginners (The Net Ninja) Hosting
Azure
Learn Git in 30 Minutes WebAssembly (Wasm) in 100 Seconds (Firship)
Photoshop (codeSTACKr) What is the Jamstack? (Traversy Media - James Q Quick) Vercel
Next Level GitHub Profile JAMstack Crash Course (James Q Quick) Nginx
Readme.md (codeSTACKr) HTML5 Web Speech API (Website)
Top VS Code Extensions
Google Speech-To-Text (Website) Web Servers Apache
Emmet = Faster HTML & CSS
Best Practices Workflow! (codeSTACKr) Alan AI (Website)
Axios Crash Course (Traversy Build A Voice Recognition Ecommerce App With Alan AI (Web Dev Simplified) MS IIS
Semantic HTML
Resources: Media) Unit
Resources:
HTML Crash Course in 30 Minutes Forms & Validations HTML
(codeSTACKr) Testing Integration DevOps Directive (YouTube)
Accessibility What are GitHub Actions? (Eddie Jaoude)
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)
Caleb Curry (YouTube) DevOps (FaaS)
Python Netlify Dockerize VS Code (codeSTACKr)
Back-End Path 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 (freeCodeCamp)
Resources: Plain CSS Load Balancing, Monitoring, Security
PHP
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) Viewport Responsive Design CSS Time To Choose Ruby on Rails (Ruby) 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) Express JS Crash Lengstorf)
Media Queries Koa (Node.js)
CSS King, Kevin Powell (YouTube) Course (Traversy Strapi.js Crash Course
Media) Prismic (Traversy Media)
Sass Django (Python)
CSS Preprocessors Motivation / Databases Django (Dennis Ivy)
Learn Flask for Contentful
PostCSS Impostor Syndrome Flask (Python)
Resources: Python
Resources: PostgreSQL storyblok
styled components
Styled Components Learn PostgreSQL Blazor (C#) (freeCodeCamp)
Modern CSS Tutorial MySQL Blazor (Claudio Resources:
CSS Modules CSS Modules (freeCodeCamp) Relational Bernasconi) Blockchain / Crypto thenewboston (YouTube)
MySQL Crash Azure Cloud SQL Caleb Curry (YouTube)
Resources: Tailwind CSS Course (Traversy
CSS Frameworks MS SQL
Tailwind CSS Soft Skills & Media)
Bootstrap
Bootstrap Personal Development
MongoDB Resources:
MongoDB Crash Course OAuth
Airtable (Traversy Media) APIs
Attention to Detail Adaptability
Resources: FaunaDB Basics (Fireship) JWT
NoSQL / Cloud AWS Firebase Beginner's Guide
Danny Thompson: Authentication
Creativity Communication (Fireship) Auth0
-- YouTube FaunaDB Build a React App with Airtable Providers
-- Twitter
(codeSTACKr) Firebase
Interpersonal Skills Leadership Firebase

Teamwork Problem Solving Resources:

Desktop
Applications Make Your Own API (Ania Kubow)
Resources:
Time Management Work Ethic Simple React User Login Authentication with Auth0
React Native
Examples: (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)