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
  • Labels
  • 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
Bootstrap
  • 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