Full Stack Web Development Guide For Beginners: 2024 Edition

Course Curriculum

Chapter 1: Development Environment Preparation and Setup

Lecture 1: Welcome!

Lecture 2: Tools Needed

Lecture 3: Installing Google Chrome

Lecture 4: Installing Integrated Development Environment (VSCode)

Lecture 5: Heads Up: Security Pop Up Alert During XAMPP Installation

Lecture 6: Installing a Local Web Server (XAMPP)

Lecture 7: Basic Troubleshooting for XAMPP

Lecture 8: Creating Our First Simple Web Page and Finding HTDOCS Location

Chapter 2: HTML Basics

Lecture 1: Starting with HTML

Lecture 2: Utilizing Built-in Emmet Plugin Feature and HTML Form

Lecture 3: Basic HTML Blueprint

Lecture 4: Building an HTML Site Part 1: Image, Header, List and Anchor Tags

Lecture 5: Building an HTML Site Part 2: Div, Style Attribute and Basic Site Contents

Lecture 6: Building an HTML Website Part 3: Anchor Tags and Form

Lecture 7: Building an HTML Website Part 4: HTML Table

Chapter 3: CSS Basics

Lecture 1: Additional Software: Downloading, Installing and Using 7zip Application

Lecture 2: External CSS Implementation & Targeting Mutliple ELements

Lecture 3: How Commenting Works in HTML & CSS?

Lecture 4: Styling the Navigation List, Header and Using Fonts

Lecture 5: Using DIV, Class Attributes and CSS Float Property

Lecture 6: Clearing Floats and Styling the Footer

Lecture 7: Creating CSS Classes in Advance for Future Use

Chapter 4: Javascript Implementation

Lecture 1: Getting Started with JAVASCRIPT

Lecture 2: JavaScript Events, Variables and Generic Function

Lecture 3: Customized Function and Generic Function Implementations

Lecture 4: Manipulating Page Content and Using ID to Target HTML Elements

Lecture 5: JavaScript Change Event and Dropdown List

Lecture 6: Increment Decrement Implementation in JavaScript Part 1: HTML

Lecture 7: Increment Decrement Implementation in JavaScript Part 2: CSS

Lecture 8: Increment Decrement Implementation in JavaScript Part 3: JavaScript

Chapter 5: Bootstrap: An Open-Source CSS Framework

Lecture 1: Introduction To Bootstrap

Lecture 2: Bootstrap Installation Method 1: Using CDN Link

Lecture 3: Bootstrap Installation Method 2: Download and File Integration (Offline)

Lecture 4: Familiarizing Files Included In The Bootstrap Distribution

Lecture 5: Familiarizing Minified and Non-minified Bootstrap Files

Lecture 6: Bootstrap Installation Method 3: Copying the Code from CDNs

Lecture 7: Exploring Bootstrap Classes, Forms & Components

Lecture 8: Bootstrap Grid Basic Layout

Lecture 9: Extracting Codes from Bootstrap and Working With Columns

Lecture 10: Understanding Bootstrap Column Breakpoints

Lecture 11: Bootstrap Carousel/Slider

Lecture 12: Creating a Table Using Bootstrap

Lecture 13: MINI-PROJECT: Create A Webpage Using Bootstrap Part 1

Lecture 14: MINI-PROJECT: Create A Webpage Using Bootstrap Part 2

Chapter 6: Programming with PHP

Lecture 1: Your First Formal PHP Script in an HTML Page

Lecture 2: Variables: Storing Data

Lecture 3: Coding Challenge 1

Lecture 4: Coding Challenge 1: Solution

Lecture 5: PHP Data Types

Lecture 6: Working with Strings in PHP

Lecture 7: PHP Operators

Lecture 8: If and If Else Statement

Lecture 9: If ElseIf Statement (Multiple Condition)

Lecture 10: If ElseIf, Logical Comparison Operators and String Operators

Lecture 11: PHP If Else Application Within HTML

Lecture 12: PHP Arrays: Indexed Array

Lecture 13: PHP Arrays: Associative Array

Lecture 14: PHP Arrays: Multidimensional Array

Lecture 15: While Loop

Lecture 16: For Loop

Lecture 17: Do While Loop

Lecture 18: Coding Challenge 2: Apply Your Knowledge In Loops

Lecture 19: Coding Challenge 2: Solution

Lecture 20: Coding challenge 3: Loops Application Within HTML

Lecture 21: Coding Challenge 3: Solution

Lecture 22: Using Loops with Arrays

Lecture 23: Array Functions with Loops

Lecture 24: Foreach Loop

Lecture 25: Break and Continue

Lecture 26: Coding Challenge 4: Displaying Array Data on HTML Table Using Loops

Lecture 27: Coding Challenge 4: Solution

Lecture 28: User-Defined Functions

Chapter 7: PHP & SQL Intermediate

Lecture 1: PHP Include: Eliminating Duplicate Code

Lecture 2: Post Superglobal: Capturing Data From a Form

Lecture 3: Form Action Attribute: Submitting Data To Another Page

Lecture 4: Coding Challenge 5: Data Submission

Lecture 5: Coding Challenge 5: Solution

Lecture 6: GET Superglobal

Lecture 7: Using $_GET To Capture Data From URL

Lecture 8: Getting Started with SQL: Creating Our First Database

Lecture 9: Creating Our First Table

Lecture 10: Creating Records: Inserting Data in MySQL

Lecture 11: Reading/Selecting Records: SQL SELECT Statement

Lecture 12: Updating Records: SQL UPDATE Statement

Lecture 13: Deleting Records: SQL DELETE Statement

Lecture 14: Coding Challenge 6: Creating Records and Adding Columns

Lecture 15: Coding Challenge 6: Solution

Lecture 16: Connecting Website To Database

Lecture 17: Fetching Data From Database Part 1

Lecture 18: Fetching Data From Database Part 2

Lecture 19: Displaying Database Content On A Formatted HTML Table

Lecture 20: Coding Challenge 6: While Loop Implementation to Generate Numbers in a Column