Course Orientation
  • Welcome To The Course!
  • Curriculum Walkthrough
  • When Was The Course Last Updated?
  • Course Change Log
  • Will I Get A Job?
  • Accessing Course Code & Slides
  • Joining The Community Chat & Groups
  • Tips On The Interactive Coding Exercises
  • Migrating From The Old Version Of This Course
An Introduction to Web Development
  • What Matters In This Section?
  • The Internet in 5 Minutes
  • Intro to the Web
  • The Request/Response Cycle
  • Front-End and Back-End
  • What do HTML/CSS/JS do?
  • Setting Up Our Developer Environment
  • OPTIONAL VSCode Theme
HTML: The Essentials
  • What Matters In This Section
  • Introduction to HTML
  • Our Very First HTML Page
  • TIP: Mozilla Developer Network
  • Paragraph Elements
  • Heading Elements
  • Pangolin Practice
  • Introduction to the Chrome Inspector
  • HTML Boilerplate
  • VSCode Tip: Auto-format
  • List Elements
  • Favorite Movies Exercises
  • Anchor Tags
  • Images
  • Comments
  • Wolf Images & Links Exercise
HTML: Next Steps & Semantics
  • What Matters In This Section
  • What Exactly Is HTML5?
  • Block vs. Inline Elements - Divs and Spans
  • An Odd Assortment of Elements: HR, BR, Sup, & Sub
  • Entity Codes
  • Snowman Logo Exercise
  • Intro to Semantic Markup
  • Playing With Semantic Elements
  • Screen Reader Demonstration
  • VSCode Tip: Emmet
HTML: Forms & Tables
  • What Matters In This Section
  • Unit Goals
  • Introducing HTML Tables
  • Tables: TR, TD, and TH Elements
  • Tables: Thead, Tbody, and Tfoot Elements
  • Tables: Colspan & Rowspan
  • Table Practice Exercise
  • The Form Element
  • Common Input Types
  • The All-Important Label
  • HTML Buttons
  • The Name Attribute
  • "Hijacking" Google & Reddit's Search
  • Radio Buttons, Checkboxes, & Selects
  • Range & Text Area
  • Forms Practice Exercise
  • HTML5 Form Validations
  • Creating A Marathon Registration Form Intro
  • Creating A Marathon Registration Form Solution
CSS: The Very Basics
  • What Matters In This Section
  • What is CSS?
  • CSS is Huge, Don't Panic!
  • Including Styles Correctly
  • Color & Background-Color Properties
  • Our First CSS Exercise
  • Colors Systems: RGB & Named Colors
  • Colors Systems: Hexadecimal
  • Colors Quiz
  • A Reminder On Semicolons & CSS
  • Common Text Properties
  • Font Size Basics With Pixels
  • The Font Family Property
  • Hipster Logo Exercise
The World of CSS Selectors
  • What Matters In This Section
  • Universal & Element Selectors
  • The ID Selector
  • The Class Selector
  • Basic Selectors Practice
  • The Descendent Selector
  • Descendent Combinator Practice
  • The Adjacent & Direct-Descendent Selectors
  • The Attribute Selector
  • Pseudo Classes
  • Checkerboard Exercise
  • Pseudo Elements
  • The CSS Cascade
  • WTF is Specificity
  • Specificity Quiz
  • TIP: Chrome Dev Tools & CSS
  • Inline Styles & Important