Interaction Design

Sports Chanbara Regular Class (Thursday) Sports chanbara is a free-style Japanese combat sport, which originated from Kodachi Goshindo (Self-defense with a short sword). We would like to introduce this new sport to Hong Kong. Please join us and be a Samurai. Dress code: Sport Attire The session will include the following: Warm-up exercise Basic Japanese Dojo manners Sports Chanbara Basic movement (Kihon Dosa) Attaching Techniques Blocking Techniques Basic Movements of Dodging Sparring Date: Each Thursday Time: 2000-2200pm Location: Room 503, 5/F, BLK B Hoi Luen Industrial Centre, 55 Hoi Yuen Road, Kwun Tong, Kowloon Fee: $600 per 4 classes Others: Attendee no need to bring/buy any helmet or gear and coach will borrow the gears for attendee use during class. For reservation, please message/call Stephen Sensei at 61762261 https://wa.me/85261762261 To find out more, please visit our Facebook Page: https://www.facebook.com/HongKongSportsChanbara Instagram Page: https://www.instagram.com/sports_chanbara_hong_kong/

Join us for a fun and fitness-focused Sunday morning doubles badminton session at Kowloon (TST) Badminton Meetup. Whether you're a beginner looking to improve your skills or a seasoned player seeking some friendly competition, this event is perfect for everyone. Our meetups are designed to combine exercise and recreational sports in a social and engaging environment. Don't worry if you're new to the sport, as our sessions are coached to help you enhance your badminton techniques while having a great time with fellow sports enthusiasts. Meet new friends, improve your game, and stay active on Sunday mornings with us. Come down to the court, unleash your competitive spirit, and enjoy a morning of exciting badminton matches interspersed with friendly banter and sports socials. Cancellation details: The cancellation deadline is 48 hours prior to the start time of the game for weekdays and Wednesday for weekend games. No show or drop out without payment - ban for 3 months. WhatsApp the organizer at 57197742 to confirm your spot. Thanks https://wa.me/85257197742?text=Join%20sports Address- Queen Elizabeth Stadium - Multi-purpose Hall, 18, Oi Kwan Road, Wan Chai, HK Time - 7:00 am Event fees - 60$ per person Join our badminton WhatsApp group for future event updates. WhatsApp me at 5 7 1 9 7 7 4 2 to join https://wa.me/85257197742?text=Join%20badminton%20group

收工手痕想打牌? 唔識打廣東牌? 想練下技術先出去同人打? 黎101玩下衛生雀局啦🫶🏻👻 \*\*\*只計分不打錢\*\*\* 最高分者可免$20場費 留電話以防有人沒空出席, 能通知你取消🫶🏻🫶🏻 日期: 逢星期4 費用: $100 / 5hrs 包一款紙包飲料或水 4人以上可包房 $300 for 14:00-19:00 房間可容納最多10人 可玩Boardgame ,電動麻將, 狼人殺 歡迎去我們的IG看更多內容和活動詳情♥️ 101boardgame

只需要帶個笑容來就可以了!😀 人數: 預10人 難度: 容易.(會教玩法) 語言: 廣東話 / Language: Cantonese. 費用: [$100 / Girls $60] Pay at entrance. 包飲品一盒, extra飲品每盒$5. \*\* 場地沒有食物提供, 但歡迎帶外賣上來食. \*\* 宣傳其他場地/放飛機/遊戲過程中態度惡劣者會被放進黑名單. \*\* BGHK保留拒絕態度惡劣者參加我地活動嘅權利.

NuMove30 副業解鎖 聖誕特別版🎄 把你對健康生活的熱愛，轉化為被動收入💰✨ 📈 生活成本飆升 + AI衝擊職場，越來越多人選擇開啟副業，追求真正的財務自由！如果你對健康生活充滿熱情同知識，點解唔將呢份專長，變成一份有彈性又有意義嘅事業起步點？ 今個聖誕夜，我哋唔單止睇趨勢、學方法，重會一齊輕鬆食下野、識吓同頻嘅朋友，喺溫暖氣氛之中，啟動你嘅健康事業！ 🗓 日期：2025年12月25日（星期四） ⏰ 時間：7:00pm - 10:30pm 📍 地點：銅鑼灣利園二期 共享工作間 💰 **費用**：HK$180（已包括食物及飲品） 🔗 報名連結 https://forms.gle/wBQpzp7hz2F1PcMW8 活動統籌人： Nathan Wong (私人體能教練） Yolanda Lam ( 註冊護士） *💡你將獲得：* * 體驗最新AI智慧健康科技（現場即試！） * ⁠學習如何把健康生活變現，打造被動收入 * ⁠真實副業達人現身說法：如何從0到月入5位數+ * ⁠結識一群同樣愛健康、想多賺一份收入的優質夥伴 *✅ 適合對象：* * 對健康、健身產品及服務感興趣 * 擁有醫護、健身或營養知識更佳 * 樂於學習新知識 * 喜歡透過社交媒體分享生活 * 具團體精神 *把健康變事業，把熱情變收入，12月25日晚上，我們一起啟動新可能！🚀* ### 📱 麻煩聯絡Yolanda WhatsApp確定出席： **Yolanda Lam** 📞 94315144 🔗 [wa.link/ljiqjm](https://wa.link/ljiqjm) **聖誕晚見，一齊食、一齊傾、一齊啟動新可能！** 🍴🚀

“敲擊襄”專業樂手,2小時引導大家,認識敲擊樂創奏，大家可嘗試各款樂器，一齊互動jam微演出！ The musicians will teach us to play the percussion and we jam a few pieces together. **日期：2025年12月28日(星期日)** **時間：4:45pm-6:45pm**; (可選: *下午茶@3:15-4:00pm@良髀* {大埔名物}) **地點：大埔文娛中心** (新界大埔安邦路12號) 集合時間及地點：@4:30-4:40pm @大埔文娛中心外/電聯 名額：4人 (同場另有公眾參與) 主辦單位：敲擊襄 **Date: 28 December, 2025 (Sunday)** **Time: 4:45pm-6:45pm**; (optional: *afternoon meal @3:15-4:00pm @良髀 {Tai Po famous deep-fried Chicken leg}*) Venue: Tai Po Civic Centre Assemble: @4:30-4:40pm @ entrance of Tai Po Civic Centre / by call Seat: 4 people limited (Other audience in event as well) Organization: Toolbox Percussion MeetUp費：自由定價價值. 請於26/12/2025~~28/11/2025~~或之前,銀行/FPS/PayMe轉帳. 逾期未繳者,其報名將被取消,再發放予候補者. 報名：按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. Bank/FPS/PayMe transferred by 26/12/2025~~28/11/2025~~. If no payment by time, RSVP seat will be cancelled and given out to the waiting participant. Join: Click ‘Attend’-> Write down your 1)Contact number, 2)Male/Female, 3)Fee that you would pay for this event, 4)Meal 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者,本組有權將該組員移離本群組.]

Join us for a fun and fitness-focused doubles badminton session at Kowloon (TST) Badminton Meetup. Whether you're a beginner looking to improve your skills or a seasoned player seeking some friendly competition, this event is perfect for everyone. Our meetups are designed to combine exercise and recreational sports in a social and engaging environment. Don't worry if you're new to the sport, as our sessions are coached to help you enhance your badminton techniques while having a great time with fellow sports enthusiasts. Meet new friends, improve your game, and stay active on Sunday mornings with us. Come down to the court, unleash your competitive spirit, and enjoy a morning of exciting badminton matches interspersed with friendly banter and sports socials. Cancellation details: The cancellation deadline is 48 hours prior to the start time of the game for weekdays and Wednesday for weekend games. No show or drop out without payment - ban for 3 months. WhatsApp the organizer at 57197742 to confirm your spot. Thankshttps://wa.me/85257197742?text=Join%20sports Address-Harbour Road Sports Center - Arena, 27 Harbour Road, HK Time - 1:00 pm Event fees - 60$ per person Join our badminton WhatsApp group for future event updates.WhatsApp me at 5 7 1 9 7 7 4 2 to joinhttps://wa.me/85257197742?text=Join%20badminton%20group

Join us for a fun and fitness-focused doubles badminton session at Kowloon (TST) Badminton Meetup. Whether you're a beginner looking to improve your skills or a seasoned player seeking some friendly competition, this event is perfect for everyone. Our meetups are designed to combine exercise and recreational sports in a social and engaging environment. Don't worry if you're new to the sport, as our sessions are coached to help you enhance your badminton techniques while having a great time with fellow sports enthusiasts. Meet new friends, improve your game, and stay active on Sunday mornings with us. Come down to the court, unleash your competitive spirit, and enjoy a morning of exciting badminton matches interspersed with friendly banter and sports socials. Cancellation details: The cancellation deadline is 48 hours prior to the start time of the game for weekdays and Wednesday for weekend games. No show or drop out without payment - ban for 3 months. WhatsApp the organizer at 57197742 to confirm your spot. Thankshttps://wa.me/85257197742?text=Join%20sports Address-Harbour Road Sports Center - Arena, 27 Harbour Road, HK Time - 10:00 am Event fees - 60$ per person Join our badminton WhatsApp group for future event updates.WhatsApp me at 5 7 1 9 7 7 4 2 to joinhttps://wa.me/85257197742?text=Join%20badminton%20group

**General idea:** Join us for a relaxed people-drawing-people activity over coffee or a drink. Both newcomers and experienced participants are welcome to join. **💰 Price** : Only pay for your drink! We don't charge a fee. **✅ Guidelines**: * Bring your own paper, pencil, drawing tablet etc ✏️ * Greet the host(s)! * Buy yourself a drink (tea, coffee, sodas, etc) * Find a seat and start drawing your surroundings (especially the people). 📣 **Join our socials!** Follow [our official Instagram](https://www.instagram.com/people_drawing_people/) for event photos **@peopledrawingpeople** Grow the event by sharing your own drawings and tag us! 📸 **Photos** Hosts will also take descriptive shots of the event and your drawings to promote this meetup to new members outside. If you prefer not to appear in photographs just let them know. **[ Optional activities ]** For variety we may suggest optional activities which you can choose to participate in or not. These include volunteering as a model for the group, or partnering up with people for longer model/artist exchanges, skill sharing, etc.

Sports Chanbara Regular Class (Saturday) Sports chanbara is a free-style Japanese combat sport, which originated from Kodachi Goshindo (Self-defense with a short sword). We would like to introduce this new sport to Hong Kong. Please join us and be a Samurai. Dress code: Sport Attire The session will include the following: Warm-up exercise Basic Japanese Dojo manners Sports Chanbara Basic movement (Kihon Dosa) Attaching Techniques Blocking Techniques Basic Movements of Dodging Sparring Date: Each Saturday Time: 1300-1500pm Location: Room B, 5/F, Tontex Industrial Building, 2-4 Sheung Hei Street, San Po Kong, Kowloon Fee: $600 per 4 classes Others: Attendee no need to bring/buy any helmet or gear and coach will borrow the gears for attendee use during class. For reservation, please message/call Stephen Sensei at 61762261 https://wa.me/85261762261 To find out more, please visit our Facebook Page: https://www.facebook.com/HongKongSportsChanbara Instagram Page: https://www.instagram.com/sports_chanbara_hong_kong/

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

《血染鐘樓》新手專場 適合初學者及從未玩過的朋友🫶🏻🫶🏻 收費 : $120位 / 女生$60 包一款指定飲料或水 人數：8-14人 活動內容： ✅不同的版子 ✅邊學邊玩 ✅專業mc ✅輕鬆歡樂 有興趣的朋友仔請pm報名啦🫶🏻 歡迎去我們的IG看更多內容和活動詳情♥️ **另有book場優惠, 平日book全場玩血染鍾樓連專業MC只需$800 (5小時), 假日只需$1,200 (5小時) / $2000 (全日)** IG: *101boardgame*

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

CHANGED to WEDNESDAYS COLUMBUS RECREATION CENTERS require membership fee to play. Register & Pay at the desk when you arrive. $5 day pass is available. I have some extra pickle ball paddles and balls if you don’t have one. Definitely bring your own paddle if you have one and bring some balls if you have them. Legal Stuff: The event hosts/Organizers are just fellow member volunteers. By participating in any event, you assume all risks of liability and injury inherent in these activities. You are responsible for your own safety and for determining if you are in condition fit to participate. You are also responsible for knowing and abiding by all laws and rules during your participation in any event.
 Photos & or Video: by attending these events you acknowledge photos and or video may be taken and used on this and other platforms.

Step into 2026 with intention, clarity, and a creative practice designed to help you see yourself more clearly. In this special Confidence Lab session, we’ll explore confidence as something you can curate - through the choices you make, the qualities you amplify, and the story you choose to step into. We’ll start with a short guided reflection to surface the traits, habits, and energies you want to nurture in the coming year. Then, using collage materials selected specifically for this workshop, you’ll translate those insights into a visual composition that represents the version of yourself you’re ready to grow toward. This isn’t about resolutions or perfection. It’s about crafting a grounded, imaginative vision of your next chapter - one that feels honest, energizing, and fully yours. All materials are provided. Just bring yourself (and a friend) and a willingness to explore what confidence can look like for you in 2026. **Featured Partner: Columbus Collage Collective** The Columbus Collage Collective was started in August of 2023 by Emily Morgan (aka Lovely But Dead) and Douglas Cuckler (aka Wonder Doug) as a place for collage enthusiasts to gather and create art together. The collective has since become a 501(c)(3) non-profit organization with the mission to hold free or low-cost collage events across central Ohio. The CCC welcomes all artists of all backgrounds and skill levels and encourages folks to take this time to step away from everyday existence and create art with people who share a love for this dynamic art form. All materials—magazines, scissors, craft knives, glue, paper, cardboard, and more—are provided, so there's no need to bring anything at all (though you're welcome to bring a friend or a favorite tool if you'd like!). We also encourage folks to take home magazines and materials from our events to support continued creativity! Find us on Instagram: [https://www.instagram.com/columbuscollagecollective/](https://www.instagram.com/columbuscollagecollective/) Register or sign up for the newsletter at [https://www.columbuscollagecollective.com/](https://www.columbuscollagecollective.com/) **What is Confidence Lab?** Confidence Lab is a monthly community experience for bold, thoughtful leaders building confidence from the inside out. Whether you’re launching a business, leading a team, navigating change, or simply striving to show up more fully—you belong here. Our work demands clarity, courage, and conviction—but the pace of daily life can erode our sense of self. Confidence Lab creates space to reflect, reconnect, and grow with others doing purpose-driven work. It’s designed for entrepreneurs, nonprofit leaders, creatives, corporate professionals, activists, and anyone ready to lead with authenticity and impact. ***Please note:*** *All are welcome! If cost is a concern, please use promo code PUBLIC to access a free ticket—we want you to join us.*

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

You must check into with the host and say you are with Suzie or Columbus Meetup To get the drink specials you must check in before 8:30 pm These are the drinks specials: $3 Domestic Draft- Miller Lite & Coors Light $3 Well Liquor Cocktails (no doubles/no redbull/no shots) $4 Vizzy Seltzers $5 Select Call Liquor-Titos, Bacardi, Bombay, Cazadores Reposado, & Jack Daniels (no doubles/no redbull/no shots) $5 Select Shots- White Tea Shots & Fireball

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

Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.