The Web Developer Bootcamp

S$210.00
Take This Course
The Web Developer Bootcamp

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

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?
07:48
Syllabus Download
2 pages
Syllabus Walkthrough
09:40
Section 2: Introduction to Front End Development
Unit Objectives
01:40
Setting Up Front-End Developer Environment
03:11
Introduction to the Web
10:08
The Front End Holy Trinity
11:46
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
Note about the Form Exercise solution
Article
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
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
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
3 While Loop Exercises
03:25
While Loops Problem Set
01:26
While Loops Problem Set: SOLUTION
07:27
Annoy-O-Matic Code Along
07:14
Intro to For Loops
04:30
For Loops Quick Exercises
02:18
Loops Problem Set
01:05
Loops Problem Set: SOLUTION
06:26
Section 10: Javascript Basics: Functions
Unit Objectives
02:01
Introduction to Functions
05:46
Arguments
08:36
The Return Keyword
09:11
Functions Quiz
01:53
Functions Problem Set
03:17
Functions Problem Set: SOLUTION
14:31
Scope Code Along
06:13
Scope Quiz
02:35
Higher Order Functions Code Along
05:45
Section 11: Javascript Basics: Arrays
Unit Objectives
02:37
Introduction to Arrays
09:02
Arrays Methods
10:44
Array Quiz
02:55
Todo List Code Along Part 1
08:24
Array Iteration
17:01
Quick Array Iteration Challenge
03:52
Todo List Code Along Part 2
12:19
Array Problem Set
03:18
Array Problem Set: SOLUTION
10:21
OPTIONAL: Building Our Own ForEach
16:59
Section 12: Javascript Basics: Objects
Introduction to Objects
09:30
Comparing Objects and Arrays
06:28
Nested Objects and Arrays
04:30
Objects Quiz
03:09
Movie Database Exercise
09:25
Adding Methods to Objects
06:46
The Keyword This
06:19
Section 13: DOM Manipulation
Introduction to the DOM
04:31
Defining the DOM
06:49
Select and Manipulate
05:21
Important Selector Methods
16:04
Selector Exercise
04:16
Note about next lecture (Manipulating Style):
Article
Manipulating Style
10:05
Manipulating Text and Content
09:37
Manipulating Attributes
06:19
Playing With Google Code Along
11:22
Section 14: Advanced DOM Manipulation
Introduction to Events
13:30
Color Toggle Exercise
09:37
Score Keeper Project Part 1
17:10
Score Keeper Project Part 2
18:59
Other Types of Events: Todo List
11:22
Counting Events Exercise
04:38
Section 15: Color Game Project
Note regarding color game
Article
Creating the Color Game Pt. 1
04:57
Creating the Color Game Pt. 2
15:49
Creating the Color Game Pt. 3
10:08
Creating the Color Game Pt. 4
11:04
Creating the Color Game Pt. 5
10:22
Creating the Color Game Pt. 6
14:58
Creating the Color Game Pt. 7
18:06
Color Game Project Part 8
13:48
Creating the Color Game Pt. 9
07:24
Section 16: Intro to jQuery
What is jQuery?
02:48
Why Use jQuery?
08:43
Including jQuery
08:29
Selecting with jQuery
14:38
Selector Exercise
09:33
Text and HTML
08:27
Attr and Val
11:13
Manipulating Classes
04:57
Section 17: Advanced jQuery
jQuery Events: Click
07:54
jQuery Events: Keypress
07:24
jQuery Events: On
07:02
jQuery Effects
12:06
Section 18: Todo List Projects
Intro to the Todo List App
03:53
Todo List: Folder Structure
06:06
Todo List: Basic HTML
05:30
Todo List: Marking Completion
09:57
Todo List: Deleting Todos
09:31
Note about next lecture (Creating Todos):
Article
Todo List: Creating Todos
11:02
Todo List: Styling Pt. 1
14:19
Todo List: Styling Pt. 2
11:57
Todo List: Toggling The Form
02:37
Section 19: OPTIONAL Project: Patatap Clone
Project Intro
06:11
Paper.js Intro
13:20
Note about Paper.js Exercise
Article
Paper.js Exercise
07:17
Adding Keypress Events
10:26
Paper.js Animations
12:45
Note about next lecture (Howler.js)
Article
Adding Howler.js
19:14
Patatap Clone Refactor
Article
Section 20: Backend Basics
Introduction to Backend
11:46
HTTP in Depth
12:25
Backend Workflow Pt. 1
11:42
Backend Workflow Pt. 2
10:38
Introduction to Cloud 9
07:50
Setting Up Cloud9
05:17
Section 21: The Command Line
A NOTE ON SOLUTIONS!
Article
Introduction to the Command Line
03:52
CD and LS
10:01
Touch and Mkdir
06:26
Removing Files and Folders
04:32
Command Line Exercise
10:56
Section 22: Node JS
Introduction to Node
09:28
Using Node
08:08
Node Echo Exercise
03:59
Node Average Exercise
06:13
Introduction to NPM
05:32
Installing NPM Packages
11:07
NPM Faker Exercise
13:06
Section 23: Server Side Frameworks
Introduction to Express
09:05
Our First Express App
17:59
The Package.json
09:05
Route Params
17:37
Express Basics Exercise
03:57
Express Basics Exercise: SOLUTION
14:47
Section 24: Intermediate Express
Templates and EJS
19:44
EJS: Conditionals and Loops
16:13
Serving Custom Assets
16:51
Post Requests Part 1
11:29
Post Requests Pt. 2
09:15
Section 25: Working With API’s
Intro to API’s
15:41
JSON and XML
11:08
Making API Requests with Node
12:21
Sunset Time API Example
08:23
Movie API App: Introduction
08:29
Movie API App: Results Route
06:58
Movie API App: Displaying Data
04:53
Movie API App: Adding Search
09:02
Section 26: YelpCamp: Basics
YelpCamp: Initial Routes
14:20
YelpCamp: Layout
05:45
YelpCamp: Creating Campgrounds
12:38
YelpCamp: Styling Campgrounds
10:42
YelpCamp: Styling Nav and Forms
13:39
Section 27: Databases
What is a Database?
10:27
Note about installing MongoDB
Article
Installing MongoDB
06:41
Mongo Shell Basics
12:29
A Note on Shutting Down Mongo
Article
Introduction to Mongoose Pt. 1
09:03
Introduction to Mongoose Pt. 2
12:51
Section 28: YelpCamp: Data Persistance
YelpCamp: Adding Mongoose
15:42
YelpCamp: Campground Show Page Part 1
10:20
Yelp Camp: Campground Show Page Part 2
11:02
Section 29: RESTful Routing
Intro to REST
16:24
RESTful Blog App: INDEX
17:09
Blog App: Layout
09:19
RESTful Blog App: NEW and CREATE
13:42
RESTful Blog App: SHOW
16:54
RESTful BLog App: EDIT AND UPDATE
16:38
RESTful Blog App: DESTROY
09:09
RESTful BLog App: Final Touches
15:14
Section 30: Data Associations
Introduction to Associations
03:48
Embedded Data
14:31
Object References
12:25
Module.exports
07:23
Section 31: YelpCamp: Comments
Note about adding comments to YelpCamp
Article
YelpCamp: Refactoring App.js
04:52
YelpCamp: Seeding the Database
12:28
YelpCamp: Comment Model
11:45
YelpCamp: Creating Comments Pt. 1
15:01
YelpCamp: Creating Comments Pt. 2
09:18
YelpCamp: Styling Comments Pt 1
13:43
YelpCamp: Styling Comments Pt 2
07:01
Section 32: Authentication
Introduction to Authentication
10:40
Secret Page Code Along Pt. 1
06:24
Secret Page Code Along Pt. 2
10:43
Secret Page Code Along Pt. 3
13:21
Secret Page Code Along Pt. 4
08:05
Secret Page Code Along Pt. 5
08:42
Section 33: YelpCamp: Adding Authentication
YelpCamp: Adding Auth Pt. 1
03:58
YelpCamp: Adding Auth Pt. 2
10:44
YelpCamp: Adding Auth Pt. 3
07:28
YelpCamp: Adding Auth Pt. 4
07:51
YelpCamp: Adding Auth Pt. 5
10:12
Section 34: YelpCamp: Cleaning Up
YelpCamp: Refactoring Routes
19:07
YelpCamp: User Associations: Comment
13:07
YelpCamp: User Associations: Campground
11:17
Section 35: YelpCamp: Update and Destroy
Intro to New YelpCamp Features
03:37
Campground Edit and Update
15:12
Campground Destroy
07:45
Campground Authorization Part 1
13:54
Campground Authorization Part 2
06:59
Comment Edit and Update
17:27
Comment Destroy
09:14
Comment Authorization
10:16
Refactoring Middleware
11:12
Section 36: YelpCamp: UI Improvements
Flash Messages: Installation
14:21
Flash Messages: Adding Bootstrap
12:07
Flash Messages: Better Errors
13:18
Section 37: Git and Github
Intro To Git
13:10
Git Init, Add, and Commit
18:59
Git Log and Checkout
19:51
Section 38: Deploying
Intro to Deploying and Heroku
05:04
Deploying a Simple App Part 1
07:05
Deploying a Simple App Part 2
17:19
Deploying YelpCamp: Basics
08:34
Deploying YelpCamp: MongoLab
12:52
Environment Variables
19:02
Section 39: Next Steps
CONSTRUCTION ZONE
Article
Javascript: The Other Parts
Article

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!

Course Features

  • Lectures
    Fatal error: Uncaught Error: Call to undefined method LP_Course::get_lessons() in /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/inc/learnpress-v2-functions.php:624 Stack trace: #0 /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/learnpress-v2/single-course/content-landing.php(64): thim_course_info() #1 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(2492): include('/home2/waf6oo0a...') #2 /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/learnpress-v2/content-single-course.php(65): learn_press_get_template('single-course/c...', Array) #3 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(2492): include('/home2/waf6oo0a...') #4 /home2/waf6oo0adwwo/public_html/wp-content/plugins/learnpress/inc/lp-template-functions.php(1563): learn_press_get_template('content-single-...') #5 /home2/waf6oo0adwwo/public_html/wp-includes/class-wp-hook.php(286): learn_press_content_single_course('') #6 /home2/waf6oo0adwwo/public_html/wp-i in /home2/waf6oo0adwwo/public_html/wp-content/themes/eduma/inc/learnpress-v2-functions.php on line 624