First Steps with HTML & CSS
  • Downloading Visual Studio Code
  • Basic Structure of an HTML Document
  • HTML Elements (Tags)
  • Lists and Links
  • Images and Videos
  • Styles
  • HTML5 Semantic Elements
  • The Developer Tools & More CSS Properties (Part 1)
  • The Developer Tools & More CSS Properties (Part 2)
  • Classes, IDs, and CSS Selectors
  • Styling the Content of the Article
  • Styling the List of Links
  • Fonts
  • Styling the Social Links
  • Colors
Diving Deeper Into HTML & CSS
  • Introducing the Next Project & Setup
  • Starting with the Header
  • Alignment of Header Items With Flexbox
  • Fixed Position on Header
  • Doing the Logo in HTML & CSS
  • Background Image of Hero Section
  • Text Area of Hero Section (Part 1)
  • Text Area of Hero Section (Part 2)
  • Starting the Best Sellers Area
  • The 3 Products Section
  • Individual Product Boxes
  • Product information
  • Applying the New Tag
  • Discounted price
  • Newsletter Section
  • Styling the newsletter elements
  • The Footer Element
  • Bottom Navigation
  • HTML Entities
  • Hover states
Responsive Design with CSS Media Queries
  • Intro to CSS Media Queries
  • Setting up the Breakpoints
  • A Note About Media Queries Organization
  • Designing the Header Navigation
  • Designing the Hero Section
  • Responsive Images with HTML5's Picture Element
  • The Best Sellers Section
  • Newsletter and Footer
  • Internal Links
Hosting & Domain - Publishing Our Website Online
  • Hosting and Domain - A Brief Explanation
  • Using a Free Hosting Service
  • Configuring FTP
  • Using a Paid Hosting Service
  • Setting up a Customized .COM Domain Name
Javascript Basics
  • Javascript Course Intro
  • First Steps With Javascript
  • Javascript Syntax
  • DOM - Document Object Model
  • Working With The DOM
  • Variables
  • Data Types: Strings
  • Data Types: Numbers (Part 1)
  • Data Types: Numbers (Part 2)
  • Data Types: Booleans
  • Data Types: Null and Undefined
  • List Of Exercises # 1
  • List Of Exercises # 1 (Solution - Part 1)
  • List Of Exercises # 1 (Solution - Part 2)
  • Functions
  • Data Types: Arrays
  • Data Types: Objects
  • Objects Methods
  • List Of Exercises # 2
  • List Of Exercises # 2 (Solution - Part 1)
  • List Of Exercises # 2 (Solution - Part 2)
Diving Deeper into Javascript
  • Events
  • CSS Manipulation
  • More getElement Methods
  • For and For in Loops
  • While Loops
  • Conditionals
  • Conditionals (Part 2)
  • Nested Loops and Conditionals
  • Variable Scope
  • List Of Exercises # 3
  • List Of Exercises # 3 (Solution - Part 1)
  • List Of Exercises # 3 (Solution - Part 2)
  • List Of Exercises # 3 (Solution - Part 3)
  • BOM - Browser Object Model
  • Date & Time
  • Challenge - Calculating Date Intervals
  • Time Methods
  • Clock Challenge
  • Break and Continue
  • Forms
  • Forms (Part 2)
  • The onchange Event
  • List Of Exercises # 4
  • List Of Exercises # 4 (Solution - Part 1)