Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Zero To Mastery

The Complete Junior to Senior Web Developer Roadmap

via Zero To Mastery

Go to class Write review

Overview

Step-by-step roadmap to go from Junior Developer to Senior Developer. You'll learn all the technical and non-technical skills you need to become a Senior Web Developer in 2026!
  • Learn the skills that will allow you to get hired in these roles: Web Developer, Software Developer, Front End Developer, Javascript Developer, or Full-Stack Developer
  • How to improve the performance of any web application (Code Splitting, Load Balancing, Caching, Code Optimizations, and much more)
  • Learn the technologies that are being used behind-the-scenes at the biggest tech companies
  • Server Side Rendering vs. Client Side Rendering
  • Become a top 10% Developer by learning advanced topics most courses don't cover
  • Implement Continuous Integration, Continuous Delivery, Continuous Deployment, proper security for your company and make your boss happy
  • Have a full featured image recognition app to put onto your portfolio that is guaranteed to wow any employer
  • Create a Progressive Web App
  • How to lead technical projects as a Senior Developer
  • Testing: write all kinds of tests and learn about all the testing tools you can use to write better software
  • Webpack and Parcel, SSH, Docker, AWS, Sessions and JWT

Syllabus

  •   Introduction
    • Complete Junior to Senior Web Developer Roadmap - Introduction
    • Course Outline
    • First Day Of Work
    • Exercise: Meet Your Classmates and Instructor
    • Understanding Your Video Player
    • Set Your Learning Streak Goal
  •   How To Become A Senior Developer
    • How to Get the Most Out of the Course
    • IMPORTANT: Thinking Like A Senior Developer
  •   SSH
    • Bruno's Request
    • Introduction to SSH
    • SSH Command
    • Optional: Digital Ocean Set Up
    • Quick Note: SSH Key In Previous Video
    • Resources: SSH Command
    • Saving The Day Through SSH
    • Optional: Digital Ocean Server
    • How SSH Works
    • Symmetric Encryption
    • Asymmetric Encryption
    • Resources: Asymmetric Encryption
    • Hashing
    • Passwords Or SSH?
    • SSH Into A Server
    • Quick Note: SSH Into A Server
    • Resources: SSH Into A Server
    • Exercise: Set Up SSH on Github
    • Solution: Set Up SSH on Github
    • Optional: Contributing To Open Source Projects
    • Section Summary
    • Learning Guideline
    • Web Developer Monthly
    • Let's Have Some Fun (+ Free Resources)
  •   Performance Part 1
    • Bruno's Request
    • Introduction to Performance Part 1
    • 3 Keys To Performance
    • Network Performance
    • Image File Formats
    • Resources: Image File Formats
    • Image Optimizations
    • Image Optimizations 2
    • Exercise: #1 - Media Queries
    • Delivery Optimizations
    • Resources: Delivery Optimizations
    • Exercise: #2 - Network Optimizations
    • Solution: #2 - Network Optimizations
    • Critical Render Path Introduction
    • Critical Render Path 1
    • Critical Render Path 2
    • Critical Render Path 3
    • Resources: Async + Defer
    • Critical Render Path 4
    • Exercise: #3 - Critical Render Path
    • Exercise: #4 - Keiko Corp Website
    • Resources: Keiko Corp Website
    • Solution: Keiko Corp Website
    • Optional: Resource Prefetching
    • Resources: Performance Tools
    • HTTP/2
    • Resources: HTTP/2
    • HTTP/3
    • Section Summary
    • Unlimited Updates
  •   Security
    • Bruno's Request
    • Section Overview
    • Star Of Security
    • Exercise: Imposter Syndrome
    • Injections
    • Exercise: #1 - Injections
    • Exercise: #2 - Security Files
    • Resources: Installing PostgreSQL
    • Note: NPM Built In Audit
    • 3rd Party Libraries
    • Logging
    • HTTPS Everywhere
    • XSS + CSRF
    • Exercise: #3 - XSS + CSRF
    • Resources: XSS + CSRF
    • Code Secrets
    • Secure Headers
    • Resources: Secure Headers
    • Access Control
    • Data Management
    • Resources: Storing Passwords
    • Don't Trust Anyone
    • Authentication
    • Exercise: #4 - Optional Hacking
    • Resources: Personal Security
    • Section Summary
    • Course Check-In
  •   JUST WATCH: Upcoming Sections
    • The Rest of the Course
  •   JUST WATCH: React + Redux + Module Bundling
    • Angular vs React vs Vue
    • RE-WATCH: Thinking Like A Senior Developer
    • Optional Section
    • Bruno's Request
    • Section Overview
    • Deep Dive Into This Topic
    • Updated Code For This Section
    • Introduction to React & Robofriends Build
    • Introduction To Redux And Webpack
    • State Management
    • Why Redux?
    • Updated Code for this Section
    • Installing Redux
    • Redux Toolkit
    • Redux Toolkit Example
    • Redux Actions And Reducers
    • Redux Store And Provider
    • Redux connect()
    • Redux Middleware
    • Redux Async Actions
    • Redux Project Structures
    • Project Files - Redux
    • Popular Tools For React + Redux
    • Module Bundlers
    • Modern Build Systems for This Year
    • Converting to Vite@Latest
    • Introduction To Webpack
    • Update: Babel 7 + ESlint + Webpack 5
    • Webpack
    • Updating Libraries: Babel 7 + ESlint
    • Quick Fix: Babel 7 Plugins
    • Resources: Webpack Configurator
    • Parcel
    • Parcel v2!
    • Section Summary
  •   JUST WATCH: Performance Part 2
    • Bruno's Request
    • Section Overview
    • Updated Code For This Section
    • Optimizing Code
    • Code Splitting Introduction
    • Exercise: #1 - Code Splitting
    • Code Splitting Part 1
    • ES2020: Dynamic import()
    • Code Splitting Part 2
    • Code Splitting Part 3
    • Code Splitting Part 4
    • Exercise: #2 - Code Splitting
    • Solution: React.lazy() Code Splitting
    • React Performance Optimizations
    • Resources: React Performance
    • React Performance Optimizations 2
    • Resources: React Performance 2
    • Optimizing Code Review
    • Resources: Tree Shaking 101
    • Progressive Web Apps
    • Opt-In Service Worker in CRA
    • Resources: Progressive Web Apps
    • Progressive Web Apps Examples
    • PWA - HTTPS
    • Resources: PWA - HTTPS
    • PWA - App Manifest
    • Resources: PWA - App Manifest
    • PWA - Service Workers
    • Update for CRA v4 and React 17+
    • PWA - Final Thoughts
    • Exercise: #3 - Your Own PWA
    • Quick Note: Upcoming Video
    • Deploying Our React App
    • Service Worker Update
    • Solution Part 1 - PWA
    • Solution Part 2 - PWA
    • Solution Files - PWA
    • Quick Note: Upcoming Video
    • OPTIONAL: Converting Our App To PWA
    • Deploying your PWA to the App Store
    • Section Summary
  •   JUST WATCH: Testing
    • Bruno's Request
    • Section Overview
    • Updated Code For This Section
    • Types of Tests
    • Testing Libraries
    • Note: The Next Videos
    • Unit Tests
    • Integration Tests
    • Automation Testing
    • Final Note On Testing
    • Setting Up Jest
    • Our First Tests
    • Writing Tests
    • Quick Note: Upcoming API Endpoint + ES6 Modules
    • Asynchronous Tests
    • Asynchronous Tests 2
    • Resources: Jest Cheat Sheet
    • Mocks and Spies
    • Exercise: #1 - Testing With Jest
    • Enzyme vs React Testing Library
    • Introduction To Enzyme
    • Resources: Enzyme
    • Quick Note: Empty Snapshots
    • Snapshot Testing
    • Snapshot Testing + Code Coverage
    • Exercise: #2 - Testing Stateful Components
    • Testing Stateful Components
    • Quick Recap
    • Exercise: #3 - Testing Connected Components
    • Testing Connected Components
    • Testing Connected Components 2
    • Exercise #4 - Testing All Components
    • Testing Reducers
    • Testing Actions
    • Exercise: #5 - Final Tests
    • Note: What Test is Best?
    • Section Summary
    • Implement a New Life System
  •   JUST WATCH: TypeScript
    • Bruno's Request
    • Section Overview
    • Dynamic vs Static Typing
    • Weakly vs Strongly Typed
    • Static Typing in Javascript
    • Typescript Compiler
    • Resources: Installing Node.js
    • Resources: Installing TypeScript Compiler
    • TypeScript
    • Resources: TypeScript In Your Editor
    • TypeScript 2
    • TypeScript 3
    • Resources: TypeScript Types
    • TypeScript 4
    • TypeScript 5
    • TypeScript 6
    • Resources: Type Vs Interface
    • TypeScript 7
    • Resources: Type Assertion
    • TypeScript 8
    • TypeScript 9
    • TypeScript 10
    • DefinitelyTyped
    • Update: Create React App with TypeScript
    • 2 Ways To TypeScript
    • Just Watch [Old Way] - TypeScript In Robofriends
    • Just Watch [Old Way] - TypeScript In Robofriends 2
    • TypeScript In Monsters Rolodex
    • Final Exercise: Adding TypeScript
    • A Little Joke
    • Section Summary
  •   JUST WATCH: SPA vs Server Side Rendering
    • Bruno's Request
    • Section Overview
    • CSR vs SSR
    • Server Side Rendering React
    • Note: SSR In React
    • CSR vs SSR Part 2
    • SSR React Libraries
    • Static vs SSR vs CSR: Gatsby.js vs Next.js vs React.js
    • Quick Note: Upcoming Videos
    • Setting Up Next.js
    • Next.js Pages
    • Client Side Routing
    • Exercise: #1 - Client Side vs Server Side Routing
    • Shared Components
    • Deep Dive Into NextJS
    • Dynamic Apps with Next.js
    • Exercise: #2 - Updated Next.js Features
    • Deploying Next.js Apps
    • Updating To Latest Version Of Next.js
    • Exercise: Updating To Latest Version Of Next.js
    • Exercise: #3 - SSR Robofriends
    • Understand JavaScript SEO
    • Section Summary
  •   JUST WATCH: Code Analysis
    • Bruno's Request
    • Section Overview
    • Quick Note: Windows Users
    • Quick Note: Updated API
    • Setting Up Your Environment
    • Exercise: #1 - SmartBrain App
    • Optional: CWD - Installing PostgreSQL
    • How To Analyze Code
    • Exercise: #2 - Analyze Code
    • Exercise: #3 - Multiple Face Detection
    • Resources: New Feature Commit
    • Solution: #3 - Multiple Face Detection
    • Section Summary
    • Customizing Your App
  •   JUST WATCH: Docker
    • Bruno's Request
    • Section Overview
    • Updated Code For This Section
    • Docker Containers
    • Installing Docker
    • Resources: Installing Docker
    • Dockerfile
    • Resources: Dockerfile
    • Docker Commands
    • Dockerfile 2
    • Exercise: #1 - Your First Docker Container
    • Quick Note: Docker Compose
    • Docker Compose
    • Resources: Docker Compose Commands
    • Docker Compose 2
    • Resources: Docker Volumes
    • Docker Compose 3
    • Docker Compose 4
    • Resources: PostgreSQL With Docker
    • Docker Compose 5
    • Docker Compose 6
    • Resources: init.db File
    • Docker Compose 7
    • Exercise: #2 - Dockerize SmartBrain App
    • Project Files - Docker
    • Update: Docker Networks
    • Section Summary
  •   JUST WATCH: Redis
    • Bruno's Request
    • Section Overview
    • Quick Note About Next Video
    • Introduction To Databases
    • Redis Version Updates and Playground
    • Installing Redis
    • Resources: Installing Redis
    • Redis Commands
    • Redis Data Types
    • Redis Hashes
    • Redis Lists
    • Redis Sets + Sorted Sets
    • Section Summary
  •   JUST WATCH: Sessions + JWT
    • Section Overview
    • Cookies vs Tokens
    • Resources: Cookies vs Tokens
    • What We Are Building
    • JWT
    • Exercise: #1 - JWT
    • Project Goals
    • Exercise: #2 - Code Along
    • Profile Icon
    • Resources: Profile Icon
    • Profile Dropdown
    • Resources: setState() Callback
    • Profile Styling
    • Profile Modal 1
    • Profile Modal 2
    • Profile Modal 3
    • Profile Modal 4
    • Resources: HTML Entities
    • Updating Profile 1
    • Resources: Updating Profile
    • Updating Profile 2
    • Updating Profile 3
    • User Authentication
    • Sending The JWT Token
    • Quick Note: NPM Redis
    • Adding Redis
    • Exercise: #3 - Adding Redis to Docker Compose
    • Solution: #3 - Adding Redis To Docker Compose
    • Storing JWT Tokens
    • Retrieving Auth Token
    • Client Session Management
    • Resources: Bearer Token
    • Session Sign In
    • Authorization Middleware
    • Fixing A Bug
    • Reviewing Our Code
    • Updating Our App
    • Optional: Why bcrypt-nodejs?
    • Section Summary
    • Exercise: #4 - Improving SmartBrain
  •   JUST WATCH: AWS
    • Bruno's Request
    • Section Overview
    • Updated Code For This Section
    • Amazon Web Services
    • Deep Dive Into AWS
    • Monolithic vs Micro Services
    • Amazon Lambda
    • Amazon Lambda Dashboard
    • Quick Note: AWS Lambda
    • Serverless
    • Serverless 2
    • IAM
    • Resources: IAM
    • Deploying A Function
    • Deploying A Function 2
    • Deploying A Function 3
    • Quick Bug Fix
    • Section Summary
    • Exercise: Your Own Lambda Function
  •   JUST WATCH: Performance Part 3
    • Bruno's Request
    • Section Overview
    • CDNs
    • GZIP
    • Database Scaling
    • Caching 1
    • Caching 2
    • Caching 3
    • Resources: Caching
    • Load Balancing
    • Nginx 1
    • Exercise: Load Testing Your Load Balancer
    • Nginx 2
    • Resources: Nginx
    • Section Summary
  •   JUST WATCH: CI/CD
    • Bruno's Request
    • Section Overview
    • Updated Code For This Section
    • Continuous Integration, Delivery, Deployment
    • Deep Dive into CI/CD
    • Building Great Software
    • Resources: CI Tools
    • CircleCI
    • Continuous Integration 1
    • Continuous Integration 2
    • Exercise: Your Own CI Flow
    • Building Great Software 2
    • Section Summary
  •   Extra Bits
    • Section Overview
    • Complexity vs Simplicity
    • NPM Is Not Your Friend
    • Learn To Learn
    • Start With Why
    • Endorsements On LinkedIn
  •   The Final Video
    • The One You Have Been Waiting For
    • Thank You
    • Review This Course!
    • Become An Alumni
    • Learning Guideline
    • ZTM Events Every Month
    • LinkedIn Endorsements
  •   Extras: For Windows Users
    • Introduction From Wolfgang
    • Git for Windows
    • Install NodeJS for Windows
    • Install PostgreSQL for Windows
    • Using PSQL and PGADMIN
  •   Bonus: AMA Video!
    • AMA - 100,000 Students!!

Taught by

Andrei Neagoie

Reviews

Start your review of The Complete Junior to Senior Web Developer Roadmap

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.