Web Development


The Web Developer Bootcamp 2021

COMPLETELY REDONE - The only course you need to learn web development - HTML, CSS, JS, Node, and More!

4.70 (214228 reviews)


63.5 hours


Sep 2021

Last Update
Regular Price

What you will learn

The ins and outs of HTML5, CSS3, and Modern JavaScript for 2021

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



Hi! Welcome to the brand new version of The Web Developer Bootcamp, Udemy's most popular web development course.  This course was just completely overhauled to prepare students for the 2021 job market, with over 60 hours of brand new 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.

  • 94% 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 brand new content for a fraction of the price.

  • Everything I cover is up-to-date and relevant to 2021's developer job market. This course does not cut any corners. I just 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 (all 2020 modern syntax, ES6, ES2018, etc.)

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

  • AJAX and single page apps

  • Bootstrap 4 and 5 (alpha)

  • 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!


The Web Developer Bootcamp 2021
The Web Developer Bootcamp 2021
The Web Developer Bootcamp 2021
The Web Developer Bootcamp 2021


Introduction to this Course

A Note On Asking For Help

Additional FREE Content

Introducing Our TA

Join the Online Community

Why This Course?

Syllabus Download

Syllabus Walkthrough

Lecture Slides

Introduction to Front End Development

Unit Objectives

Note about Setting Up Front-End Developer Environment

Setting Up Front-End Developer Environment

Note about Introduction to the Web

Introduction to the Web

The Front End Holy Trinity

Introduction to HTML

Unit Objectives

HTML Basics

Note about Introduction to MDN

Introduction to MDN

HTML Boilerplate and Comments

Basic Tags

HTML Lists

HTML Lists Assignment

HTML Lists Assignment: SOLUTION

Divs and Spans

HTML Attributes

Recreate Webpage Assignment

Recreate Webpage Assignment: SOLUTION

Intermediate HTML

Unit Objectives

HTML Tables

Tables Pokemon Exercise

Tables Pokemon Exercise: SOLUTION

Introduction to Forms

Playing with Inputs

The Form Tag


Form Validations

Dropdowns and Radio Buttons

Form Exercise

Note about the Form Exercise solution

Form Exercise: SOLUTION

Introduction to CSS

Unit Objectives

CSS Basics

Our First Stylesheet

Note about CSS Colors and Background and Border (next 2 lectures)

CSS Colors

Background and Border

Note about Selectors Basics Todo List

Selectors Basics Todo List

Introduction to Chrome Inspector

More Advanced Selectors

Note about Specificity and the Cascade

Specificity and the Cascade

Note about Selectors Practice Exercise

Selectors Practice Exercise

Selectors Practice Exercise: SOLUTION

Intermediate CSS

Unit Objectives

Text and Fonts

More Text and Fonts

Note about Google Fonts

Using Google Fonts

Introduction to the Box Model

Creating a Tic Tac Toe Board

Creating a Tic Tac Toe Board: SOLUTION

Note about Image Gallery Code Along Pt. 1

Image Gallery Code Along Pt. 1

Note about changes to Google Fonts

Image Gallery Code Along Pt. 2

CSS Blog From Scratch Exercise Intro

CSS Blog From Scratch Exercise SOLUTION Pt. 1

CSS Blog From Scratch Exercise SOLUTION Pt. 2

CSS Blog From Scratch Exercise SOLUTION Pt. 3


Unit Objectives

Note about Bootstrap versions

What is Bootstrap?

Adding Bootstrap to a Project

Forms and Inputs

Nav Bars

Note about The Grid System

The Grid System

Grid System Pt. 2

Note about Bootstrap Image Gallery Pt. 1

Bootstrap Image Gallery Pt. 1

Note about Font Awesome

Bootstrap Image Gallery Pt. 2

Creating a Startup Landing Page Code Along

Creating a Startup Landing Page Code Along Pt. 2

Note about making bootstrap responsive on mobile devices

Bootstrap 4!

A History of Bootstrap 4

The Bootstrap 4 Documentation

Changes from Bootstrap 3 to 4

Bootstrap 4 Code/Solutions Download

Getting Started With Bootstrap 4

Bootstrap 4 Colors and Backgrounds


New Fancy Spacing Utilities

Responsive Breakpoints

Bootstrap4 Navbars

The New Display Utility

Bootstrap 4: Flexbox and Layout

Bootstrap 4: Flexbox and Layout

Flexbox Utilities Part 2

Navs and Flexbox

The Bootstrap 4 Grid



The Grid + Flexbox

Museum of Candy Project Part 1

Note about Museum of Candy Project Part 2

Museum of Candy Project Part 2

Museum of Candy Project Part 3

Museum of Candy Project Part 4

Museum of Candy Project Part 5

Introduction to JavaScript

Unit Objectives

The JavaScript Console


Primitives Exercises


Null and Undefined

Useful Built-In Methods

Writing JavaScript in a Separate File

JS Stalker Exercise

JS Stalker Exercise: SOLUTION

Age Calculator Exercise

Age Calculator Exercise: SOLUTION

Javascript Basics: Control Flow

Unit Objectives

Boolean Logic

Note about logical operators lecture

Logical Operators


Conditionals Exercise SOLUTION

Guessing Game Code Along

Note about Introduction to Loops lecture

Introduction to Loops

3 While Loop Exercises

While Loops Problem Set

While Loops Problem Set: SOLUTION

Annoy-O-Matic Code Along

Note about Intro to For Loops lecture

Intro to For Loops

For Loops Quick Exercises

Loops Problem Set

Loops Problem Set: SOLUTION

Javascript Basics: Functions

Unit Objectives

Introduction to Functions


Note about Function Declaration vs. Function Expression

The Return Keyword

Functions Quiz

Functions Problem Set

Functions Problem Set: SOLUTION

Scope Code Along

Scope Quiz

Higher Order Functions Code Along

Javascript Basics: Arrays

Unit Objectives

Introduction to Arrays

Arrays Methods

Array Quiz

Note about Todo List Code Along

Todo List Code Along Part 1

Array Iteration

Quick Array Iteration Challenge

Note about Todo List Code Along Part 2

Todo List Code Along Part 2

Array Problem Set

Array Problem Set: SOLUTION

OPTIONAL: Building Our Own ForEach

Javascript Basics: Objects

Introduction to Objects

Comparing Objects and Arrays

Nested Objects and Arrays

Objects Quiz

Movie Database Exercise

Adding Methods to Objects

The Keyword This

DOM Manipulation


Introduction to the DOM

Defining the DOM

Select and Manipulate

Note about UI changes in new versions of Chrome

Important Selector Methods

Selector Exercise

Note about next lecture (Manipulating Style):

Manipulating Style

Manipulating Text and Content

Manipulating Attributes

Note about changing the Google logo in next lecture

Playing With Google Code Along

Advanced DOM Manipulation

Introduction to Events

Note about Introduction to Events

Color Toggle Exercise

Score Keeper Project Part 1

Note about Score Keeper Project Part 2

Score Keeper Project Part 2

Other Types of Events: Todo List

Note regarding counting events exercise

Counting Events Exercise

Color Game Project

Notes regarding color game

Creating the Color Game Pt. 1

Creating the Color Game Pt. 2

Creating the Color Game Pt. 3

Creating the Color Game Pt. 4

Creating the Color Game Pt. 5

Creating the Color Game Pt. 6

Creating the Color Game Pt. 7

Color Game Project Part 8

Creating the Color Game Pt. 9

Intro to jQuery

What is jQuery?

Why Use jQuery?

Including jQuery

Note about jQuery

Selecting with jQuery

Selector Exercise

Text and HTML

Attr and Val

Manipulating Classes

Advanced jQuery

jQuery Events: Click

Note about typo in the next lecture

jQuery Events: Keypress

jQuery Events: On

jQuery Effects

Todo List Projects

Note About Todo List App Fade and Slide Animations

Intro to the Todo List App

Todo List: Folder Structure

Todo List: Basic HTML

Todo List: Marking Completion

Todo List: Deleting Todos

Note about next lecture (Creating Todos):

Todo List: Creating Todos

Todo List: Styling Pt. 1

Todo List: Styling Pt. 2

Note about Font Awesome 5 and Toggling the Form

Todo List: Toggling the Form

OPTIONAL Project: Patatap Clone


Project Intro

Note about Paper.js Exercise

Paper.js Intro

Paper.js Exercise

Adding Keypress Events

Paper.js Animations

Note about next lecture (Howler.js)

Adding Howler.js

Patatap Clone Refactor

Backend Basics

Introduction to Backend

Note about Postman (HTTP in Depth)

HTTP in Depth

Backend Workflow Pt. 1

Backend Workflow Pt. 2

IMPORTANT!!! Please Read! Note about Cloud9 signup

Introduction to Cloud 9

Setting Up Cloud9

The Command Line


Introduction to the Command Line

CD and LS

Touch and Mkdir

Removing Files and Folders

Command Line Exercise

Node JS

Introduction to Node

Using Node

Node Echo Exercise

Node Average Exercise

Introduction to NPM

Note about Installing NPM Packages

Installing NPM Packages

Note about NPM Faker Exercise

NPM Faker Exercise

Server Side Frameworks

Introduction to Express

Note about Our First Express App

Our First Express App

The Package.json

How to automate server restart

Route Params

Express Basics Exercise

Express Basics Exercise: SOLUTION

Intermediate Express

Note about Templates and EJS

Templates and EJS

EJS: Conditionals and Loops

Note about Serving Custom Assets

Serving Custom Assets

Post Requests Part 1

Post Requests Pt. 2

Working With API's

Intro to API's


Making API Requests with Node

Note about Sunset Time API Example

Sunset Time API Example

Note about JSON Placeholder API Example

JSON Placeholder API Example

Note about Movie API lectures

Movie API App: Introduction

Movie API App: Results Route

Movie API App: Displaying Data

Movie API App: Adding Search

YelpCamp: Basics

YelpCamp: Initial Routes

Note about YelpCamp: Layout

YelpCamp: Layout

YelpCamp: Creating Campgrounds

Note about YelpCamp: Styling Campgrounds Lecture

YelpCamp: Styling Campgrounds

YelpCamp: Styling Nav and Forms


What is a Database?

Note about installing MongoDB

Installing MongoDB

Mongo Shell Basics

Notes about Mongoose

Introduction to Mongoose Pt. 1

Introduction to Mongoose Pt. 2

YelpCamp: Data Persistence

YelpCamp: Adding Mongoose

How to Avoid Potential Issues with Mongoose

YelpCamp: Campground Show Page Part 1

Yelp Camp: Campground Show Page Part 2

RESTful Routing

Intro to REST

RESTful Blog App: INDEX

Note about Blog App: Layout

Blog App: Layout

Note about RESTful Blog App: New and Create

RESTful Blog App: NEW and CREATE

Note about RESTful Blog App: SHOW

RESTful Blog App: SHOW



Note about RESTful Blog App: Final Touches

RESTful Blog App: Final Touches

Data Associations

Introduction to Associations

Embedded Data

Note About Object References

Object References


YelpCamp: Comments

YelpCamp: Refactoring App.js

Note about Seeding the Database

YelpCamp: Seeding the Database

Note about comment model lecture

YelpCamp: Comment Model

Note about Comments Lecture

YelpCamp: Creating Comments Pt. 1

YelpCamp: Creating Comments Pt. 2

YelpCamp: Styling Comments Pt 1

Note about YelpCamp: Styling Comments Pt 2

YelpCamp: Styling Comments Pt 2


Note about authentication section

Introduction to Authentication

Secret Page Code Along Pt. 1

Secret Page Code Along Pt. 2

Secret Page Code Along Pt. 3

Secret Page Code Along Pt. 4

Secret Page Code Along Pt. 5

YelpCamp: Adding Authentication

YelpCamp: Adding Auth Pt. 1

YelpCamp: Adding Auth Pt. 2

YelpCamp: Adding Auth Pt. 3

YelpCamp: Adding Auth Pt. 4

YelpCamp: Adding Auth Pt. 5

YelpCamp: Cleaning Up

YelpCamp: Refactoring Routes

YelpCamp: User Associations: Comment

YelpCamp: User Associations: Campground

YelpCamp: Update and Destroy

Intro to New YelpCamp Features

Campground Edit and Update

Campground Destroy

Notes about Campground Destroy & Campground Authorization

Campground Authorization Part 1

Campground Authorization Part 2

Comment Edit and Update

Note about Comment Destroy lecture

Comment Destroy

Comment Authorization

YelpCamp: UI Improvements

Refactoring Middleware

Flash Messages: Installation

Note about Flash Messages

Flash Messages: Adding Bootstrap

Flash Messages: Helpful Errors

Note about error handling

Landing Page Refactor - Part One

Landing Page Refactor - Part Two

Dynamic Price Feature

Note about further YelpCamp improvements

Git and Github

Intro To Git

Git Init, Add, and Commit

Git Log and Checkout

Note about Git lectures


Intro to Deploying and Heroku

Deploying a Simple App Part 1

Note about Heroku CLI

Deploying a Simple App Part 2

Deploying YelpCamp: Basics

Note about MongoLab

Deploying YelpCamp: MongoLab

Environment Variables

JavaScript: The Tricky Stuff

Keyword This 1 - Introduction and Global

Keyword This 2 - Global With Strict

Keyword This 3 - Implicit

Keyword This 4 - Call Apply Bind

Keyword This 5 - Fixing Our Issue With Call

Keyword This 6 - Apply

Note about Keyword This 7 - Bind

Keyword This 7 - Bind

Keyword This 8 - Bind Pt. 2

Keyword This 9 - New Keyword & Recap

OOP 1 - Introduction

OOP 2 - New Keyword

OOP 3 - Multiple Constructors

OOP 4 - Recap

OOP 5 - Prototypes

OOP 6 - Prototype Chain

OOP 7 - Exercise

OOP 8 - Solution and Recap



Nick9 October 2020

It feels like I'm in a real class. I have tried other online "classes" and, while very informative, I found it hard to follow along. This is where Colt really shines through. He knows how to teach.

Alexandra9 October 2020

I am a complete beginner in the developer world, and the introduction videos for this course have made me very excited to learn coding!!!

Sunil8 October 2020

Being a fresher as a web developer this course helped me not only to understand web coding in such a easy way but also made each section of the course interesting and enjoyable due to the awesome teaching method by 'Colt Steele'. Best course to start with as a beginner into Web Development!!!

Monique8 October 2020

Colt knows how to take the basics and build on them. Nothing comes from left field or becomes too difficult, one skill you learn builds you in preparation for the next. The most cohesive and structured course I have taken on Udemy so far!

Neeta8 October 2020

It was a wonderful learning experience. Each section had something new to learn and that's what kept me going. The different projects were dealt well with. Everything I've gained throughout this course is very useful. Thank you!

Sachin27 February 2020

Yeah! Pretty good course, as i expected. Well organized everything. I learned a lot from this course. The method of explain of every topic in this course is really simple and good. I will definitely recommend this course to everyone who's it need. Thank you colt, lan for providing such a valuable information.

Denzel27 February 2020

So far it seems to be a lot but, I'm just starting. I excited to see how this will go! Professor is a bit fast but thankfully I can slow him down changing the speed. So I'm glad for that!

lu26 February 2020

instructor is passionate about teaching and explains the concepts in addition to the coding walkthrough. ideal for beginners.

Ryan26 February 2020

I am an experienced developer on the job hunt. Much of this is review, but I'm amazed at all the "little things" I just never knew about. I'm glad to have a course that goes through all the details that you may not necessarily encounter on the job.

Ignace26 February 2020

I've taken some programming courses before, on and off (online and in person). I love programming. Also, I work on art and would like to become self-sustainable in the rural setting where I live. All of which would require for me to work from home. So far, I have the impression that this course sets up very high goals, seems to be very well structured, and Colt goes to the point. I need to survive as a web developer and I want to get there asap and with confidence. So, THANK YOU, and let's see how it goes.

Faith26 February 2020

i usually have fears starting a programming course. but so far, with this intro, everything looks simplified and i'm definitely eager to learn.

Krishant26 February 2020

It is a good match for me. I studied software engineering at University which was mostly mobile app development. I am excited to learn about web app development. So far the instructor and the course are very intuitive. I'm looking forward to more contents.

Jonny26 February 2020

Ich knie mich voll rein, um die Materie so professionell wie möglich aufzunehmen. Der Kurs ist super strukturiert und bietet eine ausgereifte Lernkurve. Ich hoffe, es geht weiter so gut, denn bisher habe ich alles verstanden und anwenden können.

Alessio26 February 2020

Good Course, but the sections for deploying and git i think they miss something. For example it doesn't tell if there is an alternative to Heroku. The section for Git is not complete and it would be better to deepen it.

David25 February 2020

Found the course great, the exposure to option and seeing how it al fits together was all I needed to get wrapped up in this course.. now only if I could type and keep up.. thanks Guys


6/29/202192% OFFExpired


Udemy ID


Course created date


Course Indexed date
Course Submitted by