The Web Developer Bootcamp

The only course you need to learn web development - HTML, CSS, JS, Node, and More!
4.7 (9,911 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
43,286 students enrolled
$19
$200
90% off
Take This Course
  • Lectures 316
  • Length 42.5 hours
  • Skill Level All Levels
  • Languages English, captions
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English Closed captions available

Course Description

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

What are the 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

What am I going to get from this course?

  • 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

What is the target audience?

  • 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to this Course
A Note On Asking For Help
Article
Introducing Our TA
Article
Our Class Chat Room
Article
Why This Course?
Preview
07:48
Syllabus Download
Preview
2 pages
Syllabus Walkthrough
Preview
09:40
Section 2: Introduction to Front End Development
Unit Objectives
Preview
01:40
Setting Up Front-End Developer Environment
03:11
Introduction to the Web
10:08
11:46

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!

Section 3: Introduction to HTML
Unit Objectives
01:38
HTML Basics
05:53
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
Section 4: Intermediate HTML
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
Article

Note: At the 12 minute and 15 second mark of the following Form Exercise SOLUTION video, there are two typos. Where the second and third select menus say "month=..." it should actually say "name=...", like the first select menu. So the code should be as follows:
<select name="day">
and..
<select name="year">






Form Exercise: SOLUTION
17:00
Section 5: Introduction to CSS
Unit Objectives
02:07
CSS Basics
05:28
Our First Stylesheet
10:24
CSS Colors
14:55
Background and Border
06:59
Selectors Basics Todo List
10:55
Introduction to Chrome Inspector
05:43
More Advanced Selectors
09:51
Specificity and the Cascade
10:38
Note about Selectors Practice Exercise
Article
Selectors Practice Exercise
04:58
Selectors Practice Exercise: SOLUTION
16:51
Section 6: Intermediate CSS
Unit Objectives
01:41
Text and Fonts
09:54
More Text and Fonts
04:42
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
Image Gallery Code Along Pt. 1
08:40
Image Gallery Code Along Pt. 2
05:56
CSS Blog From Scratch Exercise Intro
Preview
03:24
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
Section 7: Bootstrap
Unit Objectives
02:18
What is Bootstrap?
08:01
Adding Bootstrap to a Project
09:13
Forms and Inputs
14:00
Nav Bars
15:44
The Grid System
08:52
Grid System Pt. 2
11:48
Bootstrap Image Gallery Pt. 1
14:11
Note about Font-awesome
Article
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
Section 8: Introduction to JavaScript
Unit Objectives
04:41
The JavaScript Console
03:22
Primitives
13:14
Primitives Exercises
03:21
Variables
06:25
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
Section 9: Javascript Basics: Control Flow
Unit Objectives
03:05
Boolean Logic
05:13
Logical Operators
10:15
Conditionals
08:14
Conditionals Exercise SOLUTION
Article
Guessing Game Code Along
10:10
Introduction to Loops
09:26

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Colt Steele, Developer and Bootcamp Instructor

Hi! I'm Colt. I'm a web developer with a serious love for teaching. I've spent the last few years teaching people to program at 2 different immersive bootcamps where I've helped hundreds of people become web developers and change their lives. My graduates work at companies like Google, Salesforce, and Square.

Most recently, I led Galvanize's SF's 6 month immersive program as Lead Instructor and Curriculum Director. After graduating my class, 94% of my students went on to receive full-time developer roles. I now work at Udacity as a Senior Course Developer on the web development team where I get to reach thousands of students daily.

I've spent years figuring out the "formula" to turn someone into a developer. I've distilled all my expertise into this course, the online equivalent of my in-person programming bootcamps. I'm really excited to finally share it with you. I can confidently say that it is without a doubt the most comprehensive course on the market.

Join me on this crazy adventure!

Ready to start learning?
Take This Course