Scribd
Upload
2 views4 pages

Full Stack Web Development With HTML (1)

This 75-hour course provides comprehensive training in full stack web development using HTML, CSS, JavaScript, PHP, and MySQL. Students will engage in hands-on projects, culminating in a capstone project that involves building a full-stack web application. By the end of the course, participants will be equipped to create responsive, interactive, and database-driven websites ready for deployment.

Uploaded by

josephgoldwin123
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2 views4 pages

Full Stack Web Development With HTML (1)

This 75-hour course provides comprehensive training in full stack web development using HTML, CSS, JavaScript, PHP, and MySQL. Students will engage in hands-on projects, culminating in a capstone project that involves building a full-stack web application. By the end of the course, participants will be equipped to create responsive, interactive, and database-driven websites ready for deployment.

Uploaded by

josephgoldwin123
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Full Stack Web Development with HTML, CSS, JavaScript, PHP &

MySQL Syllabus
Total Duration: 75 Hours
Overview:
This 75-hour intensive course is designed to equip learners with end-to-
end full stack web development skills using HTML, CSS, JavaScript, PHP, and
MySQL. Starting from the foundational building blocks of web development with
HTML and CSS, learners progressively master client-side scripting with
JavaScript and backend programming with PHP. The course also provides strong
coverage of MySQL for database management and teaches how to integrate front-
end and back-end technologies to build complete dynamic web applications.
Throughout the course, students engage in hands-on coding exercises,
mini-projects, and a capstone project that involves building a full-stack web
application such as a Product Listing Portal with features like login, form
handling, image uploads, database interaction, and admin dashboard. By the end
of the training, participants will be able to create responsive, interactive, and
database-driven websites and applications ready for real-world deployment.

➢ HTML5 – Structuring the Web


✓ Introduction to Web Development
✓ Basic HTML Tags (headings, paragraphs, lists, links)
✓ Forms & Input Controls (text, radio, checkbox, select, textarea)
✓ Tables and Semantic HTML5 Tags (header, nav, section, footer, article)
✓ Multimedia Elements (audio, video, iframe, embed)
✓ Hands-on:
o Build a personal bio webpage
o Create a form with validation structure

➢ CSS3 – Styling the Web


✓ CSS Syntax and Selectors
✓ Color, Backgrounds, Borders, Text Styling
✓ Box Model, Margin, Padding
✓ Layout Techniques (Flexbox, Grid)
✓ Pseudo-classes & transitions
✓ Responsive Design with Media Queries
✓ Hands-on:
o Convert HTML bio page to responsive design
o Design a product showcase grid
➢ JavaScript – Dynamic Interactions
✓ JavaScript Basics (variables, data types, operators, loops)
✓ Functions and Events
✓ DOM Manipulation (getElement, querySelector)
✓ Form Validation
✓ Arrays, Objects, and JSON
✓ ES6+ Features (let, const, arrow functions, template literals)
✓ Hands-on:
o Client-side form validation
o Create a dynamic todo list
o Build a JavaScript image slider
➢ PHP – Server-Side Programming
✓ Introduction to PHP and XAMPP
✓ Variables, Data Types, Arrays
✓ Control Structures (if, else, switch, loops)
✓ Functions, Sessions, and Cookies
✓ Working with Forms and $_POST, $_GET
✓ File Handling in PHP
✓ Uploading Files
✓ Email Sending in PHP
✓ Hands-on:
o Build a feedback form handler
o Login system using sessions
o Image upload script
➢ MySQL – Backend Database
✓ Introduction to Relational Databases
✓ SQL Basics (CREATE, SELECT, INSERT, UPDATE, DELETE)
✓ Primary Keys, Foreign Keys, Indexes
✓ Connecting PHP to MySQL (mysqli & PDO)
✓ CRUD Operations with PHP & MySQL
✓ Hands-on:
o Create a “users” table and perform CRUD
o Develop a contact manager (save, display, delete)
➢ Final Project & Integration
✓ Combine Frontend & Backend
✓ Build a full-stack application:
o User Registration & Login System
o Product Catalog with Search
o Contact Form with Database Storage
o Admin Dashboard to View Records
✓ Deployment Basics (Localhost to Live Server)
✓ Hands-on:
o Full project walkthrough with instructor
o Code review and error debugging sessions

You might also like