Getting Started
  • Having Fun #1 - HTTP Status Codes
  • Having Fun #2 - Making The News
  • Having Fun #3 - The Dinosaur Video Game
  • Websites vs Apps - Should You Learn Web Dev of App Dev?
  • Your Pathway to a $100,000 / Year Salary
  • Course Overview - The Art of Building Websites
  • Getting The Code Used In This Course
  • Stay Current, Find Jobs, Receive Discounts
  • Resources
  • How To Succeed
Understanding The Internet & World Wide Web
  • History of the Internet
  • History of the World Wide Web
  • Who Controls the Internet & WWW?
  • Web Documentation
  • Highlighting Webpages & Chrome Extensions
  • How The Web Works
  • The Dark Web
  • BitTorrent
An Introduction to HTML
  • Your First Webpage
  • Anatomy of an HTML Page
  • HTML Terminology
An Introduction to CSS
  • A Separation of Concerns
  • CSS Rule-sets
  • Linking CSS to HTML
  • Multiple CSS Selectors
Configuring Your Environment
  • Integrated Development Environments
  • WebStorm
  • Atom.io
  • Sublime
  • Dreamweaver
Becoming Skilled with Github
  • Github Overview
  • Git & Github - The Story
  • Configuring Windows for Github
  • Configuring Mac and Linux for Github
  • Terminal Essentials
  • Creating a “Master” Local Git Repository
  • Creating an “Origin/Master” Remote Github Repository
  • Using Github - Basic Commands
  • Using Github - Deleting A Repo
HTML Essentials
  • Section Overview
  • FIle Naming Conventions
  • Folder Naming Conventions
  • Opening A Project in Webstorm
  • Essential Tags
  • Emmet.io
  • Modifying Webstorm Formatting
  • Tag Attributes
  • Relative URLs
  • Absolute URLs
  • Comments
  • Hands-On Exercises
  • Hands-On Exercises - Solutions
CSS Essentials
  • Section Overview
  • All HTML Tags & Attributes, All CSS Selectors & Properties
  • border Property
  • border-radius Property
  • display Property
  • padding & margin Properties
  • Box Model
  • box-Sizing Property
  • Review
  • Hands-On Exercises
  • Hands-On Exercises - Solutions
CSS Selectors
  • Section Overview
  • CSS Resets
  • CSS Selectors: element, class, id
  • Selectors: attribute
  • Selectors: pseudo-classes
  • Selectors: pseudo-class :focus
  • Selectors: pseudo-class nth child - part I
  • Selectors: pseudo-class nth child - part II
  • Selectors: pseudo-class typography
  • Selectors: nested selectors
  • margin: 0 auto & The Display Property
  • Hands-On Exercise - The Surfer Page
  • Hands-On Exercise - The Surfer Page - Solution
  • Hands-On Exercises
  • Hands-On Exercises - Solutions I
  • Hands-On Exercises - Solutions II
  • Review
CSS Order & Specificity
  • Section Overview
  • The Browser’s Application of CSS
  • Challenge & Solution #1
  • Challenge & Solution #2, 3, 4
  • Challenge & Solution #5, 6
  • Hands-On Exercise
  • Hands-On Exercises - Solutions
  • Review
Formatting Text
  • Section Overview