Full-Stack Development

Full Stack Web Development Course Outline
Frontend HTML, CSS and  JavaScript) | Backend PHP & SQL
Course Overview
This course is designed to equip students with the knowledge and practical skills required

to build complete web applications from scratch. Students will learn frontend technologies for creating responsive user interfaces and backend technologies for developing dynamic, database-driven applications.

By the end of this course, students will be able to build and deploy fully functional web applications.

Module 1: Introduction to Web Development

Objectives

• Understand how the web works

• Client-side vs Server-side

• Frontend vs Backend

• Understanding web browsers

• Web hosting and domains

• Installing development tools

Tools

• Visual Studio Code

• XAMPP

• Web Browser

• Git & GitHub (Introduction)

Module 2: HTML Fundamentals

Introduction to HTML

• HTML Structure

• HTML Tags

• Elements and Attributes

• Headings

• Paragraphs

• Comments

Working with Text

• Formatting Text

• Lists

• Links

• Images

Tables

• Creating Tables

• Table Headers

• Rowspan

• Colspan

Forms

• Input Fields

• Textarea

• Radio Buttons

• Checkboxes

• Select Menu

• File Upload

• Buttons

• Form Validation

Semantic HTML

• Header

• Nav

• Section

• Article

• Aside

• Footer

HTML5 Features

• Audio

• Video

• Iframe

• Canvas

• SVG

Module 3: CSS Fundamentals

CSS Introduction

• Inline CSS

• Internal CSS

• External CSS

CSS Selectors

• Element

• Class

• ID

• Attribute

• Pseudo Classes

• Pseudo Elements

CSS Properties

• Colors

• Background

• Typography

• Borders

• Margin

• Padding

• Width

• Height

Box Model

• Content

• Padding

• Border

• Margin

Positioning

• Static

• Relative

• Absolute

• Fixed

• Sticky

Flexbox

• Flex Container

• Flex Items

• Alignment

• Justify Content

• Wrap

CSS Grid

• Grid Layout

• Columns

• Rows

• Areas

Responsive Design

• Media Queries

• Mobile First Design

• Responsive Images

CSS Animation

• Transition

• Transform

• Keyframes

Module 4: Bootstrap Framework

• Introduction to Bootstrap

• Grid System

• Typography

• Buttons

• Cards

• Navbar

• Forms

• Tables

• Alerts

• Carousel

• Modal

• Responsive Utilities

• Icons

Module 5: JavaScript Fundamentals

Introduction

• Variables

• Data Types

• Operators

• Comments

Control Statements

• if

• else

• switch

Loops

• for

• while

• do while

• for...of

• for...in

Functions

• Function Declaration

• Parameters

• Return Values

• Arrow Functions

Arrays

• Creating Arrays

• Methods

• Iteration

Objects

• Properties

• Methods

DOM Manipulation

• Selecting Elements

• Events

• Changing HTML

• Changing CSS

• Creating Elements

• Removing Elements

Events

• Click

• Submit

• Keyboard

• Mouse

ES6 Features

• let

• const

• Template Literals

• Destructuring

• Spread Operator

Fetch API

• GET Request

• POST Request

• JSON

• Async/Await

Local Storage

• Saving Data

• Retrieving Data

• Removing Data

Module 6: Mini Frontend Projects

Students will build:

• Calculator

• To-Do List

• Weather App

• Image Gallery

• Quiz App

• Portfolio Website

Module 7: Introduction to PHP

PHP Basics

• Installing XAMPP

• PHP Syntax

• Variables

• Constants

• Operators

• Comments

Control Structures

• if

• switch

• Loops

Functions

• Built-in Functions

• User-defined Functions

Arrays

• Indexed Arrays

• Associative Arrays

• Multidimensional Arrays

String Functions

Date & Time Functions

Module 8: Working with Forms in PHP

• GET Method

• POST Method

• Form Validation

• Sanitization

• File Upload

• Sending Emails

Module 9: PHP and MySQL

Database Basics

• Introduction to SQL

• Database Design

• ER Diagrams

• Primary Keys

• Foreign Keys

SQL Commands

• CREATE DATABASE

• CREATE TABLE

• INSERT

• SELECT

• UPDATE

• DELETE

• ORDER BY

• GROUP BY

• LIMIT

• JOIN

• Views

• Indexes

Module 10: Connecting PHP to MySQL

• MySQLi

• PDO

• Database Connection

• Prepared Statements

• CRUD Operations

• Transactions

• Error Handling

Module 11: Authentication System

Students will build:

• Registration

• Login

• Logout

• Password Hashing

• Sessions

• Remember Me

• Password Reset

• User Roles

• Access Control

Module 12: CRUD Appl