Testing Web Site Performance

Jokes go under the microscope in the Laugh Lab! Comics test their material on you, the audience – laugh, groan or just shout a rating out of 10, it's all good feedback. WARNING: may include workshopping of punchlines. *Comedy by Beats* brings laughs, drinks, and good vibes to Central every week. Grab a cocktail, grab a seat, or grab the mic – it’s open to everyone. **📅 Every Tuesday \| 🕗 Show starts 8\.30pm \(Happy hour 7–10pm\!\)** 📍 6/F Parekh House, 63 Wyndham Street 雲咸街63號 巴力大廈6樓 **💸 FREE admission \| 🎤 Performer sign\-up onsite** Come early for the drinks, stay for the laughs.

Please find the event details on the link(s) / 請點擊連結查看活動詳情: https://happywednesday.hkjc.com/zh-HK/ https://happywednesday.hkjc.com/en-US/schedule/

Open mic poetry night at the Social Room. Come, listen or read, your own or others' poetry —the choice is yours. With two rounds, the first being a round-the-room chance to read, the second after a break, where it's a free-for-all, where anyone can step up and take the mic, love the mic, BE the mic. **Free entry and 2-4-1 drinks until 9pm!**

Join us for a **casual, low-structure, relaxed** 1.5-hour writing meetup designed for writers who want to connect with others in a supportive, no-pressure environment to come and go as you wish, whenever. Whether you're a poet, novelist, blogger, or write in non-natural languages, we welcome every night owl! **What to Expect:** Nothing structured, this is a casual Schelling point for people who happen to write at night. If you are looking for a large group, high-effort, strongly organised event, this is probably not the one for you. If there are new members joining us, we'll start with some introductions, dive into focused writing time on your personal project, and then, optionally, share a short reflection about our writing at the end. **What to Bring:** * A writing project * Something to write with (notebook and pen, laptop, tablet - whatever you prefer) * A curious mind **Finding Us:** Look for the corner table

Urban Run hosted by the Wazup Running Club (WRC) Join us for a fun run on the Wednesday night and meet this supportive running community. WRC will have captains leading the run, and the event is suitable for runners at all levels. Meeting time: 19:30 Duration: 1h30m Meeting point: THE STATION - 18 Upper Station Street. Sheung Wan. Route: THE STATION < > Central Promenade Distance: 4km - 7km Bag Drop: Available More about WRC: www.instagram.com/wazuprunning

Ignore the waitlist, message us here or on instagram (barhop.hongkong) to sign up. Every Wednesday, our Speakeasy Bar Hop will take you to enjoy top-tier drinks at different secret locations in Central Hong Kong, ending the night on a lively dance floor. Get ready for an unforgettable night of mystery, great vibes, and exceptional craft cocktails, including VIP secret access to a private lounge! Join the Hong Kong Bar Hop for a lively night of quality drinks and making new friends in the vibrant city of Hong Kong. Whether you're a local looking to expand your social circle or a visitor wanting to experience the nightlife scene, this event is perfect for anyone who enjoys great conversations over drinks. **What Is Included:** * Free entry to 3 hidden locations and a final dance club * One complimentary cocktail shot at each bar * Free bottle and table service at the dance club * VIP secret access to a private lounge **Entry fee:** $150 **Walk ins:** $180 Reserve your spot through FPS/Payme to 68293890 Or Credit Card or Apple Pay: https://buy.stripe.com/9AQbJMgfE1XJfAc145 *Different bar hopping route every Wednesday **Craft cocktails priced $100-150 on average T&C on our website (www.barhophongkong.com)

Come for another casual gathering and chat with peers in the software & technology community. Bring your smile and relax with a refreshing drink. **Concept** 🍻 It works simple: 1. feel free to arrive and leave at any time during the event 2. get yourself a drink at the bar or convenience store 3. say hi to someone in the group and chat away. **How to find us?** 👀 Bart/Stephen usually wear something that is easy to spot in a crowd. Often it's a bright coloured t-shirt or something orange themed. Have a look at past photos of meetups to recognise him. Moreover, we usually stand close to the bar. **Venue** 📍 **The Beer Bay** is an **outdoor kiosk/bar**, situated at the walkway between the Central Ferry Piers, at the ground level **entrance of Central Ferry Pier #4** (to Lamma Island). There's plenty of space to stand, and various places to get drinks. Usually lots of people in conversation, and an overall casual and relaxed atmosphere. In summer it can get hot and sweaty, and winter a bit cold, but drinks are refreshing and nothing beats that skyline! **Toilets** 🚻 There is a public toilet at the end of the piers near pier 2, or you could walk to the IFC shopping mall nearby. **Drinks** 🍺🍷🍹🥤 The Beer Bay serves refreshing alcoholic drinks, such as cold drafts, wine and plenty of mixers too. There are also non-alcoholic options from other stands and convenience stores around as well. See you on Friday Apr 10!

**Speakers:** Haowen Huang - Senior Developer Advocate, Amazon Web Services Jacky Wu - Sr. Solutions Architect, Amazon Web Services **Language:** Cantonese **Important notes:** We’re partnering with AgentCon Hong Kong! Our community will join **AgentCon Hong Kong**, a global developer conference focused on AI Agents and autonomous AI organized by the Global AI Community. To attend this workshop, **you must register on the official AgentCon page by the Global AI Hong Kong chapter as well!** Registration on this User Group page **does not** grant venue access. **Official Registration (Required):** [https://globalai.community/chapters/hong-kong/events/agentcon-hong-kong/](https://globalai.community/chapters/hong-kong/events/agentcon-hong-kong/) *** **Important Notes for All Attendees** **1️⃣ Registration Required for Entry** All participants **must** register on the official AgentCon Hong Kong. Venue access will only be granted to people who appear on the official attendee list. **2️⃣ Lunch Ticket Eligibility** Attendees who: * **Check in during the morning session**, and * **Stay for and join the keynote** will receive a **lunch ticket**. **3️⃣ First‑Come‑First‑Served (If Over Capacity)** In case of high demand, lunch tickets will be distributed **on a first‑check‑in, first‑served basis**. Arrive early to secure your ticket. **Join AgentCon and learn about agents. We are happy to have a workshop that day.** **Description:** Generative AI tools have democratized software development, enabling both developers and non-technical users to build applications efficiently. However, these tools struggle with enterprise-level challenges: inadequate project planning, unstructured workflows, poor enterprise integration, and inconsistent code quality. Kiro, AWS's AI IDE tool, addresses these gaps by integrating specification-driven development, structural design, test validation, and automated execution into a standardized, traceable workflow. At re:Invent 2025, AWS launched “Kiro Powers”—extensible capability packages that inject domain-specific expertise into Kiro AI agents. Each Power provides: \- Domain guidance via steering files \(POWER\.md\) \- Tool integration \(MCP services for databases\, payments\, deployment\) \- Automated Hooks for event\-driven actions \(API testing\, infrastructure code generation\) Unlike traditional coding assistants, Kiro + Powers covers the entire development lifecycle—from requirements to deployment—while reducing token costs and ensuring consistent code quality. We'll demonstrate Kiro's capabilities by building a game using Specs, Powers, and Hooks, showcasing its enterprise-grade advantages in planning, automation, and quality assurance. **First come, first served if the number of attendees exceeds capacity!**

(Partner's Event) English Corner Time: Every Wed, Fri & Sun 19:00 - 23:00 Location: The Crazy Coconut Bar, ShenZhen Longhua Baishilong, 3rd floor, 3N100, Above Metro Exit B2 (BaiShiLong Metro Station) 瘋狂酒吧， 深圳龍華白石龍地鐵站B2上方，3樓 Refer to the picture for details on the BBQ Sat event.

**[TBC Improv HK](https://www.eventbrite.hk/e/tbc-improv-presents-improv-comedy-fun-tickets-1248488806629?aff=oddtdtcreator&_gl=1%2A8thwz7%2A_up%2AMQ..%2A_ga%2ANTQ1MDA2ODIzLjE3NDk1NzA3NjM.%2A_ga_TQVES5V6SH%2AczE3NDk1NzA3NjMkbzEkZzEkdDE3NDk1NzA3NzQkajQ5JGwwJGgw) Presents: Fresh Takes** Come join us at the **Fringe Club** for a night of improvised fun! Our talented performers will be playing a fully improvised evening based on unique stories! It will be an evening full of characters and silliness, everything created on the spot based entirely based on your suggestions. You never know what hilarious songs will be sung or what crazy characters will come to life - in fact neither do the performers! Each performance is entirely unscripted. Don't miss out on this unique experience of **improv** right here at **The Fringe (The Dairy Theatre)**! Doors open 7:45pm Show starts 8:00pm **Tickets!** Get your tickets ***[here](https://www.eventbrite.hk/e/tbc-improv-presents-fresh-takes-a-night-of-fully-improvised-comedy-tickets-1427956770139?aff=ebdsshcopyurl&utm-campaign=social&utm-content=attendeeshare&utm-medium=discovery&utm-term=organizer-profile&utm-share-source=organizer-profile)***. **Improv** We have no scripts prepared — each performance we take fresh suggestions from the audience and incorporate them into the night's show. New scenes performed for one night only. Not to be missed! [Learn more about TBC Improv HK >](https://www.tbcimprov.hk/ "https://www.tbcimprov.hk/") **The Fringe Dairy Theatre** Join us at the **The Fringe Dairy Theatre** at The Fringe. The venue is on ground floor accessible through the main door. [Learn more about the Fringe >](https://www.hkfringeclub.com/ "https://www.hkfringeclub.com/")

We’re excited to partner with AgentCon Hong Kong, the global developer conference focused on AI Agents and autonomous AI! Our community will be hosting a full day of workshops and talks alongside the AgentCon Hong Kong program. Below is the full agenda for our sessions. Come learn, build, and explore the future of AI Agents with us! **Activities:** 1. AI IDE - Kiro Hands-on Workshop x AgentCon Hong Kong 2. Building Multi-Agent Systems in Finance with Strands Agents and Bedrock AgentCore on AWS. 3. Governing AI Agents in Production: From Experiment to Engineering System 4. Empower Team Wide Vibe Coding with LLM Gateway and Security-First MCPs 5. What can go wrong when you ask your agent to go naughty? **AI IDE - Kiro Hands-on Workshop x AgentCon Hong Kong** *[Haowen Huang](https://www.linkedin.com/in/haowenhuang/) \- Senior Developer Advocate\, Amazon Web Services* *[Jacky Wu](https://www.linkedin.com/in/jackywu1/) \- Sr\. Solutions Architect\, Amazon Web Services* Time: 10:40 am Generative AI tools have democratized software development, enabling both developers and non-technical users to build applications efficiently. However, these tools struggle with enterprise-level challenges: inadequate project planning, unstructured workflows, poor enterprise integration, and inconsistent code quality. Kiro, AWS's AI IDE tool, addresses these gaps by integrating specification-driven development, structural design, test validation, and automated execution into a standardized, traceable workflow. At re:Invent 2025, AWS launched “Kiro Powers”—extensible capability packages that inject domain-specific expertise into Kiro AI agents. Each Power provides: \- Domain guidance via steering files \(POWER\.md\) \- Tool integration \(MCP services for databases\, payments\, deployment\) \- Automated Hooks for event\-driven actions \(API testing\, infrastructure code generation\) Unlike traditional coding assistants, Kiro + Powers covers the entire development lifecycle—from requirements to deployment—while reducing token costs and ensuring consistent code quality. We'll demonstrate Kiro's capabilities by building a game using Specs, Powers, and Hooks, showcasing its enterprise-grade advantages in planning, automation, and quality assurance. **First come, first served if the number of attendees exceeds capacity!** **To join this workshop, you need to register at [AWS AI User Group Hong Kong](https://www.meetup.com/aws-ai-user-group-hong-kong/)** https://www.meetup.com/aws-ai-user-group-hong-kong/events/313334952/ **Building Multi-Agent Systems in Finance with Strands Agents and Bedrock AgentCore on AWS.** *[Haowen Huang](https://www.linkedin.com/in/haowenhuang/) \- Senior Developer Advocate\, Amazon Web Services* *[Jacky Wu](https://www.linkedin.com/in/jackywu1/) \- Sr\. Solutions Architect\, Amazon Web Services* Time: 1:15 pm This session explores practical implementations of AI agents for financial services on AWS. Discover how to design multi-agent systems with the Strands Agents framework and Bedrock AgentCore for complex financial workflows—from quantitative backtesting to AI fund manager. You'll learn multi-agent patterns, and agent orchestration techniques. Walk away with concrete architectural patterns and implementation strategies for building production-ready AI agents in finance. **Governing AI Agents in Production: From Experiment to Engineering System** *[Mike Ng](https://www.linkedin.com/in/ngsinching/) \- ex\-AWS Community Builder* Time: 2:30 pm Most AI governance discussions assume AI will "do the right thing" with properguidelines. This talk takes a different approach: assume drift, error, and misalignment by default, then design mechanical structures that make bad behavior expensive. The core idea: systems are defined by what they refuse to do, not what they can do. For AI in production, governance means explicit rejection zones, constitutional constraints that cannot be bypassed, and separation between decision-making and execution. Five governance patterns: constitutional constraints (forbidden states and behaviors), rejection zones (where AI cannot operate), separation of powers (decision ≠ execution ≠ validation), retrieval-led reasoning (grounding over pre-training), and mechanical enforcement (architecture over policy). Developed while preparing experimental multi-agent systems for production deployment in FinTech, where mistakes are irreversible and governance is survival, not choice. **Empower Team Wide Vibe Coding with LLM Gateway and Security-First MCPs** *[Gabriel Koo](https://www.linkedin.com/in/gabrielkoo/) \- AWS Community Builder & Senior Lead Engineer at Bowtie Life Insurance* *[Rakshit Jain](https://www.linkedin.com/in/rakshit-jainn/) \- AI Engineer II* *Bowtie Life Insurance* Time: 3:00 pm Scaling AI-assisted development from a few enthusiasts to 50+ software engineers isn't just about API keys - it's about governance, trust, and standardized workflows. How do you prevent "shadow AI" and budget chaos while granting safe access to production context? At Bowtie, we adopted a layered security-first approach: First, control the traffic; second, secure the tools; third, standardize the behavior. This session covers our journey building a production-grade Vibe coding platform: Layer 1: The AI Gateway (LiteLLM on AWS Fargate + Amazon RDS) We established a centralized choke point for all AI traffic. This enables cost attribution, DLP detection, and usage visibility. Crucially, we enforce this at the network level - blocking direct access to non-official API providers to ensure all usage is visible and governed. Layer 2: Security-First MCP servers We treat AI agents as "CLI versions" of our internal web apps. By building custom Model Context Protocol (MCP) servers that reuse existing permissions and authentications - using Amazon Cognito for internal APIs and OAuth for official SaaS MCP servers - the AI acts as a delegate of the developer with human approvals. No new service accounts, no "god-mode" bots - if you can't do it in the existing user interfaces, the Agent can't do it via MCPs. Layer 3: Custom Skills for Standardization Beyond just tools, we write custom Skills to guide the model's behavior, ensuring generated code aligns with our engineering standards and SOPs (e.g. grab a ticket, fetch knowledge base, apply a fix, close the ticket) before a PR is even opened. Walk away with an architectural blueprint for democratizing AI access that satisfies the strictest security requirements while giving developers the friction-free vibe coding experience they crave. **What can go wrong when you ask your agent to go naughty?** *[Richard Fan](https://www.linkedin.com/in/richardfan1126/) \- AWS Hero \| An independent security researcher* Time: 3:30 pm We security folks all want to secure the AI agents, restricting their capability, putting guardrails, using system prompts, ... just to make sure the agents don't go rogue. But what if the AI agent is specifically designed to do bad things? Suddenly, the rule is changed. The instructions are encouraging agents to make harm, and the guardrails are half-opened, so as to allow the agent to do its job. In this scenario, what can go wrong? In this session, Richard will talk about AWS Security Agent, an AI agent designed to do automated penetration tests. He will share the security issues he found on the agent and highlight the challenges when building agents that simulate harmful actions. **Important notes:** We’re partnering with AgentCon Hong Kong! Our community will join **AgentCon Hong Kong**, a global developer conference focused on AI Agents and autonomous AI organized by the Global AI Community. To attend this workshop, **you must register on the official AgentCon page by the Global AI Hong Kong chapter as well!** Registration on this User Group page **does not** grant venue access. **Official Registration (Required):** [https://globalai.community/chapters/hong-kong/events/agentcon-hong-kong/](https://globalai.community/chapters/hong-kong/events/agentcon-hong-kong/) **Important Notes for All Attendees** **1️⃣ Registration Required for Entry** All participants **must** register on the official AgentCon Hong Kong. Venue access will only be granted to people who appear on the official attendee list. **2️⃣ Lunch Ticket Eligibility** Attendees who: * **Check in during the morning session**, and * **Stay for and join the keynote** will receive a **lunch ticket**. **3️⃣ First‑Come‑First‑Served (If Over Capacity)** In case of high demand, lunch tickets will be distributed **on a first‑check‑in, first‑served basis**. Arrive early to secure your ticket. **Join AgentCon and learn about agents. We are happy to have a workshop that day.**

Meetup New Friends at Central HK (Free Entry) Time: Friday night usually \~7:30pm to 10pm (Weekly) Location: Central Market G/F (Center area), Central Hong Kong. 香港中環與新朋友見面 (Free Entry) 時間：週五晚上(通常) \~7:30pm 至 10pm（每週） 地點：香港中環中環街市地下（中心區）

LSS Smart Fitness 律動班系列 Wed/Sun $100/ 1-hr class ($350 /4-class) Please RSVP one week in advance Welcome to book other time slot (WhatsApp 65230389) Vibration x MFR 療癒律動 (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 Vibration x BellyFit 美型律動 (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Yoga Asana in vibration setting) https://eshop.cosway.com.hk/ One FREE trial class with any Cosway purchase receipt over HK$1000 under introducer code : HK370579B 以 HK370579B 作介紹人的 Cosway (網購或門市)購物消費，逾 HK$1000，可免費試上律動班系列一節

Interested in seeing what The Alliance has been working on in 2026? Come be our practice audience as we prepare to sing at JAD/CAR Preliminary Contest! We will be debuting our brand new contest set, and you won't want to miss it! Our chapter quartets, Intermission Quartet and Coffee Talk will also be performing! This is a free event!

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. 4. As the Etch toolset evolves, so too will the class outline below. **Introduction:** Our Site Building with Etch class provides detailed instructions on the philosophy of the Etch development framework, as well as in-depth, hands-on instruction on using the Etch environment and associated tools. Anyone familiar with Kevin Geary and the Digital Gravy set of products will tell you that they offer ground-breaking approaches to professional WordPress site development. As we write this, the Etch toolset and environment are rapidly taking shape, with weekly quantum leaps forward in WordPress development methodologies. As early investors in the Etch product offering and its development process, we are actively testing and evaluating the toolset as it takes shape. We are beyond excited to see how WordPress site development is being modernized, and can't wait to bring this course set to you. It will be a paradigm shift in page and site development within WordPress, as well as moving your development mindset light-years forward. Join us as we explore Etch and dive deep into development approaches that will genuinely elevate your craft as a website developer and agency provider. Scalable, responsive, compliant websites are now within easy reach, and Etch provides both the platform and toolset to take you there. **The breakdown of the 10-class series is as follows:** * Class 01 - TBD * Class 02 - TBD * Class 03 - TBD * Class 04 - TBD * Class 05 - TBD * Class 06 - TBD * Class 07 - TBD * Class 08 - TBD * Class 09 - TBD * Class 10 - TBD Throughout the class sessions listed above, we cover the following key areas of web development with Etch: * **Introduction to Etch Interface:** * Familiarization with the toolset's layout and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Etch's interface, incorporating sections, divs, containers, and elements to build semantically correct page structures. * **Styling and Design:** * Utilizing Etch's styling approach to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box, and even built-in fields) to build data-driven websites. * **Component Building:** * Creating and managing reusable components for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Etch contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Etch, catering to both beginners and experienced web developers alike.

**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 You will need to scan your ID at the door to get a visitor badge. **Abstract** GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise. We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration. Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team. **YouTube Link** TBD

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.