Course Program

#1Introduction
  • Course Introduction---
#2Setup of IDE
  • Section 2 Introduction---
  • Downloading and Installing Visual Studio Code---
  • Customizing the IDE---
  • Running Code in a Web Browser---
  • Recap of Section 2---
#3HTML Fundametals
  • Section 3 Introduction---
  • What is HTML?---
  • HTML Tags---
  • Format of an HTML Document---
  • Structure of HTML Code---
  • Page Title and Headings---
  • Paragraphs and Text---
  • Style Attribute and Style Tag---
  • Formatting Text in HTML---
  • Hyperlinks in HTML---
  • Images in HTML---
  • Buttons in HTML---
  • Comments in HTML---
  • Recap of Section 3---
#4Displaying Data in HTML
  • Section 4 Introduction---
  • Lists in HTML---
  • Tables in HTML---
  • Layouts in HTML---
  • Divs and Spans---
  • Forms in HTML---
  • Recap of Section 4---
#5Colors in HTML
  • Section 5 Introduction---
  • Color in HTML---
  • Coloring Elements in HTML---
  • Recap of Section 5---
#6Embedding Media and Graphics in HTML
  • Section 6 Introduction---
  • More on Images in HTML---
  • Embedding Video in HTML---
  • Embedding Audio in HTML---
  • Embedding other Webpages---
  • HTML Canvas---
  • Scalable Vector Graphics (SVGs)---
  • Recap of Section 6---
#7More on HTML Tags
  • Section 7 Introduction---
  • Formatting Tags---
  • Metadata Tags---
  • New Tags to HTML 5---
  • Section 7 Recap---
#8HTML Global Attributes
  • Section 8 Introduction---
  • Global Attributes---
  • HTML 5 Specific Global Attributes---
  • Section 8 Recap---
#9Events in HTML
  • Section 9 Introduction---
  • Keyboard Events---
  • Mouse Events---
  • Drag Events---
  • Clipboard Events---
  • Section 9 Recap---
#10Layouts and Webpages in HTML
  • Section 10 Introduction---
  • Dynamic Images and Text---
  • Menus and Header Bars---
  • Intro to Bootstrap---
  • Positioning in Bootstrap---
  • Menus and UI in Bootstrap---
  • Images in Bootstrap---
  • Text in Bootstrap---
  • Other Bootstrap Elements---
  • Section 10 Recap---
#11HTML Hands-On Practice
  • Section 11 Introduction---
  • Starting our Webpage---
  • Creating the Header Bar---
  • Creating the Home Page---
  • Creating the About Page---
  • Creating the Menu Page---
  • Creating the Contact Page---
  • Section 11 Recap---
#12Section 12: XHTML
  • Section 12 Introduction---
  • What is XHTML?---
  • XHTML Syntax---
  • Converting HTML to XHTML---
  • Section 12 Recap---
#13Debugging HTML
  • Section 13 Introduction---
  • What is Debugging?---
  • Common Errors and How to Fix Them---
  • Using An HTML Validator---
  • Section 13 Recap---
#14CSS Basics
  • Section 14 Introduction---
  • Creating a CSS Stylesheet---
  • Importing Stylesheet vs. Using Style Tag---
  • CSS Syntax---
  • Cascading Order---
  • Box Model---
  • Paddings and Margins---
  • Section 14 Recap---
#15Section 15: Modifying Text Using CSS
  • Section 15 Introduction---
  • Text Styling Concepts---
  • Basic Text Effects---
  • Fonts---
  • Text Properties---
  • Section 15 Recap---
#16Colors in CSS
  • Section 16 Introduction---
  • What Can I Color?---
  • Specifying Colors---
  • Saturation---
  • Opacity---
  • Filters---
  • Section 16 Recap---
#17CSS Properties
  • Section 17 Introduction---
  • Background Properties---
  • Border Properties---
  • Box Properties---
  • Outline Properties---
  • Positioning Properties---
  • Clipping and Masking Properties---
  • Other Properties---
  • Section 17 Recap---
#18CSS Tables
  • Section 18 Introduction---
  • Table Style and Display---
  • Table Alignment---
  • Cool Effects---
  • Section 18 Recap---
#19CSS Lists
  • Section 19 Introduction---
  • List Properties---
  • Coloring Lists---
  • Section 19 Recap---
#20CSS Animations
  • Section 20 Introduction---
  • Transition Properties---
  • Animation Properties---
  • 2D Animation---
  • 3D Animation---
  • Section 20 Recap---
#21Animation Properties in CSS
  • Section 21 Introduction---
  • Background---
  • Border---
  • Column---
  • Font---
  • Margin---
  • Height and Width---
  • Text---
  • Padding---
  • Word-Spacing and Letter-Spacing---
  • Section 21 Recap---
#22CSS Buttons
  • Section 22 Intro---
  • :hover and :active State---
  • Advanced Styling---
  • Animation---
  • Section 22 Recap---
#23SCSS Pseudo-Classes and Selectors
  • Section 23 Introduction---
  • General CSS Selectors---
  • Input Pseudo-Classes---
  • Type Pseudo-Classes---
  • Child Pseudo-Classes---
  • <a> Pseudo-Classes---
  • Pseudo-Elements---
  • Section 23 Recap---
#24CSS At-Rules
  • Section 24 Introduction---
  • What is a CSS At-Rule?---
  • CSS At-Rules---
  • Section 24 Recap---
#25Section 25: Advanced CSS
  • Section 25 Introduction---
  • Gradients---
  • Shadows and Effects---
  • Advanced Positioning---
  • Blend Modes---
  • Creating a Responsive CSS Grid---
  • Section 25 Recap---
#26CSS Hands-On Practice
  • Section 26 Introduction---
  • Styling the Header Bar---
  • Styling the Home Page---
  • Styling the About Page---
  • Styling the Menu Page---
  • Styling the Contact Page---
  • Final Cleanup of Files---
  • Section 26 Recap---
#27Debugging CSS
  • Section 27 Introduction---
  • Common Errors and How to Fix Them---
  • Using A CSS Validator---
  • Section 27 Recap---
#28Useful CSS Specifics
  • Section 28 Introduction---
  • CSS Entities---
  • CSS Units---
  • Section 28 Recap---
#29Course Summary and Wrap-Up
  • Course Summary and Wrap-Up---
• Course Introduction
• Section Introduction
• Background
• Border
• Column
• Font
• Margin
• Height and Width
• Text
• Padding
• Word-Spacing and Letter-Spacing
• Section 21 Recap