The Full Stack Web Development Bootcamp

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Text Editor – Visual Studio Code

Chapter 2: Beginners HTML

Lecture 1: Headings

Lecture 2: Paragraphs

Lecture 3: Making Lists in HTML

Lecture 4: Adding Images

Lecture 5: Making A Basic Webpage

Lecture 6: Making Links in HTML

Lecture 7: Images As Links

Lecture 8: Making Tables in HTML

Chapter 3: Intermediate HTML

Lecture 1: The Span Tag in HTML

Lecture 2: Revisiting Links

Lecture 3: Comments in HTML

Lecture 4: Adding A Video in HTML

Lecture 5: Adding An Audio Player in HTML

Lecture 6: Introduction To Forms – Part 1

Lecture 7: Introduction To Forms – Part 2

Lecture 8: Introduction To Forms – Part 3 – Adding A Select Option

Lecture 9: Introduction To Forms – Part 4

Lecture 10: Introduction To Forms – Part 5 – Reviewing Forms

Lecture 11: Introduction To Forms – Part 6 – Adding A Checkbox

Lecture 12: Nested Lists in HTML

Lecture 13: Divs

Chapter 4: Introduction to CSS (Cascading Style Sheets)

Lecture 1: Element Selectors – Part One

Lecture 2: Element Selectors – Part Two

Lecture 3: Class Selectors

Lecture 4: Multiple Class Selectors

Lecture 5: The ID Selector

Lecture 6: Review of Simple Selectors

Chapter 5: Intermediate CSS

Lecture 1: External Style Sheets

Lecture 2: Borders

Lecture 3: Padding

Lecture 4: Margin

Lecture 5: The CSS Box Model

Lecture 6: Making A Grid in CSS

Lecture 7: Aligning Text

Lecture 8: Styling Text

Lecture 9: Adding A Background Image

Lecture 10: Making An Image Grid

Chapter 6: Advanced CSS

Lecture 1: Styling Lists

Lecture 2: Styling Links

Lecture 3: Positioning in CSS

Lecture 4: Making The Olympic Symbols

Lecture 5: Making A Navigation Bar

Lecture 6: CSS Colors

Lecture 7: Styling Forms

Lecture 8: Styling Tables

Lecture 9: Gradients

Lecture 10: Google Fonts

Chapter 7: Making The 'Imperial Donuts' Website

Lecture 1: Imperial Donuts – Overview

Lecture 2: Imperial Donuts – Making The Body

Lecture 3: Imperial Donuts – Making The Nav

Lecture 4: Imperial Donuts – Styling The Nav

Lecture 5: Imperial Donuts – Styling The Header

Lecture 6: Imperial Donuts – Styling The Straplines

Lecture 7: Imperial Donuts – Styling The Section Headings

Lecture 8: Imperial Donuts – About Section Layout

Lecture 9: Imperial Donuts – Formatting The About Text Box

Lecture 10: Imperial Donuts – Laying Out The First Image Grid

Lecture 11: Imperial Donuts – Finishing The First Image Grid

Lecture 12: Imperial Donuts – Getting The Main Grid Ready

Lecture 13: Imperial Donuts – Finishing The Main Grid Layout

Lecture 14: Imperial Donuts – Adding Images To The First Row

Lecture 15: Imperial Donuts – Adding Images To The Second Row

Lecture 16: Imperial Donuts – Finishing The Main Image Grid

Lecture 17: Imperial Donuts – Laying Out The Stores Grid

Lecture 18: Imperial Donuts – Styling The Stores Grid

Lecture 19: Imperial Donuts – Styling The Footer

Lecture 20: Imperial Donuts – Embedding The Social Media Icons

Lecture 21: Imperial Donuts – Finishing Imperial Donuts

Lecture 22: Imperial Donuts – Some Final Touches

Chapter 8: Responsive Design

Lecture 1: What Is Responsiveness?

Lecture 2: Introducing Media Queries

Lecture 3: Styling Multiple Selectors With Media Queries

Lecture 4: Applying Multiple Styles With Media Queries

Lecture 5: Media Query Minimum Width

Lecture 6: Using Multiple Media Queries

Lecture 7: Introduction To CSS Flexbox

Lecture 8: Using Media Queries & CSS Flexbox

Lecture 9: CSS Flexbox – Justifying Content

Lecture 10: Making A Responsive Page

Lecture 11: CSS Flexbox – Aligning Items

Lecture 12: Units of Measurement Tutorial

Lecture 13: CSS Flexbox Online Resources

Chapter 9: Introduction to JavaScript

Lecture 1: JavaScript Overview

Lecture 2: External JavaScript

Lecture 3: Using The Console

Lecture 4: Introduction To Variables

Lecture 5: Variables Part 2

Lecture 6: Introduction to let & const

Lecture 7: Introduction To Strings