Web Design

\~共享晚餐@大霸街： 多款美食於一條街，組員一起選擇，有地道茶餐廳/馬來西亞食品/日式料理/台灣小食/... \~欣賞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者,本組有權將該組員移離本群組.]

Jump, kick, lift and turn! Lots of fun learning to dance this very highly uplifting, energetic and fun dance from India! Learn the culture and dance moves of this classical Indian dance that has become very popular all around the world! You will enjoy it thoroughly regardless of what dance background you may or may not have! WhatsApp 63344266 to book Prepayment required to secure booking www.deedreamlife.com/pricing-packages for fee info Download Dee Dream Life App for more info

好多時會有客人問我哋我哋嘅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

Dear Conscious dancers, Please check on the theme updates, few days prior event. Venue and Timing
 Dance Concept - 佳誠大廈
7 Floor, 230 Wan Chai Road, Wanchai, Hong Kong
 7pm to 9pm - Doors close at 7:20pm sharp
 Please arrive at 7pm so you have ample time to settle in to the private dance floor that has been prepared for you. Wear loose, comfortable clothing and be prepared to dance barefoot or with footwear designed exclusively for the dance floor. No street shoes are permitted.
 Session Rates
 We welcome your contributions on a sliding scale from HK$100 to 350.
 *Sliding Scale Suggestions Payment : Via Payme +852 95277597 Transfer HSBC 571742246833 • 350 HKD Standard Fee •1000 HKD (Package of 4 x 250) - valid 12 weeks •100 HKD Support Crew Fee (Support Crew is confirmed by Facilitator) •150 HKD Concession Fee/ Sliding scale for unemployed, students or financial need •200 HKD Concession Fee/ Sliding scale for unemployed, students or financial need *if Cash, -cash amount I commit to pay at Door Payment to: Via Payme +852 95277597 Transfer HSBC 571742246833 Please note on currents updates on “Angel rates” that are taking space from Aug 2025 : As of right now, we have two dances per month, and if you purchase “Angel rate package” (4 dances) the validity will be 12 weeks, instead of 8 weeks. We really appreciate your financial support.

**(只接受whatapps預約留位）** 如有任何Booking或問題請WhatsApp 61355931 [https://wa.me/85261355931](https://wa.me/85261355931) 【私人基礎瑜伽班】每週一晚上｜旺角區 ⏰ 時間：晚上7:00 - 8:00 👥 每班僅限4人 📍地點：旺角 課程重點： · 小班教學，確保每位學員獲得充分關注 · 可因應學員個人需求調整教學內容，適合初學者。 · 指導基礎瑜伽動作 · 建立身體柔韌性、力量及核心基礎 · 課程節奏舒緩而簡易，協助學員深入瞭解自身身體狀況與需求 試堂價：$100 單堂價：$180 四堂套餐：$600（有效期為六星期） 本館已備齊所有所需器材及更衣設施，歡迎輕鬆參與！ 如有任何疑問，歡迎隨時與我聯絡！😊 老師我並非天生柔軟^_^ 耐心照顧新手， 悉心教學和拆解每個動作和小細節 男女學生也歡迎❤️😊 有任何想學的或受傷請告知 歡迎查詢❤️🙏🏻 導師資詢 * 7年教學經驗 全職瑜伽老師 * 二百小時瑜伽老師牌照 * 芯動力學後彎與脊柱課程 * USUI REIKI RYOHO LEVEL 1（靈氣治療等級一） * ZEN MEDITATION LEVEL 1 禪修等級一 * 85小時孕婦產前產後瑜伽導師牌照 * STICK MOBILITY 全方位筋膜放鬆棍牌照

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

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

**Please note that an RSVP on Meetup does not guarantee your seat.** Signup link: [https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners-public-class](https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners-public-class) **The "Glocal" Experience: Global Enthusiasm Met with Local Tradition** Join **Glocal Mahjong** for an immersive, beginner-friendly workshop. We’ll guide you through the strategy, skill, and "bit of luck" required to master **Cantonese Mahjong**—the most classic version played in Hong Kong households. You'll also get to experience the convenience of playing on an **electronic mahjong table** that handles the shuffling for you. It is always a crowd's favourite seeing the tiles got pushed up from the table! **What You Will Learn:** * **Tile Recognition:** Decoding the Bamboos, Characters, Dots, and Honors. * **The Win:** How to build a winning hand (Pongs, Chows, and Eyes). * **Table Etiquette:** The "Do’s and Don'ts" of a Hong Kong mahjong table. * **Scoring Basics:** Understanding how points are calculated. Beyond the rules, you’ll gain insight into the strategies that make this game a global obsession and a cornerstone of local HK life. **Class Details:** * ⏳ **Duration:** 2 hours * 👥 **Small Groups:** 2 to 4 participants per session. * 🗣️ **Languages:** Instructor is fluent in English, Cantonese, and Mandarin. * 🎂 **Age:** 18 or above (6 or above if join as a private family session) * 📍 **Location:** Glocal Mahjong, S405, PMQ, Central * 💲 **Discounted Price:** HKD400 per participant **How to Join:** **Please note:** An RSVP on Meetup does **not** guarantee your seat. To secure your spot at the table, please sign up via our official website: 👉 [https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners-public-class](https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners-public-class) *If this timeslot is full or you want to book a private session for your friends, visit:* [https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners](https://www.glocalmahjong.com/products/mahjong-101-class-for-beginners) **Not a first-timer but want to practice ?** **Join our Whatsapp group** where we host mahjong practice sessions guided with instructors. You can gain hands on mahjong game time while meeting fellow mahjong lovers. Drop us a message of your name and phone number and we'll add you to the group! **Questions?** Feel free to WhatsApp us at **+852 6496 6393**.

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

LSS Smart Fitness 律動班系列 Wanchai/Jordon $80/ 30-45min class ($200 /4-class) $100/ 1-hr class ($240 /4-class) **（No classes from May 10-19th)** Vibration x MFR 療癒律動 (Tue) (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 (Wed) Vibration x BellyFit 美型律動 (Thu) (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Fri/Sun) (Yoga Asana in vibration setting) 30-45 min per session. 每節課約 30-45 min https://eshop.cosway.com.hk/ First time FREE trial with any Cosway purchase receipt under introducer code : HK370579 憑任何以 HK370579 作介紹人的 Cosway (網購或門市)購物收據，可免費試上律動班系列一節

LSS Smart Fitness 律動班系列 Wanchai/Jordon $80/ 30-45min class ($200 /4-class) $100/ 1-hr class ($360 /4-class) **（No classes from May 10-19th)** Vibration x MFR 療癒律動 (Tue) (Relax, Muscle release & Facial massage) Vibration Fitness (Stretch & Strength) 健體律動 (Wed) Vibration x BellyFit 美型律動 (Thu) (Body Shape-up with Bellydance Technique Drills) Vibration x Yoga 律動瑜伽 (Wed/Sun) (Yoga Asana in vibration setting) 30-45 min per session. RSVP 每節課約 30-45 min. RSVP https://eshop.cosway.com.hk/ First time FREE trial with any Cosway purchase receipt under introducer code : HK370579 憑任何以 HK370579 作介紹人的 Cosway (網購或門市)購物收據，可作首次免費試上律動班系列一節

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

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

**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. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options 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) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder 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 Bricks Builder, catering to both beginners and experienced web developers.

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!