Welcome!
  • Course Introduction
  • Big Picture Overview of Course (What To Expect)
HTML Essentials
  • Why HTML is Exciting
  • First Look at HTML
  • The Easiest Way to Get Started
  • Hands On! Create your First HTML File
  • Russian Stacking Dolls: Bulleted Lists
  • HTML Document Structure
  • First Look at Attributes: Linking Pages Together
  • Section 1 Review
Adding Media to a Web Page
  • Images
  • Audio Files
  • Video Files
  • Vector Graphics & Illustrations (SVG & Figma)
Text Basics
  • Headings
  • Lists
  • Bold & Italic
  • Special Characters
Semantics & Organization
  • Semantic Structural Elements
  • Navigation
  • Non-semantic Elements ("div" and "span")
  • HTML Comments
  • The "Section" Element
Forms
  • Forms
  • Different Types of Inputs
  • Choosing Between a set of options
Tables
  • How to Create a Table of Data
  • Do Not Use Tables for Layout
CSS Essentials
  • CSS Introduction
  • CSS Selectors
  • The Cascade
  • Box Model
  • Quick Note About CSS Floats
  • Creating a Page Layout with Floats
  • Beauty School! Apply What We've Learned
Intermediate CSS
  • Styling Navigation Menu
  • Overlapping Content & Transparent Backgrounds
Less Exciting Yet Still Necessary CSS Tasks
  • Styling Data Tables
  • Styling Forms
CSS Typography
  • CSS Typography
  • Using Custom "Web" Fonts
Developer Timeout!
  • Developer Tools | Inspect Elements
CSS Backgrounds
  • Background Images
  • Gradient Backgrounds
  • CSS Sprites
  • Full Width Backgrounds - Fixed Width Content
Responsive Web Design
  • Chapter Introduction
  • Responsive Web Design
  • Responsive Grids
  • Responsive Grid with Flexbox
What is Flexbox in CSS?
  • Flexbox (Part 1)
  • Flexbox (Part 2)
CSS3 Special Effects
  • Box Shadows
  • Rounded Corners
  • CSS Transform
  • CSS Transitions
  • CSS Animations
Leveraging JavaScript without Writing JavaScript
  • Chapter Introduction
  • Slideshow (Part 1)
  • Slideshow (Part 2)
  • Reveal & Hide Content on Click / Tap
  • Open Image in Modal Window (Gallery)
What is Bootstrap?
  • Bootstrap (Part 1)
  • Bootstrap (Part 2)
Sass
  • Getting Started With Sass
  • Sass Basics
  • Sass Continued
Pushing a Website Live Up Onto The Web
  • Going Live using GitHub Pages
Cross Browser Compatibility
  • Cross Browser Support & Feature Detection
Beyond This Course
  • Next Steps
  • Bonus Lecture