HTML5

🐱主题 \- 认识新朋友 \- 交流两地文化 \- 互相教粤语/普通话 \- 一起吃喝玩乐 🌻地点 尖沙咀海港城港威大厦5座17楼 🐣其他详情 \- 完全免费 \- 每次大概20人，大概5个香港朋友，15个内地朋友 \- 欢迎带朋友参加 🍎找路提示 \- 进入了海港城后请找港威5座的标识 \- 到了17楼，电梯出来后往左转，会看到最大的门，门上写着卓越两个字，Nicole在大门等大家。如果Nicole不在，可能是带了之前到的小伙伴去活动的会议室。然后会再回来，先等一两分钟就对啦 🍔联系 我们主要使用小红书/小红书群联系 小红书 粤语步行街hk https://xhslink.com/m/62NVdM5HUmj

**德州撲克**（Texas hold'em，有時也簡稱為Hold'em或Holdem），簡稱**德撲**，是世界上最流行的公牌[啤](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B%5D(https://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B) "啤")衍生遊戲，也是國際啤比賽的正式競賽項目之一。[世界撲克大賽](http://%5Bhttps://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%89%91%E5%85%8B%E5%A4%A7%E8%B5%9B%5D(https://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%89%91%E5%85%8B%E5%A4%A7%E8%B5%9B) "世界撲克大賽")（World Series of Poker, [WSOP](http://%5Bhttps://zh.wikipedia.org/wiki/WSOP%5D(https://zh.wikipedia.org/wiki/WSOP) "WSOP")）和[世界啤巡迴賽](http://%5Bhttps://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%92%B2%E5%85%8B%E5%B7%A1%E8%BF%B4%E8%B3%BD%5D(https://zh.wikipedia.org/wiki/%E4%B8%96%E7%95%8C%E6%92%B2%E5%85%8B%E5%B7%A1%E8%BF%B4%E8%B3%BD) "世界啤巡迴賽")（World Poker Tour，[WPT](http://%5Bhttps://zh.wikipedia.org/wiki/WPT%5D(https://zh.wikipedia.org/wiki/WPT) "WPT")）的主賽事（Main Event）項目即是「無限注德州撲克」[\[1\]](https://zh.wikipedia.org/zh-hk/%E5%BE%B7%E5%B7%9E%E6%92%B2%E5%85%8B#cite_note-1)。 德州撲克是位置順序影響最大的啤衍生遊戲之一，每一輪的下注順序維持不變，它也是[美國](http://%5Bhttps://zh.wikipedia.org/wiki/%E7%BE%8E%E5%9C%8B%5D(https://zh.wikipedia.org/wiki/%E7%BE%8E%E5%9C%8B) "美國")多數[賭場](http://%5Bhttps://zh.wikipedia.org/wiki/%E8%B3%AD%E5%A0%B4%5D(https://zh.wikipedia.org/wiki/%E8%B3%AD%E5%A0%B4) "賭場")內最受歡迎的[啤](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B%5D(https://zh.wikipedia.org/wiki/%E6%92%B2%E5%85%8B) "啤")牌類遊戲，在美國以外的地區也十分流行，與[橋牌](http://%5Bhttps://zh.wikipedia.org/wiki/%E6%A1%A5%E7%89%8C%5D(https://zh.wikipedia.org/wiki/%E6%A1%A5%E7%89%8C) "橋牌")的流行程度相當。理論上，一桌同時最多可容納22位（若不銷牌則為23位）牌手，但一般是2〜10人一桌。 🔔 呢一局係自助局, 參加者需輪流take turn派牌! 我地唔玩錢, 冠軍有小回贈. 地址: 觀塘駿業里8號世貿大樓605室 難度: 容易 (會教你哋玩法). 費用: [$100 / Girls $80] Pay at entrance. 包飲品一盒, extra飲品每盒$5. 🔔 人多, 或員工/主持忙於教玩遊戲時可能沒暇收取場費, 請利用櫃面PayMe code/Ali Pay /FPS號碼自行支付. 如發現有故意走數情況, 會被放進Meeple Tree 黑名單. 🔔 場地沒有食物提供, 但歡迎帶外賣上來食. 🔔 宣傳其他場地/放飛機/遊戲過程中態度惡劣者會被放進黑名單. 🔔 入埸請除鞋. 埸內拖鞋祗供店內用, 請勿著出店外. 🔔 報名參加Meetup活動, 當系統問你"Are you bringing anyone"時, 如果你祗是一個人來, 毋須㩒+1 (+1代表會帶朋友來的意思). 🔔 我哋嘅活動主持人有時會因為工作或者學業關係臨時嚟唔到，Meeple Tree 保留臨時更換主持嘅可能性。🙏 🔔 本會因放飛機(活動開始前24小時內退出者)被移除人數: 101 🔔 Meeple Tree保留參加者名單最後決定權. 🔔 Follow我哋IG: mtboardgame / boardgame_hk \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 📣 我地成業街超抵Deal場地‼️ 星期一至四，$400 book 場玩6個鐘，book 晒成個場, 600尺空間自由玩！ 歡迎約埋啲朋友仔一齊上去玩啦！查詢預約：Whatsapp 6️⃣7️⃣9️⃣4️⃣1️⃣1️⃣6️⃣6️⃣

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

我們逢週三麻雀之夜會設立不同的麻雀主題及玩法，每次主題日最高得分玩家可於下一次主題日享有$50優惠！ 🀄 本次活動詳情 📅 日期：3月25日 ⏰ 時間：19:00 - 24:00 🪩 主題：港式台牌 ( 有新手教學 ) 📍 地點：桌遊旅人BoardGameTraveller（*九龍長沙灣青山道497號時來工業大廈10樓7室 \*出電梯後走消防門再上一層*） 💰 收費：$100/位（含紙包飲品+罐裝可樂無限取用） 🎴 4月主題巡禮 🕖 每週三 19:00-24:00 │ 4/1 │ 日本麻雀 ‧ M-League │ │ 4/8 │ 血戰百搭三十番 │ │ 4/15 │ 港式台牌 │ │ 4/22 │ 血戰百搭三十番 │ │ 4/29 │ 日本麻雀 ‧ NG日麻 │ ✅ 溫馨提示 最高得分優惠只限於下一次成局的主題日使用 逢星期一會有報名名單開放報名，若週三18:00報名名單未滿4人將取消當晚活動 有新手教學歡迎查詢

Fee: 7people $75/per 6-8pm court#1>7 請大家遵守以 1:請大家不要在遊戲其間進行羽毛球技術指導. 2:男與女閒聊時請保持一隻手距離. 3:遊戲已例明 羽毛球等級(ab,li,i 等等), 請按照自己所屬等級參與遊戲. 4:各下參加左的活動有指定場號, 如果自行走向其他埸由我們舉辦的活動的埸地打波, 我地可能會給予警告, 請不要挑戰我們的忍耐力。 5:如果少於48小時內取消出值, 都請交出值應付之金額。 如有違反, 一律blacklist. If you join my game for first time please send me your mobile no. to confirm your spot. Tel: 6019 8622 Ice Please Whatsapp or message me through meetup as soon as possible if you can't come. ‧ We will be playing 21 points doubles match ‧ Strictly NO BEGINNER ‧ The event is not first come first serve, I will pick suitable players in order to balance the level of the game. So if you are not on the attending list, please don't feel being offended, thanks for understanding ‧ Cancellation policy: Cancellation deadline is 48 hours prior to the start time of the game. Cancellation past the deadline will be marked as no-show and need to pay the no-show Fee.

Fee 7ppl $75 7-9pm courtＣ 請大家遵守以 1:請大家不要在遊戲其間進行羽毛球技術指導. 2:男與女閒聊時請保持一隻手距離. 3:遊戲已例明 羽毛球等級(ab,li,i 等等), 請按照自己所屬等級參與遊戲. 4:各下參加左的活動有指定場號, 如果自行走向其他埸由我們舉辦的活動的埸地打波, 我地可能會給予警告, 請不要挑戰我們的忍耐力。 5:如果少於48小時內取消出值, 都請交出值應付之金額。 如有違反, 一律blacklist. If you join my game for first time please send me your mobile no. to confirm your spot. Tel: 97843661 Coming Please Whatsapp or message me through meetup as soon as possible if you can't come. ‧ We will be playing 21 points doubles match ‧ Strictly NO BEGINNER ‧ The event is not first come first serve, I will pick suitable players in order to balance the level of the game. So if you are not on the attending list, please don't feel being offended, thanks for understanding ‧ Cancellation policy: Cancellation deadline is 48 hours prior to the start time of the game. Cancellation past the deadline will be marked as no-show.11

v yummy😋🍲🥩🥒 authentic sichuan hotpot in town! it provides spicy and non-spicy soup base pot, fresh juicy meats, beef, pork, lamb, organic veggies and gourds🥦🫑🍆, tofu, potato🥔, potato noodles, rice noodles, japanese udon, etc. chitchat with interesting topics ^°^ $250-$300 each depends on what we order and share $50 glass of wines/ other drinks soya milk, lemon tea, boba milk tea $50-80 sichuan, shanghai deserts

**普及禪修課程 黃毅弘老師主講** **「拼圖出，理想的命運」** **每堂課為獨立單元，不需報名，歡迎大家參加。** 如果我們理解業的法則，會理解如何透過捨棄導致不幸的惡行及修習帶來快樂的善行，控制自己的未來經歷。 正如一位園丁種下豌豆的種子，一定是長出豌豆而不是麥子，當他甚麼都沒有種時，一定甚麼都不會長。因此，當我們進行善行，一定會經驗快樂的結果；當我們從事惡行，一定會經驗痛苦的結果。 在這系列的課程，我們將探索如何把佛法融入自己所有的日常活動當中。最終，得以實現我們的基本願望 — 得到快樂並遠離痛苦。 27/3 去舊迎新 **黃毅弘老師**跟隨尊貴的格西格桑嘉措仁波切修習佛法逾十五年，是位現代噶當巴修行人。現職為專業攝影師。他對噶當佛法的信心及多年來修持現代佛法的經驗，啓發他積極鼓勵別人運用佛法，來解決日常生活中遇到的問題。 歡迎大家隨喜功德，建議捐助：每課 $50。所有捐款均用於中心的運作及發展，為大眾提供學習珍貴佛法的機會。 詳情: https://www.meditation.hk/2021/twcgp/ #現代佛法 #禪修課程

(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. Wechat ID: Pandoraparties

只要行出第一步，就可以擴闊生活圈子~ https://forms.gle/WtTsxUUErco3PKB5A 填左以上Google Form就可加入活動群😁 係香港識朋友話難唔難，話易唔易，所以都希望透過呢個平台令大家互相認識，一齊去吃喝玩樂~ 定期舉辦行山、水上活動、PARTY ROOM、睇戲、食飯又或大家諗到都可以建議版主去搞~

Stop accepting things just because they've always been that way. This is the moment to disrupt old biases, step into paces where we weren't expected, and rewrite the rules of who gets to shape technology's future. Please refer to the [event website for full agenda and timetable](https://wtmhk/iwd26/main). **Speaker Sessions** **Connie Leung** Software ArchitecZ; Google Developer Expert (Angular, AI, Web) Connie Leung is a Software Architect and Google Developer Expert (GDE) in Angular, AI, and Web technologies. With a core technical stack featuring Angular and NestJS, Connie is deeply passionate about the intersection of cloud architecture and Generative AI. As a dedicated content creator, she shares her expertise through her blog and YouTube channel (@connie.webdev), where she has recently focused on building and scaling AI-driven applications using \*Gemini\* and \*Firebase\*. Her current technical explorations include WebAI, MediaPipe, and Chrome built-in APIs, as she continues to push the boundaries of modern web capabilities. Beyond the screen, Connie is an avid runner and language learner who dreams of delivering technical presentations fluently in Spanish and other foreign languages. She thrives on community engagement and can often be found at global tech conferences sharing knowledge and meeting new friends. **Topic: The Intelligent Assembly Line: Designing Multi-Agent Workflows with ADK TS** How I Failed the Decision Tree and Built a Better Squad How do we know if we are building a real agent or just over-engineering a simple script? I discovered the answer when my own YouTube project failed the Google Decision Tree, proving I was using a helicopter to cross the street. To solve this, I built an Agent Architect squad using the Agent Development Kit (ADK) for TypeScript, moving from fragile prompts to a structured Intelligent Assembly Line. This talk explores how a squad of agents evaluates your ideas through four key patterns: a loop for self-correcting discovery, a smooth handoff between specialized agents, a logic check to catch bad ideas early and save money, and a final report for strategic advice. We will examine the visual flows and reasoning required to build a system that thinks for itself, ensuring your AI projects are truly agent-shaped and cost-effective. ————————————————————— **Jeannie Lam 林靜莉（"莉莉菇"）** 電視主持、電台DJ、活動司儀及KOL Jeannie最初於網上媒體 unwire.hk 擔任記者，開始接觸內容製作及幕前演出。後得恩師邀請，從此展開幕前之路。 現時我身兼多重身份，穿梭於傳統媒體同數碼平台之間，持續探索內容創作及表演的更多可能性。 **Topic: 從網媒記者到電視主持：如何用網上影響力打開幕前之門** Jeannie 會分享如何透過網上媒體記者的身份，結合網上平台影響力，逐步獲得電視台、電台及活動司儀的演出機會。從幕後走到幕前，除了專業知識，網絡上的個人品牌同樣是關鍵。 ————————————————————— **ChuChu Carmen** YouTube自媒體創作及教育者 (超班教室Super Class創辦人) My YouTube Channel: "Chuchu豬 TV" (@chuchuchutv) 累積超過100+間品牌企業/ 學校合作邀請, 提供YouTube/ 影片製作及AI自媒體等教學培訓及商業合作宣傳 頻道影片累積超過10000+個好評及讚好, 累積收看次數超過100萬次, 深受各觀眾及學員喜愛 超過500+學員, 從IP流量 -> 變現, 打造YouTube自媒體一人網絡事業 **Topic: 從打工仔到YouTube自媒體導師：AI時代打造個人IP的致富密碼** ————————————————————— **Bonnie Cheung** Chief Curiosity Officer 首席探索者, Yolo 街 YouTube channel Bonnie is an investment and technology professional with over 20 years of experience across the US and Asia. She is the creator of YOLO 街, a YouTube channel that was recognized as one of the Top Trending Channels in 2025 for Hong Kong. The channel provides information on new technologies to the Cantonese-speaking population. Her career began in the US, where she led large-scale digital transformations for Fortune 500 companies at Deloitte and IBM, including AT&T, HP, and T-Mobile. She later transitioned into finance, earning her CFA charter and working as an investment associate in Private Equity before moving into industry operations. As Head of Strategic Planning for the Zuellig Group, a $12 billion healthcare distributor, she managed technology adoption and innovation across 13 countries. In venture capital, Bonnie was a Venture Partner at 500 Startups, where she established the firm’s first blockchain-focused accelerator track. Her early-stage investments included Solana, which has reached a market valuation of $44 billion. She has since moved between building and investing, serving as Chief of Strategy for the Web3 startup and as an Operations Partner at Race Capital, supporting founders in the AI and data infrastructure sectors. Bonnie holds a double major in Engineering and Economics from Dartmouth College. An avid traveler, she has visited over 50 countries, from trekking the Sahara to navigating Patagonia, and wondering through the streets of Pompeii. Bonnie 是一位擁有超過 20 年跨越美亞兩地經驗的投資與科技專家。她是 YouTube 頻道「YOLO 街」的創辦人，該頻道更榮獲 2025 年度香港 YouTube「十大熱門創作者」之一。頻道致力於為廣東話社群打破語言隔閡，解構及分享全球最尖端的科技資訊。 Bonnie 的職業生涯始於美國，曾在 Deloitte 及 IBM 帶領多項大型數位轉型項目，服務對象包括 AT&T、HP 及 T-Mobile 等財富 500 強企業。其後她轉戰金融界，取得 CFA 特許資格並於私募股權投資 (Private Equity) 擔任投資經理，隨後投身產業營運。她曾出任年營收達 120 億美元的醫療保健分銷商 Zuellig Group 的亞太區戰略規劃主管，負責推動旗下 13 個國家的科技應用與創新。 在風險投資領域，Bonnie 曾擔任 500 Startups 的創業合伙人，並創辦了該機構首個以區塊鏈為主題的加速器項目。她早期的投資項目包括 Solana，該項目的市值目前已達 440 億美元。此後，她持續穿梭於「初創實戰」與「風險投資」之間，曾出任 Web3 初創公司的首席戰略官，並於 Race Capital 擔任營運合伙人，支援 AI 及數據基礎設施領域的創業者。 Bonnie 畢業於Dartmouth College，擁有工程學與經濟學雙學位。她熱愛深度旅遊，足跡遍及全球 50 多個國家，當中包括遠征撒哈拉沙漠、探索巴塔哥尼亞高原以及漫步龐貝古城。 **Topic: The Great Equalizer: Breaking Career and Generational Patterns with AI** **AI — 終極平等化工具：打破職涯與世代的既定慣性** For a long time, we have been told that our career "patterns" are set by our early training. If you didn’t study film, you couldn't be a film creator. If you didn't study engineering, you couldn't be a technologist. We were trapped by the "skill gap." In this talk, Bonnie challenges this rigid structure by sharing her personal pattern break. Despite a 20-year career in venture capital and engineering, Bonnie had zero video production/ media skills. Yet, using AI as her "production crew," she built YOLO 街, which became a 2025 Top Trending YouTube channel in Hong Kong. In the age of AI, prior “learned skills” are no longer the bottleneck. If you have the curiosity, AI provides the technical execution, allowing for radical career pivots in both directions. This isn't just about making videos—it’s about a fundamental shift in how we acquire power in the workforce. She will demonstrate how AI acts as a "Capability Equalizer" that works in both directions: In the AI era, your curiosity is your only real limit. If a venture capitalist can become a top creator with no prior skills, then the reverse is also true: the tools to become a technologist or a strategist are now in everyone's hands. 長期以來，社會一直告訴我們：你的職業「慣性」是由早年的訓練決定的。如果你沒讀過電影，你就無法成為創作人；如果你沒讀過工程，你就無法成為科技專家。我們一直被「技能鴻溝」所困。 在這次演講中，Bonnie 將透過分享她個人的「慣性突破」來挑戰這種僵化的結構。儘管在風險投資和工程領域擁有 20 年的經驗，Bonnie 在影片製作和媒體創作方面卻是零經驗、零技能。然而，憑藉 AI 作為她的「製作團隊」，她創立了「YOLO 街」，並在 2025 年成為香港 YouTube 的「十大熱門創作者」之一。 在 AI 時代，過去所謂的「學習技能」已不再是瓶頸。只要你擁有好奇心，AI 就能為你提供技術執行力，讓你實現雙向的職涯大轉型。 這不僅僅是關於拍片，更是一場關於我們如何在職場中獲得「能力」的根本性變革。Bonnie 將展示 AI 如何扮演「能力平等化工具」(Capability Equalizer) 的雙向角色. 在 AI 時代，好奇心是你唯一的限制。如果一個風投專家可以在零技能的情況下成為頂尖創作者，那麼反之亦然——成為科技專家或策略家的工具，現在已掌握在每個人手中。 ————————————————————— **Dr. Pui Wah Choi** Founder & CEO, WomenX Biotech Dr. Pui-Wah Choi is a pioneering scientist and entrepreneur dedicated to transforming women’s health through innovative biotechnology. After completing her postdoctoral training at Harvard Medical School, she founded WomenX Biotech Limited in Hong Kong, focusing on groundbreaking health solutions tailored specifically for women. WomenX aims to revolutionize disease screening with PadX-HPV, a sanitary pad that detects HPV—the primary cause of cervical cancer—from menstrual blood. This non-invasive technology seeks to increase HPV screening rates across Asia from a mere 30% to an ambitious 80%, addressing cultural barriers and busy schedules that often hinder women's access to essential health services. The potential of WomenX’s pads extends beyond HPV detection; they are also designed to monitor reproductive health, fertility, and microbiome status, offering a holistic approach to women’s health management. This innovation empowers women to better understand their bodies and make informed health decisions. In January 2025, WomenX introduced PadX-HPV, the first non-invasive product in Hong Kong to detect HPV types linked to cervical cancer directly from menstrual blood through a sanitary pad. With an accuracy rate of 99.2%, PadX has been in high demand since its launch, selling out multiple times. In addition to her emphasis on technological progress, Dr. Choi is deeply committed to creating social impact and empowering women. This year, she will install 100 vending machines for sanitary pads throughout Hong Kong, placing them in schools, shopping malls, and NGOs. On one hand, this initiative fosters a more gender-friendly environment; on the other, the machines will also provide educational materials on menstrual health, menstrual shame, and first menstruation management. More importantly, the sanitary pad vending machine project will create thousands of job opportunities for low-income and single mothers, allowing them to regain economic participation without sacrificing caregiving responsibilities. Dr Choi was selected as the Prestige Women or Power 2025, Jessica Most successful women, Tatler Front & Female and Foundess 2025. Additionally, WomenX Biotech won the Slingshot competition in the biomed domain (under Singapore Enterprise), achieving the 0.17% tier, as well as the Standard Chartered SC WIN competition and multiple international innovation championships. **Topic: The Ripple Effect: One Woman's Journey to Empower Thousands** ————————————————————— **YeeLing Ng** Consultant, Acument An IT Consultant at Acument Group with a unique background in both engineering and education. As a certified CBAP and PSPO, she combines rigorous problem-solving with a passion for people. Her journey from a young mathlete to a Hong Kong University engineering graduate fuels her mission to empower diverse talent in technology. **Topic: 《打破框架：馬來西亞女孩在香港科技圈的蛻變》** Challenging the stereotype of who belongs in tech. The speaker traces her own path from a school mathlete to an IT Consultant, demonstrating how curiosity transformed her from a pure engineer into a people-focused problem solver. This presentation is a call for all, regardless of gender or age, to break self-imposed limits and adapt, proving that the tech world needs diverse minds to thrive.

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

**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 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA

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

**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com

**New Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)