2024 UPDATED – HTML5 Elements & CSS3 Properties Bootcamp, V2

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: Who this Bootcamp is for

Lecture 3: How to Make the Best of This Bootcamp

Lecture 4: What You Should Expect After Completing This Bootcamp

Lecture 5: How to Access the Legacy Version (V1) of this Bootcamp

Lecture 6: How to Get Help

Lecture 7: Let’s Get Started

Chapter 2: Getting Started with Web Development

Lecture 1: Section Overview

Lecture 2: HTML

Lecture 3: CSS

Lecture 4: JavaScript

Chapter 3: Getting Up and Running

Lecture 1: Browser

Lecture 2: Visual Studio Code

Lecture 3: Visual Studio Code Settings

Lecture 4: Visual Studio Code Extensions

Chapter 4: Practical HTML – Preliminary Level

Lecture 1: Section Overview

Lecture 2: How to Open a Folder with VS Code

Lecture 3: How to Create an HTML File with VS Code

Lecture 4: How to Create Your First Webpage

Lecture 5: Understanding the HTML Metadata

Lecture 6: Anatomy of an HTML Element

Lecture 7: HTML

Lecture 8: Head

Lecture 9: Style

Lecture 10: HTML Body

Lecture 11: HTML Heading

Lecture 12: Practice 1 – Let’s Create some Comments

Lecture 13: HTML Attributes

Lecture 14: Practice 2 – Attributing Classes & IDs

Lecture 15: HTML Paragraph

Lecture 16: Practice 3 – Writing Text

Lecture 17: HTML Link

Lecture 18: Practice 4 – Redirecting Viewers

Lecture 19: HTML Semantic Elements

Lecture 20: Practice 5 – Let’s Build up some Good Habits

Chapter 5: Practical HTML – Intermediate Level

Lecture 1: Section Overview

Lecture 2: HTML Image

Lecture 3: HTML Figure

Lecture 4: HTML Figcaption

Lecture 5: Practice 6 – Captioning an Image

Lecture 6: HTML Video

Lecture 7: HTML Audio

Lecture 8: HTML Ordered List

Lecture 9: Practice 7 – Steps to Learn Frontend Web Development

Lecture 10: HTML Unordered List

Lecture 11: Practice 8 – Creating a Shopping List

Lecture 12: HTML Description List

Lecture 13: Practice 9 – Animals’ Diet

Lecture 14: HTML Table

Lecture 15: Practice 10 – Endangered Animals’ Database

Lecture 16: HTML Icons

Lecture 17: HTML Block Quotation

Lecture 18: HTML Header

Lecture 19: HTML Nav

Lecture 20: Practice 11 – Creating a Navigation

Lecture 21: HTML Main

Lecture 22: HTML Section

Chapter 6: Practical HTML – Advanced Level

Lecture 1: Section Overview

Lecture 2: HTML Article

Lecture 3: HTML Aside

Lecture 4: HTML Abbreviation

Lecture 5: HTML Span

Lecture 6: HTML Div

Lecture 7: HTML iFrame

Lecture 8: HTML Picture

Lecture 9: HTML Script

Lecture 10: HTML Details

Lecture 11: HTML Footer

Lecture 12: HTML Forms Part 1 – Input Types

Lecture 13: HTML Forms Part 2 – More Input Types

Lecture 14: HTML Forms Part 3 – Fieldsets and Legends

Lecture 15: HTML Container VS. Contained

Lecture 16: HTML Block VS. Inline

Lecture 17: Practice 12 – Let’s Build a Mini-Project

Chapter 7: Using AI to Generate HTML

Lecture 1: Section Overview

Lecture 2: Generating the HTML5 Boilerplate – ChatGPT vs. Gemini

Lecture 3: Generating HTML Headings – ChatGPT vs. Gemini

Lecture 4: Generating HTML Lists – ChatGPT vs. Gemini

Lecture 5: Generating HTML Figure Caption – ChatGPT vs. Gemini

Lecture 6: Generating HTML Semantic Elements – ChatGPT vs. Gemini

Lecture 7: Generating Form Inputs – ChatGPT vs. Gemini

Lecture 8: Generating HTML Tables – ChatGPT vs. Gemini

Chapter 8: Practical CSS – Preliminary Level

Lecture 1: Section Overview

Lecture 2: How to Link CSS to HTML

Lecture 3: Anatomy of a CSS Ruleset

Lecture 4: Browser Default Styles

Lecture 5: CSS Basic Selectors

Lecture 6: CSS Colors

Lecture 7: CSS Background Images

Lecture 8: CSS Absolute Length Units

Lecture 9: CSS Height and Width

Lecture 10: CSS Padding