Web Standards

\~共享晚餐@大霸街： 多款美食於一條街，組員一起選擇，有地道茶餐廳/馬來西亞食品/日式料理/台灣小食/... \~欣賞Johannes Brahms曲目＠大會堂演奏廳： 浪漫主義音樂時期最重要的代表之一，戲劇張力/內斂輕柔/激情反覆；層次感/遼闊/熱烈/沉鬱/悲壯 Dinner @ any eatery in Tai Pa Street. Selected by group members together. Can be Hong-Kong-style cafe/ noodle shop/ Malaysian cafe/ Japanese restaurant/ Taiwanese snack/ ...) Enjoy *Johannes Brahms’* music played by Philharmonic Orchestra. Programme Highlights 精選曲目: *Johannes Brahms: Symphony No. 3 in F Major, Op.90* 布拉姆斯第三號交響曲F大調Op.90 *Johannes Brahms: Symphony No. 4 in E Major, Op.98*布拉姆斯第四號交響曲E小調Op.98 & extra more 還有其他 **日期：2026年4月6日(星期一) *公眾假期*** **時間：1)食飯:@6:15-7:15pm, 2)音樂:@7:30-9:15pm** **地點：荃灣** 名額：7人(同場另有公眾參與) 座位: E,F行 Date: 6 April, 2026 (Monday) *Public Holiday* Time: 1) Dinner @6:15-7:15pm @Ta Pa Street, 2) Music @7:30pm-9:15pm Address: Tsuen Wan Seat: 7 people limited (Other audience in event as well) Seating: row E,F Join: Click ‘Attend’-> Write down your 1)Contact number, 2)Male/Female, 4)Dinning together -> Get confirmation of being in the event through whatsapp 報名：按Attend-> 填寫1)聯絡電話號碼, 2)男/女, 4) 一起用餐否?-> whatsapp確認入選活動 Presented by 城大管弦樂團 首席指揮：趙啟強 CityU Philharmonic Orchestra Principal Conductor: Mr. Chiu Kai Keung MeetUp費用：自由定價價值. 報名：按Attend-> 填寫1)聯絡電話號碼, 2)男/女, 3)你願意付出此次活動費用, 4) 一起用餐否?-> 確認入選活動-> 繳費(入帳恆生銀行號碼: 359-366101-882 (NG Y\*\* S\*\*\*)/ FPS/PayMe: 97419423)-> 再以閣下電話whatsapp(97419423)以下資料: 1)MeetUp名字, 2)過帳通知書. MeetUp fee: Free pricing as you value. Join: Click ‘Attend’-> Write down your 1)Contact number, 2)Male/Female, 3)Fee that you would pay for this event, 4)Dinning together -> Get confirmation of being in the event-> Pay to Hang Seng Bank acc: 359-366101-882 (NG Y\*\* S\*\*\*)/ FPS/PayMe: 97419423-> Whatsapp 1)MeetUp name, 2)Payment notification \*\*\*a) Welcome foreigners. Please remark your language if you are foreigner. [歡迎外地本地人一同熱鬧.請外地人指明語言.] \*\*\*b) Participants are required to follow instruction of the venue. [參與者要遵守場地規則,違者則有可能被邀離開.] \*\*\*c) Late comer may be restricted to admit and continue in the activity. [主辦組織不作逾候,逾時者有可能不被參加,請預早抵達.] \*\*\*d) No refund or seat transfer after payment, unless is the cancellation of activity or by our group. [交費後若未能出席參與者,繳款不獲退回及轉讓.(除非活動取消而全數退款).] \*\*\*e) Photos taken by our group during activity will be as record and promotion. [活動如有拍照,以作記錄和宣傳用途.] \*\*\*f) When there are 3 No Show, we have the right to ban you out from our groups. [凡超過3次No Show者,本組有權將該組員移離本群組.]

Hi everyone! **(Only reservations via whatapps are accepted)** **any booking and question whatapps +852 61355931** **[https://wa.me/85261355931](https://wa.me/85261355931)** 🧘‍♀️ Beginner\-Friendly Private Yoga Class \(Mong Kok\) \| Monday 7pm\-8pm A perfect opportunity to build a strong foundation in yoga in a small and supportive setting! 📍 Location: Mong Kok (Exact address provided upon registration) ⏰ Time: Every Monday, 7:00 PM - 8:00 PM 👥 Class Size: Limited to 4 students What You’ll Experience: · Guided instruction on fundamental yoga poses · Improvement in flexibility, strength, and body awareness · A relaxed and gentle approach suitable for beginners · Personalized adjustments based on individual needs and goals · Small class size ensuring attentive guidance and support Trial Class: $100 Single Session: $180 4-Class Package: $600 (Valid for 6 weeks) Our studio is fully equipped with all necessary yoga equipment and changing facilities for your convenience. Ideal for those new to yoga or looking to refine their basics in a calm and focused environment. 📩 DM for details or to reserve your spot! Let’s start your yoga journey together. Hi everyone, I'm Bella Lee, your yoga instructor! I was super stiff and tight when I first started yoga too – so trust me, I totally get it! 😊 Don’t worry if you're new or feel inflexible – this class is welcome to all levels and genders. I’m here to guide you patiently and clearly, making sure every posture feels good and safe for your body. Please just let me know before class if you have any injuries or concerns – that way I can help you practice mindfully. Can’t wait to meet and flow with you all! Yoga Instructor information · 9+YEARS EXPERIENCED YOGA INSTRUCTOR · 200 HOURS YOGA TEACHER TRAINING CERTIFICATE COURSE · XIN KINESIOLOGY FOR SPINES AND BACKBENDS COURSE · USUI REIKI RYOHO LEVEL 1（靈氣治療等級一） · ZEN MEDITATION LEVEL 1 禪修等級一 · RPYT-85 HOURS REGISTERED PRENATAL & POSTNATAL YOGA TEACHER TRAINING · STICK MOBILITY LEVEL 1

好多時會有客人問我哋我哋嘅Meetup Party Games活動會玩啲乜嘢？其實就係例如9 Upper, 狼人真言，Flip 7，歌迷序會等等好玩流行嘅輕鬆桌遊，由當日嘅活動主持決定最終玩邊幾隻！ 其實玩邊隻game唔係重點。重點係個活動好唔好玩！我哋好多活動都有好多人參加. 所以不必多說，你應該知道究竟發生了什麼事！ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **今日活動資訊:** 費用: [$105 / Girls $85] Pay at entrance. 包飲品一盒, extra飲品每盒$5. 🔔 人多, 或員工/主持忙於教玩遊戲時可能沒暇收取場費, 請利用櫃面PayMe code/Ali Pay /FPS號碼自行支付. 如發現有故意走數情況, 會被放進Meeple Tree 黑名單. 🔔 必須在此報名. 🔔 場地沒有食物提供, 但歡迎帶外賣上來食. 🔔 宣傳其他場地/放飛機/遊戲過程中態度惡劣者會被放進黑名單. 🔔 入埸請除鞋. 埸內拖鞋祗供店內用, 請勿著出店外. 🔔 報名參加Meetup活動, 當系統問你"Are you bringing anyone"時, 如果你祗是一個人來, 毋須㩒+1 (+1代表會帶朋友來的意思). 🔔 我哋嘅活動主持人有時會因為工作或者學業關係臨時嚟唔到，Meeple Tree 保留臨時更換主持嘅可能性。🙏 🔔 本會因放飛機(活動開始前24小時內退出者)被移除人數: 102 🔔 Meeple Tree保留參加者名單最後決定權. 🔔 Follow我哋IG: mtboardgame / boardgame_hk

我哋會定期舉辦活動 會同步update Meetup亦都可以喺WhatsApp group約戰 WhatsApp group，可以比大家交流吓呢隻game，又可以傾吓波經，歡迎加入: https://chat.whatsapp.com/D8EoMkubCFNKCS1w5LqEkz p.s. 場地有貓貓，有貓毛敏感嘅朋友要注意哦 不過如果怕貓的朋友可以照樣參加，並通知我，我也可以另覓地方:)

九龍普通話演講會會屬於國際演講會89區O4分區的分會，2000年創立迄今已有16年歷史，是香港的第二家最早成立的普通話演講會。本會宗旨 : 透過普通話演講，以自學、互學形式，提高溝通及演講技巧，從而建立自信及領導才能。 本例會詳情如下 : 會議日期 : 2016年8月1日（星期一） 時間 : 晚上7:00-9:00 地點 : 九龍尖沙咀柯士甸道童軍中心1101室 (http://easy-speak.org/tm_location.php?loc=1431) 例會主題 : 責任心 語言 :普通話 費用 : 演講會會員免費，非國際演講會會嘉賓收費 HK$20

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.**

**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!**

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!

【歡迎只作旁聽，會作分享的書友優先】 1. 活動目標：希望大家能夠分享閱讀心得，開開心心共渡週末。 2. 地點：歡迎參加者提議，消費自付。 3. 時間：下午2時至5時（3小時） 4. 活動流程：以廣東話為主，輪流分享閱讀所見所聞，其他人輪流發問。希望各人藉此更能深刻了解書本知識，用更多不同角度探索書本， 互相啟發及學習。 5. 參加者需帶備一本已經閱讀80%或以上的書本 （中英文書皆可），歡迎絕大部分主題：勵志、心理、商業、股票、旅遊、運動、健美、中西醫療、哲學、散文、美術、種植、歷史、學習方法等等。不接受漫畫、雜誌、報章及任何淫褻不雅之讀物。 6. 活動在午餐 / 下午茶中進行。 7. 失約和習慣性最後一刻退出的成員，將從成員名單中刪除。 8. 若有候補名單，曾經失約和曾經最後一刻退出的成員，他們當次出席的名額將給予其他候補成員。 9. 其他事項：活動期間，參加者應小心看管個人財物，如有任何損失，本會概不負任何責任。

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

Feel free to join if you are interested in low level computer stuff. If you have any cool projects or ideas you wanna share, bring them along

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，可免費試上律動班系列一節

**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.

**TBA**

**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.

**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.

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