Autoplay
Autocomplete
Previous Lesson
Complete and Continue
The Web Developer Bootcamp
Introduction to this Course
A Note On Asking For Help
Introducing Our TA
Join the Online Community
Why This Course? (7:48)
Syllabus Download
Syllabus Walkthrough (9:40)
Lecture Slides
Introduction to Front End Development
Unit Objectives (1:40)
Note about Setting Up Front-End Developer Environment
Setting Up Front-End Developer Environment (3:11)
Note about Introduction to the Web
Introduction to the Web (10:08)
The Front End Holy Trinity (11:46)
Introduction to HTML
Unit Objectives (1:37)
HTML Basics (5:53)
Note about Introduction to MDN
Introduction to MDN (1:51)
HTML Boilerplate and Comments (9:42)
Basic Tags (8:28)
HTML Lists (4:32)
HTML Lists Assignment (1:23)
HTML Lists Assignment: SOLUTION (5:59)
Divs and Spans (5:12)
HTML Attributes (9:00)
Recreate Webpage Assignment (0:59)
Recreate Webpage Assignment: SOLUTION (3:56)
Intermediate HTML
Unit Objectives (1:18)
HTML Tables (6:02)
Tables Pokemon Exercise (1:18)
Tables Pokemon Exercise: SOLUTION (7:39)
Introduction to Forms (6:18)
Playing with Inputs (3:04)
The Form Tag (6:36)
Labels (3:37)
Form Validations (3:45)
Dropdowns and Radio Buttons (11:40)
Form Exercise (3:40)
Note about the Form Exercise solution
Form Exercise: SOLUTION (17:00)
Introduction to CSS
Unit Objectives (2:07)
CSS Basics (5:28)
Our First Stylesheet (10:24)
Note about CSS Colors and Background and Border (next 2 lectures)
CSS Colors (14:54)
Background and Border (6:59)
Note about Selectors Basics Todo List
Selectors Basics Todo List (10:55)
Introduction to Chrome Inspector (5:43)
More Advanced Selectors (9:51)
Note about Specificity and the Cascade
Specificity and the Cascade (10:38)
Note about Selectors Practice Exercise
Selectors Practice Exercise (4:58)
Selectors Practice Exercise: SOLUTION (16:51)
Intermediate CSS
Unit Objectives (1:41)
Text and Fonts (9:54)
More Text and Fonts (4:42)
Note about Google Fonts
Using Google Fonts (5:15)
Introduction to the Box Model (11:40)
Creating a Tic Tac Toe Board (1:11)
Creating a Tic Tac Toe Board: SOLUTION (7:43)
Note about Image Gallery Code Along Pt. 1
Image Gallery Code Along Pt. 1 (8:40)
Note about changes to Google Fonts
Image Gallery Code Along Pt. 2 (5:56)
CSS Blog From Scratch Exercise Intro (3:24)
CSS Blog From Scratch Exercise SOLUTION Pt. 1 (8:34)
CSS Blog From Scratch Exercise SOLUTION Pt. 2 (8:11)
CSS Blog From Scratch Exercise SOLUTION Pt. 3 (7:31)
Bootstrap
Unit Objectives (2:18)
Note about Bootstrap versions
What is Bootstrap? (8:01)
Adding Bootstrap to a Project (9:13)
Forms and Inputs (14:00)
Nav Bars (15:44)
Note about The Grid System
The Grid System (8:52)
Grid System Pt. 2 (11:48)
Note about Bootstrap Image Gallery Pt. 1
Bootstrap Image Gallery Pt. 1 (14:11)
Note about Font-awesome
Bootstrap Image Gallery Pt. 2 (9: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
Bootstrap 4!
A History of Bootstrap 4 (4:40)
The Bootstrap 4 Documentation (2:27)
Changes from Bootstrap 3 to 4 (7:57)
Bootstrap 4 Code/Solutions Download
Getting Started With Bootstrap 4 (5:16)
Bootstrap 4 Colors and Backgrounds (5:59)
Typography (11:11)
New Fancy Spacing Utilities (12:38)
Responsive Breakpoints (10:48)
Bootstrap4 Navbars (8:01)
The New Display Utility (7:20)
Bootstrap 4: Flexbox and Layout
Bootstrap 4: Flexbox and Layout (10:14)
Flexbox Utilities Part 2 (7:20)
Navs and Flexbox (9:56)
The Bootstrap 4 Grid (8:36)
PATTERN PROJECT Part 1 (12:08)
PATTERN PROJECT Part 2 (11:30)
The Grid + Flexbox (11:44)
Museum of Candy Project Part 1 (5:16)
Note about Museum of Candy Project Part 2
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 (9:41)
Introduction to JavaScript
Unit Objectives (4:41)
The JavaScript Console (3:22)
Primitives (13:14)
Primitives Exercises (3:21)
Variables (6:25)
Null and Undefined (2:33)
Useful Built-In Methods (5:12)
Writing JavaScript in a Separate File (5:44)
JS Stalker Exercise (1:51)
JS Stalker Exercise: SOLUTION (4:47)
Age Calculator Exercise (1:10)
Age Calculator Exercise: SOLUTION (4:01)
Javascript Basics: Control Flow
Unit Objectives (3:05)
Boolean Logic (5:13)
Note about logical operators lecture
Logical Operators (10:14)
Conditionals (8:14)
Conditionals Exercise SOLUTION
Guessing Game Code Along (10:10)
Note about Introduction to Loops lecture
Introduction to Loops (9:26)
3 While Loop Exercises (3:25)
While Loops Problem Set (1:26)
While Loops Problem Set: SOLUTION (7:27)
Annoy-O-Matic Code Along (7:14)
Note about Intro to For Loops lecture
Intro to For Loops (4:30)
For Loops Quick Exercises (2:18)
Loops Problem Set (1:05)
Loops Problem Set: SOLUTION (6:26)
Javascript Basics: Functions
Unit Objectives (2:01)
Introduction to Functions (5:46)
Arguments (8:36)
Note about Function Declaration vs. Function Expression
The Return Keyword (9:11)
Functions Quiz (1:53)
Functions Problem Set (3:17)
Functions Problem Set: SOLUTION (14:31)
Scope Code Along (6:13)
Scope Quiz (2:35)
Higher Order Functions Code Along (5:45)
Javascript Basics: Arrays
Unit Objectives (2:36)
Introduction to Arrays (9:02)
Arrays Methods (10:44)
Array Quiz (2:55)
Note about Todo List Code Along
Todo List Code Along Part 1 (8:24)
Array Iteration (17:01)
Quick Array Iteration Challenge (3:51)
Note about Todo List Code Along Part 2
Todo List Code Along Part 2 (12:19)
Array Problem Set (3:18)
Array Problem Set: SOLUTION (10:21)
Javascript Basics: Objects
Introduction to Objects (9:30)
Comparing Objects and Arrays (6:28)
Nested Objects and Arrays (4:30)
Objects Quiz (3:09)
Movie Database Exercise (9:25)
Adding Methods to Objects (6:46)
The Keyword This (6:19)
DOM Manipulation
IMPORTANT NOTE, PLEASE READ!!!
Introduction to the DOM (4:31)
Select and Manipulate (5:21)
Note about UI changes in new versions of Chrome
Important Selector Methods (16:04)
Selector Exercise (4:16)
Note about next lecture (Manipulating Style):
Manipulating Text and Content (9:37)
Manipulating Attributes (6:19)
Note about changing the Google logo in next lecture
Advanced DOM Manipulation
Introduction to Events (13:30)
Color Toggle Exercise (9:37)
Score Keeper Project Part 1 (17:10)
Note about Score Keeper Project Part 2
Score Keeper Project Part 2 (18:59)
Other Types of Events: Todo List (11:22)
Note regarding counting events exercise
Counting Events Exercise (4:38)
Color Game Project
Notes regarding color game
Creating the Color Game Pt. 1 (4:57)
Creating the Color Game Pt. 2 (16:42)
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 (7:24)
Intro to jQuery
What is jQuery? (2:48)
Why Use jQuery? (8:43)
Including jQuery (8:29)
Note about jQuery
Selecting with jQuery (14:38)
Text and HTML (8:26)
Attr and Val (11:13)
Manipulating Classes (4:57)
Advanced jQuery
jQuery Events: Click (7:54)
Note about typo in the next lecture
jQuery Events: Keypress (7:24)
jQuery Events: On (7:02)
Todo List Projects
Note About Todo List App Fade and Slide Animations
Intro to the Todo List App (3:53)
Todo List: Folder Structure (6:06)
Todo List: Basic HTML (5:30)
Todo List: Marking Completion (9:57)
Todo List: Deleting Todos (9:31)
Note about next lecture (Creating Todos):
Todo List: Creating Todos (11:02)
Todo List: Styling Pt. 1 (14:19)
Todo List: Styling Pt. 2 (11:57)
OPTIONAL Project: Patatap Clone
Project Intro (6:10)
Note about Paper.js Exercise
Paper.js Intro (13:20)
Paper.js Exercise (7:17)
Adding Keypress Events (10:26)
Patatap Clone Refactor
Backend Basics
Introduction to Backend (11:46)
HTTP in Depth (12:25)
Intro to the Todo List App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock