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 |