The Web Developer Bootcamp 2025
All LevelsDevelopmentWeb Development

The Web Developer Bootcamp 2025

With 10 Hours of React added. Become a Developer With ONE course - HTML, CSS, JavaScript, React, Node, MongoDB and More!

Created by Colt Steele
73.5 hours
Video Content
701
Lectures
941,394
Students
4.7
Rating
4.7
(941,394 students enrolled)

What you'll learn

The ins and outs of HTML5, CSS3, and Modern JavaScript
Make REAL web applications using cutting-edge technologies
Create responsive, accessible, and beautiful layouts
Recognize and prevent common security exploits like SQL-Injection & XSS
Continue to learn and grow as a developer, long after the course ends
Create a blog application from scratch using Node, Express, and MongoDB.
Create a complicated yelp-like application from scratch
Deploy your applications and work with cloud databases
Create static HTML and CSS portfolio sites and landing pages
Think like a developer. Become an expert at Googling code questions!
Create complex HTML forms with validations
Implement full authentication from scratch!
Use CSS Frameworks including Bootstrap 5, Semantic UI, and Bulma
Implement responsive navbars on websites
Use JavaScript variables, conditionals, loops, functions, arrays, and objects
Write Javascript functions, and understand scope and higher order functions
Master the "weird" parts of JavaScript
Create full-stack web applications from scratch
Manipulate the DOM with vanilla JS
Write JavaScript based browser games
Use Postman to monitor and test APIs
Use NodeJS to write server-side JavaScript
Write complex web apps with multiple models and data associations
Write a REAL application using everything in the course
Use Express and MongoDB to create full-stack JS applications
Use common JS data structures like Arrays and Objects
Master the command line interface
Use NPM to install all sorts of useful packages
Understand the ins and outs of HTTP requests
Create your own Node modules
Make a beautiful, responsive photographer's portfolio page
Create a beautiful, responsive landing page for a startup
Implement user authentication
Create a beautiful animated todo list application
Create single page applications with AJAX

Course Content

74 sections • 701 lectures • 74:07:21 total length

Course Orientation

10 lectures • 30:58

Welcome To The Course!03:47
Joining The Community Chat & Groups00:27
Curriculum Walkthrough04:12
When Was The Course Last Updated?02:17
Course Change Log00:18
+5 more lectures

An Introduction to Web Development

9 lectures • 35:56

What Matters In This Section?03:28
The Internet in 5 Minutes05:42
Intro to the Web06:01
The Request/Response Cycle04:21
Front-End and Back-End03:59
+4 more lectures

HTML: The Essentials

13 lectures • 01:03:01

What Matters In This Section02:12
Introduction to HTML06:55
Our Very First HTML Page05:33
TIP: Mozilla Developer Network02:41
Paragraph Elements03:14
+11 more lectures

HTML: Next Steps & Semantics

9 lectures • 01:00:59

What Matters In This Section02:27
What Exactly Is HTML5?06:27
Block vs. Inline Elements - Divs and Spans08:42
An Odd Assortment of Elements: HR, BR, Sup, & Sub06:18
Entity Codes06:01
+5 more lectures

HTML: Forms & Tables

17 lectures • 01:45:02

What Matters In This Section02:52
Unit Goals01:09
Introducing HTML Tables04:08
Tables: TR, TD, and TH Elements09:11
Tables: Thead, Tbody, and Tfoot Elements02:15
+14 more lectures

CSS: The Very Basics

11 lectures • 59:52

What Matters In This Section02:51
What is CSS?04:55
CSS is Huge, Don't Panic!04:03
Including Styles Correctly06:15
Color & Background-Color Properties05:15
+9 more lectures

The World of CSS Selectors

14 lectures • 01:09:52

What Matters In This Section02:38
Universal & Element Selectors04:57
The ID Selector05:24
The Class Selector04:43
Basic Selectors Practice1 question
+13 more lectures

The CSS Box Model

9 lectures • 01:07:54

What Matters In This Section02:42
Box Model: Width & Height05:40
Box Model: Border & Border-Radius12:08
Box Model Practice1 question
Box Model: Padding07:45
+5 more lectures

Other Assorted Useful CSS Properties

11 lectures • 01:29:13

What Matters In This Section03:04
Opacity & The Alpha Channel06:32
The Position Property09:40
CSS Transitions (yay!)11:17
The Power of CSS Transforms13:13
+6 more lectures

Responsive CSS & Flexbox

13 lectures • 01:16:13

What Matters In This Section03:11
What on Earth Is Flexbox?04:23
Flex-Direction05:58
Justify-Content05:07
Flex-Wrap03:42
+8 more lectures

Pricing Panel Project

6 lectures • 23:20

Pricing Panel CodeAlong Pt. 103:55
Pricing Panel CodeAlong Pt. 203:46
Pricing Panel CodeAlong Pt. 303:45
Pricing Panel CodeAlong Pt. 404:43
Pricing Panel CodeAlong Pt. 503:47
+1 more lectures

CSS Frameworks: Bootstrap

14 lectures • 02:07:32

What Matters In This Section03:02
WTF Is Bootstrap08:01
Including Bootstrap & Containers09:38
Bootstrap Buttons09:34
Bootstrap Typography & Utilities08:00
+11 more lectures

OPTIONAL Museum Of Candy Project

7 lectures • 59:38

Watch This First! (it's short)01:09
Museum of Candy Project Part 105:16
NOTE ABOUT THE NEXT VIDEO!00:11
Museum of Candy Project Part 214:01
Museum of Candy Project Part 312:41
+2 more lectures

JavaScript Basics!

12 lectures • 01:00:29

What Matters In This Section02:27
Why JavaScript is Awesome08:09
Primitives & The Console06:38
JavaScript Numbers07:43
WTF is NaN02:56
+11 more lectures

JavaScript Strings and More

8 lectures • 50:07

What Matters In This Section01:45
Introducing Strings04:16
Our First String Variables Practice1 question
Indices & Length08:25
Strings Basics Quiz3 questions
+8 more lectures

JavaScript Decision Making

15 lectures • 01:29:44

What Matters In This Section01:41
Decision Making With Code??02:01
Comparison Operators05:19
Equality: Triple Vs. Double Equals05:39
Comparison Quiz!3 questions
+15 more lectures

JavaScript Arrays

10 lectures • 01:02:00

What Matters In This Section01:41
Introducing Arrays07:37
Lotto Numbers Exercise1 question
Array Random Access07:50
Array Access Exercise1 question
+9 more lectures

JavaScript Object Literals

6 lectures • 28:40

What Matters In This Section01:41
Introducing Object Literals04:45
Creating Object Literals03:56
Our First Object Exercise1 question
Accessing Data Out Of Objects07:18
+3 more lectures

Repeating Stuff With Loops

14 lectures • 01:49:41

What Matters In This Section02:37
Intro to For Loops07:10
Our First For Loop Practice1 question
More For Loops Examples05:29
More For Loops Practice1 question
+13 more lectures

NEW: Introducing Functions

6 lectures • 35:41

What Matters In This Section02:38
Intro to Functions04:05
Our Very First Function06:02
Heart Function Exercise1 question
Arguments Intro08:07
+10 more lectures

Leveling Up Our Functions

10 lectures • 59:18

What Matters In This Section03:40
Function Scope05:56
Function Scope Quiz3 questions
Block Scope04:52
Lexical Scope03:42
+9 more lectures

Callbacks & Array Methods

12 lectures • 01:00:24

What Matters In This Section03:10
What Is This Section Even About?!01:43
The forEach Method05:25
The map Method03:49
Map Practice1 question
+11 more lectures

Newer JavaScript Features

9 lectures • 42:21

What Matters In This Section02:06
Default Params05:58
Spread in Function Calls05:01
Spread with Array Literals03:00
Spread with Objects05:19
+4 more lectures

Introducing The World Of The DOM

14 lectures • 01:49:49

What Matters In This Section02:08
Introducing the DOM03:44
The Document Object09:52
getElementById06:51
getElementById Practice1 question
+17 more lectures

The Missing Piece: DOM Events

14 lectures • 01:56:50

What Matters In This Section02:10
Intro to Events06:00
Inline Events05:44
Know Thy Enemy Exercise1 question
The Onclick Property08:54
+13 more lectures

Score Keeper CodeAlong

4 lectures • 47:17

Score Keeper Pt. 113:03
Score Keeper Pt. 210:29
Score Keeper Pt. 3 With Bulma13:34
Score Keeper Pt. 4 Refactoring10:11

Async JavaScript: Oh Boy!

11 lectures • 01:38:53

What Matters In This Section01:58
The Call Stack11:30
WebAPIs & Single Threaded09:43
Callback Hell :(11:58
Demo: fakeRequest Using Callbacks09:45
+6 more lectures

AJAX and API's

15 lectures • 01:48:20

What Matters In This Section02:29
Intro to AJAX07:49
Intro to APIs10:26
What is JSON07:45
Using Hoppscotch (or Postman)07:02
+10 more lectures

Prototypes, Classes, & OOP

8 lectures • 01:25:45

What Matters In This Section04:43
What On Earth Are Prototypes12:23
Intro to Object Oriented Programming07:13
Factory Functions09:00
Constructor Functions16:59
+3 more lectures

Mastering The Terminal

12 lectures • 55:04

What Matters In This Section03:51
Backend Overview03:38
A Pep Talk On Terminal03:31
Why Do We Need To Know Terminal Commands?08:32
IMPORTANT: Windows Terminal Installation Instructions - Git Bash00:43
+7 more lectures

Our First Brush With Node

10 lectures • 46:55

What Matters In This Section02:53
Introducing Node JS05:35
What Is Node Used For?04:44
Installing Node01:53
Windows Users: Installing Node.js on Windows00:16
+5 more lectures

Exploring Modules & The NPM Universe

10 lectures • 01:02:29

What Matters In This Section02:52
Working With module.exports09:53
Requiring A Directory05:31
Introducing NPM03:03
Installing Packages - Jokes & Rainbow08:08
+5 more lectures

Creating Servers With Express

9 lectures • 54:42

What Matters In This Section02:48
Introducing Express05:44
Our Very First Express App09:55
The Request & Response Objects07:44
IMPORTANT NOTE: Solving a Potential Error With the Star * (Catch-All) Route00:33
+4 more lectures

Creating Dynamic HTML With Templating

13 lectures • 01:19:10

What Matters In This Section02:38
What is Templating?06:23
Configuring Express For EJS05:46
Setting The Views Directory04:32
EJS Interpolation Syntax03:29
+8 more lectures

Defining RESTful Routes

14 lectures • 01:45:34

What Matters In This Section04:05
Get Vs. Post Requests06:33
Defining Express Post Routes04:03
Parsing The Request Body06:28
Intro to REST08:27
+9 more lectures

Our First Database: MongoDB

14 lectures • 01:21:20

What Matters In This Section03:18
Introduction to Databases04:36
SQL Vs. NoSQL Databases08:50
Why We're Learning Mongo06:46
Installing Mongo: MacOS02:49
+9 more lectures

Connecting To Mongo With Mongoose

19 lectures • 01:53:03

What Matters In This Section02:48
What is Mongoose04:07
A note about solving mongoose connection issues01:06
Connecting Mongoose to Mongo08:08
A note about the node .load index.js command issue01:30
+14 more lectures

Putting It All Together: Mongoose With Express

10 lectures • 01:16:18

What Matters In This Section02:44
Express + Mongoose Basic Setup03:55
Creating Our Model11:16
Products Index05:18
Product Details08:13
+5 more lectures

YelpCamp: Campgrounds CRUD

10 lectures • 58:38

Introducing YelpCamp: Our Massive Project06:46
How to Access YelpCamp Code03:12
Creating the Basic Express App03:30
Campground Model Basics07:09
Seeding Campgrounds10:35
+5 more lectures

Middleware: The Key To Express

8 lectures • 43:45

What Matters In This Section01:20
Intro to Express Middleware03:40
Using Morgan - Logger Middleware07:08
Defining Our Own Middleware08:13
More Middleware Practice08:11
+3 more lectures

YelpCamp: Adding Basic Styles

10 lectures • 50:22

A New EJS Tool For Layouts06:29
Bootstrap5! Boilerplate03:24
Navbar Partial04:45
Footer Partial04:17
IMPORTANT NOTE: About Adding Images — FIX FOR SEEDED IMAGES NOT WORKING00:49
+5 more lectures

Handling Errors In Express Apps

8 lectures • 01:07:16

What Matters In This Section01:51
Express' Built-In Error Handler08:01
Defining Custom Error Handlers08:49
Our Custom Error Class12:40
Handling Async Errors11:41
+3 more lectures

YelpCamp: Errors & Validating Data

9 lectures • 58:18

Where To Next With YelpCamp?02:20
Client-Side Form Validations10:19
Basic Error Handler03:03
Defining ExpressError Class07:06
IMPORTANT NOTE: Solving a Potential Error With the Star * (Catch-All) Route00:34
+4 more lectures

Data Relationships With Mongo

9 lectures • 01:09:20

What Matters In This Section03:44
Introduction to Mongo Relationships04:13
SQL Relationships Overview08:25
Note: Solving an upcoming code issue with mongoose version 701:04
One to Few12:36
+4 more lectures

Mongo Relationships With Express

8 lectures • 57:52

What Matters In This Section02:21
Defining Our Farm & Product Models06:26
Note about Farm model00:23
Creating New Farms08:54
Farms Show Page04:35
+3 more lectures

YelpCamp: Adding The Reviews Model

8 lectures • 54:54

Defining The Review Model05:15
Adding The Review Form05:20
Creating Reviews06:32
Validating Reviews09:06
Displaying Reviews06:06
+3 more lectures

Express Router & Cookies

8 lectures • 54:35

What Matters In This Section02:19
Express Router Intro10:43
Express Router & Middleware04:53
Introducing Cookies07:56
Sending Cookies06:42
+3 more lectures

Express Session & Flash

6 lectures • 36:23

What Matters In This Section01:30
Introduction to Sessions05:19
Express Session11:39
More Express Session07:51
Intro to Flash06:42
+1 more lectures

YelpCamp: Restructuring & Flash

7 lectures • 40:41

Breaking Out Campground Routes06:01
Breaking Out Review Routes05:34
Serving Static Assets05:47
Configuring Session06:48
Setting Up Flash05:22
+2 more lectures

Authentication From "Scratch"

13 lectures • 01:36:21

What Matters In This Section04:34
Authentication Vs. Authorization03:31
How to (not) Store Passwords05:01
Cryptographic Hashing Functions07:05
Password Salts11:29
+8 more lectures

YelpCamp: Adding In Authentication

13 lectures • 01:07:05

Introduction to Passport04:43
Creating Our User Model04:07
Configuring Passport09:15
Register Form07:01
Register Route Logic06:20
+8 more lectures

YelpCamp: Basic Authorization

6 lectures • 44:33

Adding an Author to Campground07:20
Showing and Hiding Edit/Delete03:01
Campground Permissions06:57
Authorization Middleware08:42
Reviews Permissions05:44
+1 more lectures

YelpCamp: Controllers & Star Ratings

5 lectures • 34:54

Refactoring To Campgrounds Controller09:50
Adding a Reviews Controller06:08
A Fancy Way To Restructure Routes05:57
Displaying Star Ratings08:01
Star Rating Form04:58

YelpCamp: Image Upload

15 lectures • 01:35:57

Intro To Image Upload Process03:31
The Multer Middleware09:58
Cloudinary Registration02:34
Environment Variables with dotenv06:21
IMPORTANT NOTE: Fixing npm install Issues In The Next Lecture00:25
+10 more lectures

YelpCamp: Adding Maps

8 lectures • 50:29

YelpCamp Maps: MapTiler — Replacement for Mapbox01:35
Registering For Mapbox04:36
Geocoding Our Locations10:51
Working With GeoJSON06:27
Displaying A Map08:11
+3 more lectures

YelpCamp: Fancy Cluster Map

7 lectures • 48:25

Intro To Our Cluster Map02:33
Adding Earthquake Cluster Map05:48
Reseeding Our Database (again)02:42
Basic Clustering Campgrounds07:29
Tweaking Clustering Code07:03
+2 more lectures

YelpCamp: Styles Clean Up

7 lectures • 29:56

Styling Home Page09:21
Additional Home Page Styling06:30
Styling Login Form03:48
Styling Register Form03:41
Spacing Campgrounds00:28
+2 more lectures

YelpCamp: Common Security Issues

10 lectures • 51:05

IMPORTANT NOTE: About The express-mongo-sanitize Package02:37
Mongo Injection07:46
Cross Site Scripting (XSS)05:59
Sanitizing HTML w/ JOI11:27
Minor Changes to Session/Cookies03:26
+5 more lectures

YelpCamp: Deploying

9 lectures • 48:46

Setting Up Mongo Atlas09:53
IMPORTANT: connect-mongo — Handling Updates01:57
Using Mongo For Our Session Store06:59
Render — A free alternative for deploying your app08:52
Heroku Setup03:42
+4 more lectures

Introducing React

7 lectures • 27:39

How The React Content Works02:49
React Content Slides00:04
Introducing React07:05
Setting Up Code Sand Box05:17
The Basics of JSX04:16
+2 more lectures

JSX In Detail

9 lectures • 44:42

Importing and Exporting Components08:02
The Rules of JSX04:51
React Fragments02:09
Evaluating JS Expressions in JSX03:20
Creating. a Die Component02:47
+4 more lectures

Local React Apps With Vite

3 lectures • 13:50

Creating React Apps With Vite05:57
A Note About Create React App01:29
A Tour of A Vite App06:24

Working With Props

9 lectures • 54:33

Introducing Props05:56
Non-String Props06:01
Setting Default Prop Values01:34
Passing Arrays and Objects04:22
React Conditionals09:42
+4 more lectures

Shopping List Demo: keys, prop types, and more!

7 lectures • 38:43

Creating A Shopping List Component08:01
The Key Prop03:59
The Shopping List Item Component11:00
Rental Property Exercise07:10
Rental Properties Exercise STARTER DATA00:18
+2 more lectures

React Events

4 lectures • 14:38

Intro to React Events05:19
Non-Click Events02:49
Working With The Event Object03:43
Clicker Exercise02:47

The Basics of React State

7 lectures • 53:53

Introducing State08:50
Working With The useState() Hook08:33
Creating a Toggler Component08:00
Multiple Pieces of State In A Component03:38
useState() and Rendering07:16
+2 more lectures

Intermediate State Concepts

10 lectures • 01:15:51

Setting State With An Updater Function10:51
State Initializer Functions06:21
When Does React Re-Render?02:54
Working With Objects In State10:35
Arrays In State07:42
+5 more lectures

Component Design

8 lectures • 01:02:41

Introducing The Lucky7 Game06:24
Formulating Our Component Gameplan05:36
Building Die and Dice Components07:28
The LuckyN Component10:01
State As Props01:34
+3 more lectures

React Forms

10 lectures • 01:10:52

Controlled Components09:14
The htmlFor Property02:07
Working With Multiple Inputs04:32
A Better Signup Form08:09
Computed Property Names in HandleChange()03:37
+5 more lectures

Effects

6 lectures • 31:25

Introducing Effects01:33
The useEffect Hook04:14
useEffect Dependencies04:34
Fetching Initial Data From an API10:29
Adding a Loader06:11
+1 more lectures

Material UI

5 lectures • 28:52

Introducing Material UI01:49
Installing Material UI08:29
The Rating Component04:02
Material Forms06:33
The SX Prop and Custom Styles07:59

Building a Todo List With Material UI & Local Storage

8 lectures • 47:43

Creating The Application04:00
The TodoList Component08:28
Removing Todos07:15
Toggling Todos03:33
The New Todo Form11:18
+3 more lectures

BONUS: Fancy, More Advanced Todolist

1 lectures • 03:09

Check Out This Fancy Todo List03:09

The End :(

1 lectures • 09:41

What's Next and Goodbye!09:41

Description

Now with over 10 hours of React content.

Massive new React "expansion pack" covers: React basics, JSX, props, state, Vite, MaterialUI, hooks, useEffect, React design patterns, and more.

Hi! Welcome to the brand new version of The Web Developer Bootcamp, Udemy's most popular web development course.  This course was completely overhauled to prepare students for the current job market, now with over 70 hours of total content! This is the only course you need to learn web development. There are a lot of options for online developer training, but this course is without a doubt the most comprehensive and effective on the market.  Here's why:

  • This is the only Udemy course taught by a professional bootcamp instructor with a track record of success.

  • 92% of my in-person bootcamp students go on to get full-time developer jobs. Most of them are complete beginners when I start working with them.

  • The previous 2 bootcamp programs that I taught cost $14,000 and $21,000.  This course is just as comprehensive but with latest modern content for a fraction of the price.

  • Everything I cover is up-to-date and relevant to the current developer job market. This course does not cut any corners. I spent 8 months redoing this behemoth of a course!

  • We build 13+ projects, including a gigantic production application called YelpCamp. No other course walks you through the creation of such a substantial application.

  • The course is constantly updated with new content, projects, and modules.  Think of it as a subscription to a never-ending supply of developer training.

  • You get to meet my cats and chickens!

When you're learning to program you often have to sacrifice learning the exciting and current technologies in favor of the "beginner friendly" classes.  With this course, you get the best of both worlds.  This is a course designed for the complete beginner, yet it covers some of the most exciting and relevant topics in the industry.

Throughout the brand new version of the course we cover tons of tools and technologies including:

  • HTML5

  • CSS3

  • Flexbox

  • Responsive Design

  • JavaScript (including modern syntax, ES6, ES2018, etc.)

  • Asynchronous JavaScript - Promises, async/await, etc.

  • AJAX and single page apps

  • Bootstrap 4 and 5

  • ReactJS

  • SemanticUI

  • Bulma CSS Framework

  • DOM Manipulation

  • Unix (Command Line) Commands

  • NodeJS

  • NPM

  • ExpressJS

  • Templating

  • REST

  • SQL vs. NoSQL databases

  • MongoDB

  • Database Associations

  • Schema Design

  • Mongoose

  • Authentication From Scratch

  • Cookies & Sessions

  • Authorization

  • Common Security Issues - SQL Injection, XSS, etc.

  • Developer Best Practices

  • Deploying Apps

  • Cloud Databases

  • Image Upload and Storage

  • Maps and Geocoding

This course is also unique in the way that it is structured and presented. Many online courses are just a long series of "watch as I code" videos.  This course is different. I've incorporated everything I learned in my years of teaching to make this course not only more effective but more engaging. The course includes:

  • Lectures

  • Code-Alongs

  • Projects

  • Exercises

  • Research Assignments

  • Slides

  • Downloads

  • Readings

  • Too many pictures of my dog Rusty

If you have any questions, please don't hesitate to contact me.  I got into this industry because I love working with people and helping students learn.  Sign up today and see how fun, exciting, and rewarding web development can be!

Who this course is for:

  • This course is for anyone who wants to learn about web development, regardless of previous experience
  • It's perfect for complete beginners with zero experience
  • It's also great for anyone who does have some experience in a few of the technologies(like HTML and CSS) but not all
  • If you want to take ONE COURSE to learn everything you need to know about web development, take this course

This course includes:

  • 73.5 hours on-demand video
  • 36 articles
  • 95 downloadable resources
  • Access on mobile and TV
  • Full lifetime access
  • Certificate of completion

Instructor

Colt Steele

Students also download

Explore related courses to expand your learning journey.