The Web Developer Bootcamp
4.6 (169,633 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
562,344 students enrolled

The Web Developer Bootcamp

The only course you need to learn web development - HTML, CSS, JS, Node, and More!
4.6 (169,633 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
562,344 students enrolled
Created by Colt Steele
Last updated 5/2020
English
English, Dutch, 12 more
  • French
  • German [Auto-generated]
  • Hindi
  • Indonesian [Auto-generated]
  • Italian [Auto-generated]
  • Japanese [Auto-generated]
  • Korean
  • Polish
  • Portuguese [Auto-generated]
  • Spanish [Auto-generated]
  • Traditional Chinese
  • Turkish [Auto-generated]
Current price: $129.99 Original price: $199.99 Discount: 35% off
21 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 46.5 hours on-demand video
  • 83 articles
  • 104 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Make REAL web applications using cutting-edge technologies
  • Continue to learn and grow as a developer, long after the course ends
  • Create a blog application from scratch using Express, MongoDB, and Semantic UI
  • Create a complicated yelp-like application from scratch
  • Write your own browser-based game
  • 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
  • Write web apps with full authentication
  • Use Bootstrap to create good-looking responsive layouts
  • Implement responsive navbars on websites
  • Use JavaScript variables, conditionals, loops, functions, arrays, and objects
  • Write Javascript functions, and understand scope and higher order functions
  • Create full-stack web applications from scratch
  • Manipulate the DOM with vanilla JS
  • Manipulate the DOM using jQuery
  • Translate between jQuery and vanillas JS
  • Write JavaScript based browser games
  • 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
Course content
Expand all 404 lectures 47:07:14
+ Introduction to this Course
8 lectures 21:51
A Note On Asking For Help
01:41
Additional FREE Content
00:11
Introducing Our TA
01:41
Join the Online Community
00:40
Lecture Slides
00:09
+ Introduction to Front End Development
6 lectures 27:24
Note about Setting Up Front-End Developer Environment
00:28
Setting Up Front-End Developer Environment
03:11
Note about Introduction to the Web
00:11
Introduction to the Web
10:08

I misspoke slightly at 7:53 in this video. Rather than saying "With CSS and JavaScript", I mean to say "With HTML and CSS". I've added a large annotation at that point that is very difficult to miss. Though it's only 2 wrong words, it changes the meaning of the sentence 100%. I will do my best to rerecord this asap.

Special thanks to James Gould for pointing it out!

Preview 11:46
+ Introduction to HTML
13 lectures 58:54
Unit Objectives
01:38
HTML Basics
05:53
Note about Introduction to MDN
00:18
Introduction to MDN
01:52
HTML Boilerplate and Comments
09:42
Basic Tags
08:28
HTML Lists
04:32
HTML Lists Assignment
01:23
HTML Lists Assignment: SOLUTION
05:59
Divs and Spans
05:13
HTML Attributes
09:00
Recreate Webpage Assignment
01:00
Recreate Webpage Assignment: SOLUTION
03:56
+ Intermediate HTML
13 lectures 01:12:26
Unit Objectives
01:19
HTML Tables
06:03
Tables Pokemon Exercise
01:18
Tables Pokemon Exercise: SOLUTION
07:39
Introduction to Forms
06:18
Playing with Inputs
03:04
The Form Tag
06:36
Labels
03:37
Form Validations
03:45
Dropdowns and Radio Buttons
11:40
Form Exercise
03:40
Note about the Form Exercise solution
00:27
Form Exercise: SOLUTION
17:00
+ Introduction to CSS
15 lectures 01:40:06
Unit Objectives
02:07
CSS Basics
05:28
Our First Stylesheet
10:24
Note about CSS Colors and Background and Border (next 2 lectures)
00:18
CSS Colors
14:55
Background and Border
06:59
Note about Selectors Basics Todo List
00:20
Selectors Basics Todo List
10:55
Introduction to Chrome Inspector
05:43
More Advanced Selectors
09:51
Note about Specificity and the Cascade
00:18
Specificity and the Cascade
10:38
Note about Selectors Practice Exercise
00:21
Selectors Practice Exercise
04:58
Selectors Practice Exercise: SOLUTION
16:51
+ Intermediate CSS
16 lectures 01:25:41
Unit Objectives
01:41
Text and Fonts
09:54
More Text and Fonts
04:42
Note about Google Fonts
00:19
Using Google Fonts
05:15
Introduction to the Box Model
11:40
Creating a Tic Tac Toe Board
01:11
Creating a Tic Tac Toe Board: SOLUTION
07:43
Note about Image Gallery Code Along Pt. 1
00:20
Image Gallery Code Along Pt. 1
08:40
Note about changes to Google Fonts
00:39
Image Gallery Code Along Pt. 2
05:56
CSS Blog From Scratch Exercise SOLUTION Pt. 1
08:34
CSS Blog From Scratch Exercise SOLUTION Pt. 2
08:11
CSS Blog From Scratch Exercise SOLUTION Pt. 3
07:31
+ Bootstrap
16 lectures 01:59:55
Unit Objectives
02:18
Note about Bootstrap versions
00:33
What is Bootstrap?
08:01
Adding Bootstrap to a Project
09:13
Forms and Inputs
14:00
Nav Bars
15:44
Note about The Grid System
00:11
The Grid System
08:52
Grid System Pt. 2
11:48
Note about Bootstrap Image Gallery Pt. 1
00:50
Bootstrap Image Gallery Pt. 1
14:11
Notes about Font Awesome and jQuery
00:24
Bootstrap Image Gallery Pt. 2
09:17
Creating a Startup Landing Page Code Along
13:48
Creating a Startup Landing Page Code Along Pt. 2
10:29
Note about making bootstrap responsive on mobile devices
00:14
+ Bootstrap 4!
11 lectures 01:16:28
A History of Bootstrap 4
04:40
The Bootstrap 4 Documentation
02:27
Changes from Bootstrap 3 to 4
07:57
Bootstrap 4 Code/Solutions Download
00:11
Getting Started With Bootstrap 4
05:16
Bootstrap 4 Colors and Backgrounds
05:59
Typography
11:11
New Fancy Spacing Utilities
12:38
Responsive Breakpoints
10:48
Bootstrap4 Navbars
08:01
The New Display Utility
07:20
+ Bootstrap 4: Flexbox and Layout
13 lectures 02:09:56
Bootstrap 4: Flexbox and Layout
10:14
Flexbox Utilities Part 2
07:20
Navs and Flexbox
09:56
The Bootstrap 4 Grid
08:36
PATTERN PROJECT Part 1
12:08
PATTERN PROJECT Part 2
11:30
The Grid + Flexbox
11:44
Museum of Candy Project Part 1
05:16
Note about Museum of Candy Project Part 2
00:10
Museum of Candy Project Part 2
14:01
Museum of Candy Project Part 3
12:41
Museum of Candy Project Part 4
16:39
Museum of Candy Project Part 5
09:41
+ Introduction to JavaScript
13 lectures 56:29
Unit Objectives
04:41
The JavaScript Console
03:22
Primitives
13:14
Primitives Exercises
03:21
Variables
06:25
Note about Variables
00:08
Null and Undefined
02:33
Useful Built-In Methods
05:12
Writing JavaScript in a Separate File
05:44
JS Stalker Exercise
01:51
JS Stalker Exercise: SOLUTION
04:47
Age Calculator Exercise
01:10
Age Calculator Exercise: SOLUTION
04:01
Requirements
  • Have a computer with Internet
  • Be ready to learn an insane amount of awesome stuff
  • Prepare to build real web apps!
  • Brace yourself for stupid jokes about my dog Rusty
Description

Just updated to include Bootstrap 4.1.3!

Hi! Welcome to the Web Developer Bootcamp, 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 online course taught by a professional bootcamp instructor.

  • 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 today's developer industry. No PHP or other dated technologies. This course does not cut any corners.

  • This is the only complete beginner full-stack developer course that covers NodeJS.

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

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 course we cover tons of tools and technologies including:

  • HTML5

  • CSS3

  • JavaScript

  • Bootstrap 4

  • SemanticUI

  • DOM Manipulation

  • jQuery

  • Unix(Command Line) Commands

  • NodeJS

  • NPM

  • ExpressJS

  • REST

  • MongoDB

  • Database Associations

  • Authentication

  • PassportJS

  • Authorization

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