Introduction

• Welcome and Objectives
• Learning objectives: Understanding web technologies, HTML, CSS, JavaScript, and web application architecture
• Quick quiz on current knowledge of web technologies

Session 1: HTML & CSS

• Introduction to HTML
• Basic structure of an HTML document
• Common tags (headings, paragraphs, links, images, lists)
• Hands-on Activity: Create a simple HTML page
• Introduction to CSS
• CSS syntax and selectors
• Inline, internal, and external styles
• Hands-on Activity: Style the HTML page with CSS

Session 2: JavaScript basics

• Introduction to JavaScript
• The role of JavaScript in web development
• Basic syntax and data types
• Hands-on Activity: Add interactivity to the HTML page using JavaScript (e.g., form validation, simple animations)
• DOM manipulation
• Understanding the Document Object Model
• Selecting and modifying elements
• Hands-on Activity: Use JavaScript to dynamically change HTML content

Session 3: Web application architecture

• Client-server model
• An overview of how web applications work
• The role of client-side and server-side technologies
• Introduction to HTTP/HTTPS
• The basic concepts of HTTP/HTTPS protocols
• The importance of a secure communication
• APIs and AJAX
• Basics of APIs and how they are used in web applications
• Introduction to AJAX for asynchronous data loading
• Hands-on Activity: Fetch data from a public API and display it on the webpage

Wrap-up and Q&A

• Review key concepts
• Recap of HTML, CSS, JavaScript, and web application architecture
• Q&A session
• Address any questions
• Conclusion and next steps
• Resources for further learning
• Information on additional workshops and support