• To introduce learners to core concepts of web development

• To develop skills in front-end and basic back-end development

• To enable learners to design and build responsive websites

• To provide practical experience in HTML, CSS, JavaScript, and web tools

• To prepare learners for entry-level web developer roles

Upon completion, learners will be able to:

1. Understand how websites and web applications function

2. Create structured web pages using HTML and CSS

3. Develop interactive features using JavaScript

4. Design responsive and user-friendly websites

5. Build and deploy basic dynamic web applications

Module 1: Introduction to Web Development

• Overview of internet and web technologies
• Client-server architecture
• Web browsers and web servers
• Introduction to front-end and back-end development
• Web development workflow and tools (VS Code, Git basics)

Module 2: HTML5 and Website Structure

• HTML document structure
• Text, links, images, and multimedia
• Forms and input elements
• Semantic HTML
• Accessibility basics

Module 3: CSS and Responsive Design

• CSS syntax and selectors
• Box model and layout systems (Flexbox, Grid)
• Responsive design principles
• Media queries
• Bootstrap framework basics

Module 4: JavaScript Programming for Web

• JavaScript fundamentals (variables, loops, functions)
• DOM manipulation
• Events and form validation
• ES6 basics
• Introduction to JSON and APIs

Module 5: Web Integration and Deployment

• Front-end and back-end integration basics
• Introduction to server-side technologies (Node.js basics)
• Databases overview (MySQL/MongoDB basics)
• Website hosting and deployment
• Version control using Git and GitHub

Project