Week 1: Web Design Fundamentals & UI/UX

• How the web works (frontend vs backend)
• Website types & use cases
• UI/UX principles (usability, accessibility)
• Color theory, typography, layouts
• Wireframing & prototyping with Figma
• Practical: Design a full website layout (Home, About, Contact)

Week 2: HTML5 – Website Structure

• HTML document structure
• Semantic HTML
• Images, links, multimedia
• Forms and input types
• Accessibility basics
• Practical: Build a multi-page website structure

Week 3: CSS3 & Responsive Design

• CSS selectors & properties
• Box model
• Flexbox & Grid
• Responsive design & media queries
• Animations & transitions
• Practical: Create a fully responsive website

Week 4: JavaScript & Frontend Interactivity

• JavaScript fundamentals
• DOM manipulation
• Events & functions
• Form validation
• Interactive UI elements
• Practical: Add dynamic behavior to website pages

Week 5: PHP Fundamentals (Backend Development)

• Introduction to backend & server-side scripting
• PHP syntax & variables
• Conditions & loops
• Forms handling (GET & POST)
• File structure & includes
• Practical: Process contact forms using PHP

Week 6: PHP & MySQL (Dynamic Websites

• Introduction to databases
• MySQL basics
• PHP–MySQL connection
• CRUD operations (Create, Read, Update, Delete)
• Basic authentication (login system)
• Practical: Build a simple dynamic system (e.g., user registration)

Week 7: WordPress & CMS Development

• CMS concepts & use cases
• Installing WordPress (local & live)
• Themes, plugins & customization
• Pages, Posts & Content Management
• Page Builders & Visual Editing
• E-Commerce Introduction
• Intro to PHP in WordPress (theme files, functions.php)
• WordPress security & backups
• Practical: Develop a WordPress business website

Week 8: Deployment, SEO & Final Project

• Domain & hosting setup
• cPanel & FTP
• Deploying PHP & WordPress websites
• SEO fundamentals
• Website optimization & security

Final Project:

• • Build and deploy a complete dynamic website
  • Project presentation & portfolio setup

• Learn how to use the well-known content management system WordPress, which will enable you to easily create dynamic websites.
• Create interesting and dynamic web experiences by building a solid foundation in HTML, CSS, and JavaScript.
• To make sure your websites look fantastic on all devices and screen sizes, learn responsive design ideas and practices.
• Learn about web deployment and hosting to launch your websites and make them available to everyone.
• Learn how to create websites that are both aesthetically beautiful and user-friendly, maximizing the user experience.
• Ideal for front-end engineers, web designers, and aspiring business owners wishing to expand their skill set.
• Get competitive advantage by learning from knowledgeable instructors who can share insightful knowledge and best practices from the business.

• Design:Figma, Adobe XD, Canva
• Development:HTML5, CSS3, JavaScript
• Frameworks/Libraries:Bootstrap
• CMS:WordPress
• Version Control:Git & GitHub (intro)
• Deployment:cPanel, FTP, Netlify (optional)