HTML5 and CSS3 – Essential Training

Course Curriculum

Chapter 1: Introduction to Web Development and Associated Technologies

Lecture 1: Introduction

Lecture 2: Web Architecture

Lecture 3: The Core 3: HTML

Lecture 4: The Core 3: CSS

Lecture 5: The Core 3: JavaScript

Lecture 6: The World Wide Web Consortium (W3C)

Lecture 7: Semantic HTML5

Lecture 8: Basic Structure of a Web Page

Lecture 9: HTML Syntax

Lecture 10: Browsers to Download

Lecture 11: Creating a Project, File Naming, and Folder Structuring

Lecture 12: Using Brackets to Author Web Pages

Lecture 13: Creating your First Web Page

Lecture 14: Validating your First Web Page

Chapter 2: Semantic Structure and Inline Tags

Lecture 1: Introduction

Lecture 2: The Structure of a Tag

Lecture 3: Global Attributes

Lecture 4: Section Elements

Lecture 5: Section Tags

Lecture 6: Heading Tags

Lecture 7: Grouping Tags

Lecture 8: Inline Tags (Part 1)

Lecture 9: Inline Tags (Part 2)

Lecture 10: Inline Tags (Part 3)

Lecture 11: Lab 1

Chapter 3: Tables, Lists, and Images

Lecture 1: Introduction

Lecture 2: Working with Tables (Part 1)

Lecture 3: Working with Tables (Part 2)

Lecture 4: Lab 2

Lecture 5: Working with Lists

Lecture 6: Lab 3

Lecture 7: Working with Images

Lecture 8: Lab 4

Chapter 4: Working with Links

Lecture 1: Introduction

Lecture 2: Working with Links

Lecture 3: Attributes for Links

Lecture 4: Creating a Link for an Image / Text

Lecture 5: Creating a Link to an Email Address or Phone Number

Lecture 6: Creating a Link to a Placeholder

Lecture 7: Working with Image Maps

Chapter 5: Cascading Style Sheets Part 1 – Introduction

Lecture 1: Introduction

Lecture 2: What is CSS?

Lecture 3: Why Should I Use CSS?

Lecture 4: How CSS Works

Lecture 5: Defining Styles

Lecture 6: Selector Types (CSS Level 1)

Lecture 7: Selector Types (CSS Level 2)

Lecture 8: Lab 5: CSS Level 1 Selectors

Lecture 9: Lab 6: CSS Level 2 Selectors

Lecture 10: Selector Types (CSS Level 3)

Lecture 11: Lab 7: CSS Level 3 Selectors

Lecture 12: Common Font Properties

Lecture 13: Common Background Properties

Lecture 14: Common Block Properties

Lecture 15: Common Box Properties

Lecture 16: Common Border Properties

Lecture 17: Common List Properties

Lecture 18: Common Positioning Properties

Lecture 19: Lab 8: Formatting the Vecta Corp. Site

Chapter 6: Cascading Style Sheets Part 2 – Grid Systems, Layout, and Positioning

Lecture 1: Introduction

Lecture 2: Grid Systems: What is a Grid?

Lecture 3: Grid Systems: History of Grids in Design

Lecture 4: Grid Systems: Why Should I Use Grids?

Lecture 5: Grid Systems: How Grid Systems Work in Web Design

Lecture 6: Lab 9: The 960 Grid System

Lecture 7: How to Float and Clear Elements

Lecture 8: How to Use CSS3 to Create Text Columns

Lecture 9: How to Position Elements Using Positioning Properties

Lecture 10: Lab 10: Structuring the Vecta Corp. Site using a Traditional Approach

Chapter 7: Cascading Style Sheets Part 3 – Advanced CSS Concepts

Lecture 1: Introduction

Lecture 2: Valuable Third-Party Tools

Lecture 3: Working with Web Fonts: The @font-face selector

Lecture 4: Working with Web Fonts: Google Web Fonts

Lecture 5: Sprites

Lecture 6: Navigation Menus

Lecture 7: Accordions

Lecture 8: Transitions

Lecture 9: Transforms

Lecture 10: Animations

Lecture 11: Filters

Lecture 12: Lab 11: An Advanced Web Page Layout

Lecture 13: Lab 12: Making the Web Page Backward Compatible

Lecture 14: Lab 13: Designing a Style Sheet for Printers

Chapter 8: Cascading Style Sheets Part 4 – Flex Box Layout

Lecture 1: Introduction

Lecture 2: What is the Flex Box layout?

Lecture 3: Layout Terminology

Lecture 4: Layout Properties