Introduction
  • Introducing this course!
  • IMPORTANT!
  • Introducing... me!
  • IMPORTANT! Course material and Setting up our Code Editor
Getting Started with HTML
  • Introducing HTML
  • The Browser Developer Console
  • Setting up our HTML Document
  • Head and Title HTML Tags
  • More HTML Elements!
  • Span HTML Element
  • Div HTML Element
  • Checking out the first Website ever created
  • Button HTML Element
  • Lists in HTML
  • Anchor Tags in HTML
  • Image Tags in HTML
  • Image notes and Input Setup
  • HTML Inputs
  • HTML Input Notes
  • Dropdowns!
  • HTML Labels
  • HTML Tables
  • Reviewing HTML
Introducing CSS!
  • A quick update about the course
  • CSS Introduction
  • Setting up Link Tag in HTML
  • Our First Css Styles
  • Clearing up our last Video with some Comments
  • What is Px?
  • Margin Defaults in CSS
  • The Box Model and Elaborating on Margins
  • Margin Shorthand Property
  • Clearing up Margin with Comments
  • Introduction to the Border
  • More About Borders!
  • A little more about Borders :)
  • Padding!!!
  • Box-Model Review
  • Fonts!!!
Selecting Elements In CSS
  • Introduction to Selecting HTML Elements in CSS
  • Introduction to Classes in CSS
  • Selector Specificity in CSS
  • Selector Specificity Continued
  • Some Comments About Selector Specificity
Our First Project
  • Introducing our first Project!
  • Getting started on our Google Project
  • Working on the Google Nav Bar
  • Setting up the Blue Letter in the corner... just a warning this video gets crazy
  • Setting up the Middle Google Letters
  • Adding the Google Search Bar
  • Adding the Google Search Buttons
  • Adding the Google Footer
  • Google Project Review
  • An introduction to the Pseudo Class Hover
  • Spicing up our Buttons
  • Adding some effects to our Search Bar
  • Using Focus Pseudo Class on Buttons
  • Active Pseudo Class
Colors and Units
  • Colors
  • What are REM's?
  • And also EM's!
  • VW and VH
  • A bit more on VH and VW
Introduction to Flexbox
  • Introduction to Flexbox
  • Justify Content in Flexbox
  • Align-Items in Flexbox
  • Flex-direction in Flexbox
  • A little more on Flex-direction
  • Flex-wrap in CSS
  • Align-content in CSS
  • Flex-Flow in CSS
  • Align-self in CSS
  • Order in Flex Box
  • Flex-Grow in Flex Box
  • Flex-box Froggy!!!
The Twitter Project
  • Introducing the Twitter Project
  • Getting Started with our Twitter Project
  • A quick notice :(
  • Adding Icons to our Project
  • Adding Fonts to our Project
  • Gradients in CSS
  • Working more on our Twitter Project
  • Finishing the right side of our Twitter Project
  • Position Absolute in CSS
  • Creating the Login Form in the Twitter Project
  • Finishing the Footer
  • Animations in our Twitter Project
  • Twitter Project Review
Media Queries in CSS
  • Intro to Media Queries
  • Writing our first Media Query
  • Making the Login Form Disappear