• Overview of Course
• Career Path
• Tools Installation: VS Code, Browser
• Project Folder Structure

• HTML Boilerplate and Doctype
• Tags, Elements, Attributes
• Head vs Body Structure
• Headings, Paragraphs, Line Breaks
• Lists: Ordered, Unordered, Nested

• Image Tag and Attributes
• Embedding YouTube Videos
• Audio/Video Tags with Controls
• Anchor Links (Email, Phone, External)
• HTML Iframes (Google Maps, Websites)

• What Is CSS & Why It Matters
• Types of CSS: Inline, Internal, External
• CSS Syntax: Selector, Property, Value
• Colors: HEX, RGB, HSL
• Fonts, Text Styles, and Decoration

• Box Model: Margin, Border, Padding, Content
• Display Types: Block, Inline, Inline-Block
• Positioning: Static, Relative, Absolute
• z-index and Stacking Order
• Best Practices for Clean Layout

• What Is Bootstrap & Why Use It
• Adding Bootstrap to Project
• Bootstrap Grid System (Containers, Rows, Columns)
• Breakpoints & Responsiveness
• Utility Classes & Spacing

• Navbar with Dropdown
• Cards with Images/Text
• Buttons & Button Groups
• Forms with Validation Classes
• Modal, Carousel, and Alerts

• What Is JavaScript & DOM
• Variables (var, let, const)
• Data Types and Operators
• Functions (Regular & Arrow)
• Console.log and Debugging

• Conditionals: if, else, switch
• Loops: for, while, forEach
• Arrays & Objects Basics
• DOM Manipulation (getElement, querySelector)
• Event Listeners (click, submit, input)

• What Is jQuery and Why Use It
• jQuery Syntax and Selectors
• DOM Manipulation Using jQuery
• jQuery Events (click, hover, toggle)
• Effects: hide/show, slide, fade

• Project Brief & Asset Collection
• Folder Structure and HTML Setup
• Header Layout with Logo and Nav
• Hero Section with Image/Text CTA
• Few Section Design

• Few Section Design
• Complete CSS
• Responsive with Media Query
• Final Code Cleanup & Deploy

• Build a Responsive Page/Section from Scratch
• Apply HTML Tags
• Use CSS
• Integrate Bootstrap
• Add Basic JavaScript

• What Is Branding? Importance in Digital Space
• Creating Your Unique Brand Identity
• Building a Personal Portfolio
• Social Media Active

• Understand Client Needs
• Write Professionally
• Gather Requirements
• Handle Feedback
• Use Communication Tools

• Fiverr Intro
• Fiverr History
• Create Fiverr Profile
• Write Bio & Add Skills
• Upload Photo & Set Tags

• Create Gig Step-by-Step
• Write Gig Title & Description
• Set Pricing & Delivery
• Add FAQ, Tags & Images

• Understanding Domain Names and DNS
• Choosing Reliable Hosting Providers
• cPanel and File Manager Basics
• Deploying a Static Site via FTP
• Domain Connection with Hosting

• What Is WordPress & How It Works
• Installing WordPress Locally and on Server
• Themes: Choosing, Installing, Activating
• Customizing Site Identity and Menu
• Managing Pages and Widgets

• Installing and Using Page Builders (Elementor)
• Creating Custom Home Page Layout
• Using Sections, Columns & Widgets in Elementor
• Responsive Design with Elementor
• Saving and Reusing Templates

• Installing Plugins (Forms, SEO, Security)
• Creating Contact Forms with WPForms
• Installing Starter Templates
• Theme Customizer vs Full Site Editor
• Best Practices for Lightweight Design

• Creating and Managing Blog Posts
• Categories and Tags
• Featured Images and Excerpts
• Scheduling Posts and Sticky Posts

• Creating New Pages
• Managing Navigation Menus
• Nested Menus and Custom Links
• Setting Static Home Page

• Must-Have Plugins for Any Website
• Installing and Configuring Plugins
• SEO Plugin (Yoast/RankMath) Setup
• Security Plugin (Wordfence) Overview

• Installing WPForms / Contact Form 7
• Creating Custom Forms
• Adding Forms to Pages/Posts
• reCAPTCHA Setup and Email Delivery

• SEO-Friendly URL Structure
• Meta Titles & Descriptions
• Image Optimization & ALT Tags
• XML Sitemap and Robots.txt

• Measuring Website Speed (GTmetrix, PageSpeed)
• Caching Plugins Setup (WP Super Cache)
• Lazy Load Images and Minification
• Hosting and CDN Tips

• Installing WooCommerce Plugin
• Configuring Basic Store Settings
• Adding Simple Products
• Creating Shop, Cart, Checkout Pages

• Variable Products and Attributes
• Coupon Management and Discounts
• Shipping and Tax Configuration
• Order Management & Email Templates

• Using UpdraftPlus or All-in-One WP Migration
• Manual Backup via cPanel
• Restoring a Site from Backup
• Migrating to New Domain/Host

• Benefits of Using AI in Web Dev
• ChatGPT for Content and Coding
• Copilot for Auto-Completion in VS Code
• AI Tools for Naming and Branding

• Intro to 10Web.io and Durable.co
• Auto-generation of Layouts
• Content and Image AI Integration
• Pros & Cons of AI-built Sites

• Build Site with GravityWrite
• Build Site with Elementor AI
• Build Site with ZipWP
• Build Site with B12 AI

• Create Upwork Account
• Set Up Professional Profile
• Add Skills, Title & Overview
• Upload Photo & Work History

• Write Winning Proposals
• Find & Filter Job Posts
• Submit Proposals with Cover Letters
• Tips for First Job Success

• Build a Complete Responsive Website
• Use HTML, CSS, JS, Bootstrap, WordPress
• Submit Live Link or GitHub Repo

2-hour Build + 1-hour Viva/Demo