First Steps with HTML & CSS
- Downloading Visual Studio Code
- Basic Structure of an HTML Document
- HTML Elements (Tags)
- Lists and Links
- An Ordered List of Links
- Images and Videos
- Styles
- HTML5 Semantic Elements
- The Developer Tools & More CSS Properties (Part 1)
- The Developer Tools & More CSS Properties (Part 2)
- Styling Elements with CSS
- 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
- Manipulate HTML elements
- Variables
- Data Types: Strings
- Working With 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
- 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
- Date & Time
- Challenge - Calculating Date Intervals
- Time Methods
- Clock Challenge
