Web Design

Hello everyone! Join us for an IN PERSON Apache Kafka® x Apache Flink® meetup on Apr 10th from 6:30pm, hosted by Credit Agricole CIB in Singapore! **📍 Venue:** Mapletree Business City Blk 20 West 20 Pasir Panjang Road Singapore, 117439 , Level 13 \*\*\* **🗓 Agenda:** * 18:30pm-19:00pm: Food, Drinks & Networking * 19:00pm-19:30pm: Zabeer Farook, Technical Architect, Credit Agricole CIB * 19:30pm-20:00pm: ​Dominique Ronde, Staff Solution Engineer, Confluent * 20:00pm-20:30pm: Networking \*\*\* **💡 Speaker:** ​Dominique Ronde, Staff Solution Engineer, Confluent **Talk:** Guardians of the Stream: Kafka, Flink, and the Rise of GenAI **Abstract:** In this session we will explore how Kafka and Flink can seamlessly integrate with GenAI to build intelligent systems capable of real-time learning, automation, and decision-making. Discover the next frontier in data streaming and artificial intelligence, where Kafka, Flink, and GenAI take center stage in shaping the future of industries. **Bio:** ​**Dominique Ronde** is a Staff Solution Engineer at Confluent, a pioneer in enterprise event-streaming platforms. With previous roles as a Big Data Architect and Data Scientist at freeyou, SAP, and Allianz, Dominique brings deep expertise in digital transformation, Java, AWS, and Apache Kafka®. Since 2016, he has worked extensively with Apache Flink and currently serves as a subject matter expert in the APAC region. Dominique is a frequent speaker at conferences worldwide, with a recent focus on innovative data use cases in the insurance industry. Outside of work, he enjoys experimenting with Arduino microcontrollers, IoT home devices, and traveling. \-\-\-\-\- **💡 Speaker:** Zabeer Farook, Technical Architect, Credit Agricole CIB **Talk:** Natural Language Analytics in the Lakehouse : Why is it harder than it looks? **Abstract:** AI agents and the Model Context Protocol finally make natural language analytics on your lakehouse technically plausible — any LLM can discover your schema, plan a query strategy, and return results in seconds. But connect an agent directly to your Iceberg stack and something uncomfortable happens: it returns confident, fluent, wrong answers with no signal that anything is amiss. This talk demonstrates exactly why — wrong metric formulas, invented business terms, incorrect join paths — and introduces the architectural layer that fixes it: the unified semantic layer, exposed as an MCP API. A glimpse at what becomes possible when agents call meaning, not just schema. **Bio:** Zabeer is a seasoned Technology Architect with nearly 20 years of experience in enterprise software across FSI and fintech, including retail banking, wealth management, KYC, regulatory reporting, and payment systems. He brings strong expertise in digital transformation, legacy modernization, and data engineering, with hands-on experience in AWS, Kubernetes, Kafka, Flink, Spark, APIs, and DevOps. Actively contributes to the Singapore tech community, co-hosting Kafka meetups and delivering technical talks, with a strong focus on real-time data streaming and event-driven architecture. \*\*\* ***DISCLAIMER*** BY ATTENDING THIS EVENT IN PERSON, you acknowledge that risk includes possible exposure to and illness from infectious diseases including COVID-19, and accept responsibility for this, if it occurs. As the classroom is a mask-on setting, please be reminded that masks should still be worn at all times unless actively eating or drinking NOTE: We are unable to cater for any attendees under the age of 18. \*\*\* If you would like to speak or host our next event please let us know! [community@confluent.io](mailto:community@confluent.io)

**Friday is our open co-working day.** ​​Friday is our open co-working day. Arrive anytime from 10AM — bring your laptop, grab any open seat, stay as long as you like. ​Most people show up after lunch and settle in before The Stage. It's quiet, focused, and builder- and founder-led. ## **​**The Stage @ 1.30pm: **Before You Build: How to Think and Design Your Way to a Better Product with AI** ​AI made building cheaper. But it also made it easier to build the wrong thing, in the wrong way, too quickly. ​Before writing code, there are three things worth getting right: 1. ​Are we solving the right problem? 2. ​What are the core building blocks of the product? 3. ​Is this the right experience for the user? ​Gang Rui will share how he uses AI as a thinking partner before implementation starts—clarifying the problem, shaping the product's mental model, and exploring UI directions before anything gets built. ​He’ll also live-demo Paper, an AI design tool that helps teams move from rough ideas to designed screens, so you can validate the experience before committing to implementation. ​If you build with AI and want to ship products that feel clear, useful, and polished—not just fast—this session is for you. ​**Speaker — Gang Rui** ​Gang Rui is a Product Builder and the founder of Butterdot, an agency that helps companies build and fix AI systems that work beyond the demo. His work spans product design, RAG pipelines, AI agents, and evaluation frameworks. ​LinkedIn: [https://www.linkedin.com/in/limgangrui/](https://www.linkedin.com/in/limgangrui/?utm_source=luma) ​Butterdot: [https://butterdot.com/](https://butterdot.com/?utm_source=luma) After the session, we go back to work

**For ages 13 and above.** In this class, you will build on the basics from Foil Foundational Class and continue to learn more advanced technical skills and their applications, such as: * Different parries * Compound attacks * Counter riposte * Counter attack ### **Address** 231 Mountbatten Rd, BLK F, #01-01, Singapore 397999 ### **Schedule** Fridays 730PM - 930PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

Want to test your skill at the sport? Be the Willliam Tell or Robin Hood? Absolute Archery (Singapore) was inaugurated in 2020, aiming to provide training venue, competitive coaching, fun shoot events and a place for the community bring people together to advocate and support each other in pursuing the sports. Our head coach, Colin, has been active in the sports since late 90s till date. Being a competitive archer, he was with the National Team and had accumulated experiences which he could share with the archers and students. **Past Experiences** * National Team (Compound) 2000 - 2002 * National Junior Development Team Coach (Compound) 2013 - 2015 * Community Club Compound Coach 2013 - 2018 * National Team (Compound) 2018 - 2020 * Tampines Meridian Junior College Archery Coach 2018 - now ### **Address** 9 Ah Hood Rd, East Asia Institute of Management ### **Schedule** Fridays 1030AM - 12PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

**For ages 17 and above.** The Quickstep was developed in the 1920s in suburban New York, and was greatly influenced by the Charleston fever of 1925. Seen as a light and fast-paced dance with smooth glides and chasses, the Quickstep is a dance with basic steps that are easy to learn for beginners, and provides an impressive expression of rhythm for advanced dancers. The Quickstep is certainly a fun dance for those who want to learn Ballroom dancing and also keep in shape. ### **Address** 795, North Bridge Rd, #02-01 797, 198763 ### **Schedule** Fridays 9PM - 10PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

**For ages 12 and above.** As you have fun exploring new dance moves, our dedicated instructors will be able to provide you with the attention and pacing required for your growth (and of course, fun!) ### **Address** 73 Dunlop St, #01-02, Singapore 209401 ### **Schedule** Fridays 8PM - 9PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

**For ages 14 and above.** Latin Technique class. Solo dance. ### **Address** 80 Chay Yan St, Block 80, Singapore 160080 ### **Schedule** Fridays 9PM - 10PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

**For ages 13 and above.** A fast paced freestyle choreography class that will work your groove and musicality through Desi tracks. Well-suited for dancers with some dance background. Don't forget to bring a whole lot of swag with you! Dance Embassy is everything about fitness and wellness of the body and mind. We have facilitated more than 10,000 members to experience and spread the transformative power of dance and fitness since 2015. ### **Address** Tiny Studio, 291 Serangoon Road, #04 – 02, Singapore 218107 ### **Schedule** Saturdays 230PM - 330PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

Prostate cancer is the most common cancer among men in Singapore. Most men have no symptoms in the early stages — and by the time they do, it may already be advanced. **Early detection saves lives. And it starts with knowing your risk.** This April, take the most important step for your health and join us for a free, expert-led talk by **Dr. Lim Huat Chye Peter** — one of Singapore's most respected urologists and founder of the Society for Men's Health (Singapore). **📅 Date:** Saturday, 11 April 2026 **🕑 Time:** 1:30 PM – 4:00 PM **📍 Venue:** Farrer Park Hospital, Connexion, #16-06 (Viv Hall) **💰 Admission:** FREE **If you're a man over 40, this talk is for you.** Most men avoid talking about their health — until it's too late. Don't wait for symptoms. Prostate cancer is highly treatable when caught early, but the window matters. This is your chance to get straight-talking, expert guidance in a relaxed, open setting where all questions are welcome. **What you'll learn:** * What prostate cancer is and how it develops silently * Who is at risk — and why men over 40 need to act now * When and how to get screened, and what tests to expect * Treatment options and the latest advances in urological care * How to have the conversation with your doctor — and what questions to ask Come alone, or bring a father, brother, husband, or friend. The men in your life need to hear this. **Seats are limited. This event is free — but your health is priceless. Register now before it's too late.**

**New Chapter, Better Cocktails, made just for you ✨** Your social circle shouldn't shrink just because your schedule is full. **Liquid Convo** invites you to **X&Y Zone** — a curated space for Gen X and Y to meet, chat, and build new connections in a relaxed, welcoming environment over food and drinks. For the April edition, we’re hosting a ***private*** ***bespoke cocktail experience*** for those in their 30s and 40s who still value the art of a new connection. Be spoilt with cocktails catered to your individual palate, created just-for-you by the in-house mixologist at ***KAI Bar***, and partake in some real talk for a community that’s finally hitting its stride. Skip the small talk and the "usual" spots. **Only 30 slots available — grab your seat at [Luma](https://luma.com/phi9a67b).** **✨ Why Join Us?** * **Warm Welcomes:** Our hosts act as "social catalysts". If you’re shy or coming alone, just find a host—we’ll introduce you to a friendly group immediately. * **Zero Pressure:** No forced networking or rigid schedules. Just organic conversation and good energy. * **A Safe Space:** We maintain a strict "No-Harassment" environment so you can relax and be yourself. **📍 Venue & Details** * **Where:** KAI Bar *(138 Robinson Rd, #01-06 Oxley Tower, Singapore 068906)* * **When:** 6PM to 9PM 🎟️ **Admission** (Pls signup via [Luma](https://luma.com/phi9a67b)) * Note: RSVPs on Meetup do not count as a confirmed spot. * Price includes one bespoke cocktail per pax. Early Bird Tickets: $28 per person Regular Tickets: $35 per person Special buddy ticket bundle: $55 for two; because drinks are better when shared with a friend. **🎁 Exclusive Perks for Our Guests** * **A *private* venue** that's only for our guests; no walk-in customers, no distractions – just an intentional space for you to mingle in. * Every cocktail served is made ***just for you***, simply let the in-house mixologist know your preferences! **🤝 Our Community Values (The "Fine Print")** To keep our vibes high and our community safe, we have a **zero-tolerance policy** for solicitation, insurance/MLM pitching, or any form of harassment. If anyone makes you feel uncomfortable, please let an organiser know immediately. We’ve got your back. **💬 FAQs** **"I’m coming alone... is that okay?"** Absolutely! About 70% of our attendees come solo. Our hosts are on-site specifically to help you break the ice and ensure no one is left standing alone. **"What if I don't drink alcohol?"** No problem! KAI Bar is able to whip up mocktails for you as well, aside from their menu of wine, beer, and other beverages. It’s about the *convo*, not just the *liquid*. **"How do I stay connected?"** Join our growing community to see photos from past events and chat with people before you even arrive! 👉 **Telegram:** [https://t.me/liquid_convo](https://t.me/liquid_convo) 👉 **Instagram:** [@liquidconvo](https://www.instagram.com/liquidconvo/?referrer=luma)

Here's an engaging photography meetup description for Chinatown: Join us for a fun photography adventure in Chinatown! Whether you're a pro or just starting out, this is the perfect place to capture amazing photos. In Chinatown, you'll find colorful lanterns, bustling markets, and beautiful architecture. Bring your mobile phone or any camera you have - we'll explore the area together and snap some great shots. Join us if you are interested in photography. It doesn't matter if you are a pro or a beginner; we do it for the love of photography. We'll kick off with a short meet and greet before heading out to click pictures together. After our photo walk, we'll end at a nearby coffee shop to chat and share our experiences. This is a free event, but please RSVP to let us know you're coming. If you have any trouble finding us or have questions, feel free to call or text: Jay: +65 9352 0249 Sandeep: +65 8609 1667. Join our WhatsApp group for live location sharing: https://chat.whatsapp.com/IYNcf63yaXr2PAXyrjeHzi We share our live location there to help everyone stay connected — especially as people naturally wander off while shooting. Meeting Point: Chinatown MRT - Chinatown MRT — Exit A (Pagoda Street) Route: Pagoda St → Trengganu → Temple → Sago

**For ages 7 and above. Children aged 5 to 7 require parental assistance.** Want to test your skill at the sport? Be the Willliam Tell or Robin Hood? Absolute Archery (Singapore) was inaugurated in 2020, aiming to provide training venue, competitive coaching, fun shoot events and a place for the community bring people together to advocate and support each other in pursuing the sports. Our head coach, Colin, has been active in the sports since late 90s till date. Being a competitive archer, he was with the National Team and had accumulated experiences which he could share with the archers and students. **Past Experiences** * National Team (Compound) 2000 - 2002 * National Junior Development Team Coach (Compound) 2013 - 2015 * Community Club Compound Coach 2013 - 2018 * National Team (Compound) 2018 - 2020 * Tampines Meridian Junior College Archery Coach 2018 - now ### **Address** 9 Ah Hood Rd, East Asia Institute of Management ### **Schedule** Sundays 2PM - 3PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

**For ages 17 and above.** Influenced by the Spanish and African culture, the Tango is sensual and passionate, one of the most fascinating dances. Stylized strides dominate this dance, along with periodical sharp and staccato movements. Tango’s passionate nature evokes a strong connection to the music, your partner and the audience, a dance that is exciting and often easy to learn. Its dramatic nature also makes Tango a very popular dance that is often featured in blockbuster movies; a favourite dance for those who enjoy drama within a dance. ### **Address** 795, North Bridge Rd, #02-01 797, 198763 ### **Schedule** Sundays 430PM - 530PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

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

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