Section 1 : Welcome!

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

Section 2 : HTML Essentials

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

Section 3 : Adding Media to a Web Page

Lecture 11 Images 5:25
Lecture 12 Audio Files 5:48
Lecture 13 Video Files 8:14
Lecture 14 Vector Graphics & Illustrations (SVG & Figma) 11:1

Section 4 : Text Basics

Lecture 15 Headings 3:49
Lecture 16 Lists 5:48
Lecture 17 Bold & Italic 7:13
Lecture 18 Special Characters 3:9

Section 5 : Semantics & Organization

Lecture 19 Semantic Structural Elements 7:35
Lecture 20 Navigation 4:1
Lecture 21 Non-semantic Elements (div and span) 5:28
Lecture 22 HTML Comments 2:42
Lecture 23 The Section Element 4:48

Section 6 : Forms

Lecture 24 Forms 8:20
Lecture 25 Different Types of Inputs 6:21
Lecture 26 Choosing Between a set of options 10:35

Section 7 : Tables

Lecture 27 How to Create a Table of Data 7:19
Lecture 28 Do Not Use Tables for Layout 1:46

Section 8 : CSS Essentials

Lecture 29 CSS Introduction 5:17
Lecture 30 CSS Selectors 6:51
Lecture 31 The Cascade 10:8
Lecture 32 Box Model 8:20
Lecture 33 Quick Note About CSS Floats 1:37
Lecture 34 Creating a Page Layout with Floats 15:34
Lecture 35 Beauty School! Apply What We've Learned 11:45

Section 9 : Intermediate CSS

Lecture 36 Styling Navigation Menu 8:2
Lecture 37 Overlapping Content & Transparent Backgrounds 15:7

Section 10 : Less Exciting Yet Still Necessary CSS Tasks

Lecture 38 Styling Data Tables 15:7
Lecture 39 Styling Forms 17:20

Section 11 : CSS Typography

Lecture 40 CSS Typography 9:29
Lecture 41 Using Custom Web Fonts

Section 12 : Developer Timeout!

Lecture 42 Developer Tools Inspect Elements 5:44

Section 13 : CSS Backgrounds

Lecture 43 Background Images 15:13
Lecture 44 Gradient Backgrounds 5:11
Lecture 45 CSS Sprites 11:32
Lecture 46 Full Width Backgrounds - Fixed Width Content 7:0

Section 14 : Responsive Web Design

Lecture 47 Chapter Introduction 1:26
Lecture 48 Responsive Web Design
Lecture 49 Responsive Grids
Lecture 50 Responsive Grid with Flexbox 2:10

Section 15 : What is Flexbox in CSS

Lecture 51 Flexbox (Part 1) 18:4
Lecture 52 Flexbox (Part 2) 10:0

Section 16 : CSS3 Special Effects

Lecture 53 Box Shadows 5:55
Lecture 54 Rounded Corners 6:39
Lecture 55 CSS Transform 12:50
Lecture 56 CSS Transitions
Lecture 57 CSS Animations 19:59

Section 17 : Leveraging JavaScript without Writing JavaScript

Lecture 58 Chapter Introduction 2:45
Lecture 59 Slideshow (Part 1) 17:59
Lecture 60 Slideshow (Part 2) 9:6
Lecture 61 Reveal & Hide Content on Click Tap 12:13
Lecture 62 Open Image in Modal Window (Gallery) 18:41

Section 18 : What is Bootstrap

Lecture 63 Bootstrap (Part 1) 19:20
Lecture 64 Bootstrap (Part 2)

Section 19 : Sass

Lecture 65 Getting Started With Sass 19:24
Lecture 66 Sass Basics 15:43
Lecture 67 Sass Continued 18:38

Section 20 : Pushing a Website Live Up Onto The Web

Lecture 68 Going Live using GitHub Pages 14:56

Section 21 : Cross Browser Compatibility

Lecture 69 Cross Browser Support & Feature Detection 12:54

Section 22 : Beyond This Course

Lecture 70 Next Steps 7:37