Workshop Agenda
1. Welcome and Overview (5 mins)
Quick overview of web development, why it's important, and what we’ll cover in the session.
2. HTML Basics (15 mins)
Introduction to HTML, the language that structures web content.
- Explain the role of tags, elements, and attributes.
- Brief example: Creating a simple HTML document with a header, paragraph, and link.
Hands-On Exercise: Build a simple HTML page with your name as the heading, a short paragraph about you, and a link to a favorite website.
3. CSS Basics (15 mins)
Introduction to CSS, the language that styles web pages.
- Explain the use of CSS selectors and properties.
- Brief example: Adding background colors, font styles, and spacing.
Hands-On Exercise: Style your HTML page by adding colors, font choices, and spacing using CSS.
4. Introduction to JavaScript (20 mins)
Introduction to JavaScript for basic interactivity.
- Explain variables, simple functions, and how to connect JavaScript to HTML.
- Brief example: Adding a button that displays a message when clicked.
Hands-On Exercise: Add a button to your page that shows an alert with a custom message when clicked.
5. Wrap-Up and Q&A (5 mins)
Review key points, answer questions, and share additional resources for further learning.
Additional Resources