Section 1 : Welcome!

Lecture 1 Course Introduction 00:01:59 Duration
Lecture 2 Big Picture Overview of Course (What To Expect) 00:02:16 Duration

Section 2 : HTML Essentials

Lecture 1 Why HTML is Exciting 00:02:12 Duration
Lecture 2 First Look at HTML 00:07:10 Duration
Lecture 3 The Easiest Way to Get Started 00:06:44 Duration
Lecture 4 Hands On! Create your First HTML File 00:06:42 Duration
Lecture 5 Russian Stacking Dolls Bulleted Lists 00:04:23 Duration
Lecture 6 HTML Document Structure 00:04:52 Duration
Lecture 7 First Look at Attributes Linking Pages Together 00:08:16 Duration
Lecture 8 Section 1 Review 00:02:19 Duration

Section 3 : Adding Media to a Web Page

Lecture 1 Images 00:05:25 Duration
Lecture 2 Audio Files 00:05:48 Duration
Lecture 3 Video Files 00:08:14 Duration
Lecture 4 Vector Graphics & Illustrations (SVG & Figma) 00:11:01 Duration

Section 4 : Text Basics

Lecture 1 Headings 00:03:49 Duration
Lecture 2 Lists 00:05:48 Duration
Lecture 3 Bold & Italic 00:07:13 Duration
Lecture 4 Special Characters 00:03:09 Duration

Section 5 : Semantics & Organization

Lecture 1 Semantic Structural Elements 00:07:35 Duration
Lecture 2 Navigation 00:04:01 Duration
Lecture 3 Non-semantic Elements (div and span) 00:05:28 Duration
Lecture 4 HTML Comments 00:02:42 Duration
Lecture 5 The Section Element 00:04:48 Duration

Section 6 : Forms

Lecture 1 Forms 00:08:20 Duration
Lecture 2 Different Types of Inputs 00:06:21 Duration
Lecture 3 Choosing Between a set of options 00:10:35 Duration

Section 7 : Tables

Lecture 1 How to Create a Table of Data 00:07:19 Duration
Lecture 2 Do Not Use Tables for Layout 00:01:46 Duration

Section 8 : CSS Essentials

Lecture 1 CSS Introduction 00:05:17 Duration
Lecture 2 CSS Selectors 00:06:51 Duration
Lecture 3 The Cascade 00:10:08 Duration
Lecture 4 Box Model 00:08:20 Duration
Lecture 5 Quick Note About CSS Floats 00:01:37 Duration
Lecture 6 Creating a Page Layout with Floats 00:15:34 Duration
Lecture 7 Beauty School! Apply What We've Learned 00:11:45 Duration

Section 9 : Intermediate CSS

Lecture 1 Styling Navigation Menu 00:08:02 Duration
Lecture 2 Overlapping Content & Transparent Backgrounds 00:15:07 Duration

Section 10 : Less Exciting Yet Still Necessary CSS Tasks

Lecture 1 Styling Data Tables 00:15:07 Duration
Lecture 2 Styling Forms 00:17:20 Duration

Section 11 : CSS Typography

Lecture 1 CSS Typography 00:09:29 Duration
Lecture 2 Using Custom Web Fonts

Section 12 : Developer Timeout!

Lecture 1 Developer Tools Inspect Elements 00:05:44 Duration

Section 13 : CSS Backgrounds

Lecture 1 Background Images 00:15:13 Duration
Lecture 2 Gradient Backgrounds 00:05:11 Duration
Lecture 3 CSS Sprites 00:11:32 Duration
Lecture 4 Full Width Backgrounds - Fixed Width Content 00:07:00 Duration

Section 14 : Responsive Web Design

Lecture 1 Chapter Introduction 00:01:26 Duration
Lecture 2 Responsive Web Design
Lecture 3 Responsive Grids
Lecture 4 Responsive Grid with Flexbox 00:02:10 Duration

Section 15 : What is Flexbox in CSS

Lecture 1 Flexbox (Part 1) 00:18:04 Duration
Lecture 2 Flexbox (Part 2) 00:10:00 Duration

Section 16 : CSS3 Special Effects

Lecture 1 Box Shadows 00:05:55 Duration
Lecture 2 Rounded Corners 00:06:39 Duration
Lecture 3 CSS Transform 00:12:50 Duration
Lecture 4 CSS Transitions
Lecture 5 CSS Animations 00:19:59 Duration

Section 17 : Leveraging JavaScript without Writing JavaScript

Lecture 1 Chapter Introduction 00:02:45 Duration
Lecture 2 Slideshow (Part 1) 00:17:59 Duration
Lecture 3 Slideshow (Part 2) 00:09:06 Duration
Lecture 4 Reveal & Hide Content on Click Tap 00:12:13 Duration
Lecture 5 Open Image in Modal Window (Gallery) 00:18:41 Duration

Section 18 : What is Bootstrap

Lecture 1 Bootstrap (Part 1) 00:19:20 Duration
Lecture 2 Bootstrap (Part 2)

Section 19 : Sass

Lecture 1 Getting Started With Sass 00:19:24 Duration
Lecture 2 Sass Basics 00:15:43 Duration
Lecture 3 Sass Continued 00:18:38 Duration

Section 20 : Pushing a Website Live Up Onto The Web

Lecture 1 Going Live using GitHub Pages 00:14:56 Duration

Section 21 : Cross Browser Compatibility

Lecture 1 Cross Browser Support & Feature Detection 00:12:54 Duration

Section 22 : Beyond This Course

Lecture 1 Next Steps 00:07:37 Duration