Web Standards

We’re back in 2026! Come play games with us! This venue is definitely biased towards "euro" style games but any and all games are welcome. Members will bring games that they like. Anything that is fun to play and share is welcome! Don't have a game, don't worry. We've got a decent selection, but you're always welcome to bring a game if you would like. Never played a board game before or it's been 20 years? No problem, we'd be happy to show you how to play. We love beginners, because we were all beginners at one point. Life is full of stress, let Monday nights be a fun night. Some of the games our regulars own: Settlers of Catan Power Grid Dead of Winter Terraforming Mars Stone Age Elder Sign Resistance/Avalon One Night Werewolf Hanabi Race for the Galaxy King of Tokyo Puerto Rico Ticket to Ride Europe 7 Wonders Love Letter Red Planet Century Spice Road Dune and Dark Moon Also, come to a couple of Meetups and Grab your very own discount card for Mindgames in the CBD. For 10% off and other exclusive discounts.

**\*\*\*This is a pre-booking event. Please visit [artmasterclass.com.au](https://www.artmasterclass.com.au/) choose your lamp, use the MEETAMC10 coupon code, and make a reservation.\*\*\*** Join us for a hands-on workshop where families can learn the art of creating beautiful Turkish lamps together. This unique and engaging class will guide parents and kids through crafting intricate and colorful lamps. No prior experience is required, as our expert instructors will provide step-by-step instructions on design, assembly, and decorating techniques. This workshop is perfect for families and friends to bond, unleash their creativity, and take home a stunning handmade craft that can brighten any room. Come discover Turkish lamp-making's magic with your little ones in a fun and supportive environment. In this 2.5-hour workshop, you'll lose track of time and end up with a beautiful lamp to take home!

Play board games with around 20 people on 5+ tables in Elsternwick. Friendly. Inclusive. Free entry, Crunchy Euro and Thematic games. Close to public transport and free parking. Exclusive use of a function room with good lighting at the Caulfield RSL. Games are sometimes organised in advance on our WhatsApp group or in the Aftergame app: https://aftergame.app/groups/bayside-games-1853 However most games are organised following a brief discussion at the venue on the Monday night. Recently we have played the following games: Euros: Brass, Dune Imperium, Anachrony, Endeavor Deep Sea, Inis, On Mars, Ark Nova, Galactic Cruise, Viticulture, Scythe, Concordia, Terra Mystica, Gaia Project, Terraforming Mars, Castles of Burgundy, Lost Ruins of Arnak and Grand Austria Hotel, and Orleans Economic: Indonesia, Food Chain Magnate, Bus, Irish Gauge and Container. Thematic: Voidfall, Dune (Original), Root, Eclipse, Nemesis, Spirit Island, Undaunted, Chaos in the Old World, The Godfather, Spartacus and Dominant Species. **4pm start on Easter Monday** Too much board gaming is never enough ... so we are starting at 4:00pm on Easter Monday. **Full bar and snacks available** The Caulfield RSL generously provide the venue free of charge. A selection of food and drinks are available for purchase at the bar. Note that only food or drink purchased at the RSL can be consumed at the venue. We look forward to seeing you!

Welcome to Serverless Sushi, the hottest new restaurant in town! As their newly hired developer, you've been tasked with revolutionizing their online ordering system. Let's embark on this exciting journey of building a robust, scalable API using Powertools for AWS Lambda. Powertools for AWS Lambda is a developer toolkit to implement Serverless best practices and increase developer velocity. It’s an open-source project that helps implement well architected best practices earlier in the development lifecycle. Learn how to build production ready AWS Serverless APIs that will instantly work at scale and learn about Powertools for AWS Lambda. **A laptop is required to participate.**

### ✨ KISMETRIX \| Love Mastery [Ticketed Event](https://www.eventbrite.com.au/e/the-art-of-choosing-for-women-boundaries-standards-in-dating-tickets-1986299807193?utm-campaign=social&utm-content=attendeeshare&utm-medium=discovery&utm-term=listing&utm-source=cp&aff=ebdsshcopyurl) This is the first release of The Art of Choosing under our Love Mastery Series. **The Art of Choosing (For Women)** Boundaries & Standards in Dating 📍 RYVE – Level 1, 38 Shafton St, Huntingdale VIC 📅 Wednesday, 8 April 2026 🕖 7:00 PM – 9:00 PM ## A WORKSHOP FOR WOMEN WHO WANT MORE THAN SURFACE-LEVEL CONNECTION This is not about how to attract more people. This is about learning how to **choose the right ones**. Many women don’t struggle with meeting people — they struggle with **discernment, boundaries, and trusting their own judgement**. If you’ve ever felt: • You keep attracting the same patterns in dating • You ignore red flags or second-guess your intuition • You give too much, too soon • You’re unsure what you truly want in a partner • You want something deeper — but don’t know how to navigate modern dating This session is designed to support you. ## WHAT YOU’LL GAIN • **Clarity** — understanding what you truly want (beyond chemistry) • **Standards** — defining your non-negotiables with confidence • **Boundaries** — learning how to hold them without guilt • **Discernment** — recognising red flags, green flags, and inconsistency early • **Self-awareness** — understanding your patterns in attraction and attachment • **Decision-making** — knowing when to lean in… and when to walk away ## THE KISMETRIX APPROACH At Kismetrix, we believe connection should feel natural, respectful, and aligned. This is not a rigid workshop. It’s a **guided, reflective space** with real conversations, practical insights, and the opportunity to deepen your understanding of how you show up in dating. This work doesn’t stop here — it carries into how you engage in real-life interactions, including Kismetrix events. ## WHO THIS IS FOR • Women who are intentional about dating and relationships • Women who value depth, emotional intelligence, and meaningful connection • Women who are ready to raise their standards — without becoming closed off ## IMPORTANT NOTES • This is a discussion-based and reflective session (not lecture-style) • This is not a dating or matchmaking event • Outcomes in dating are never guaranteed — this is about personal clarity • Respect, boundaries, and emotional safety are central to this space • Tickets are non-refundable but transferable ## Hosted by **KISMETRIX \| Love Mastery** 📧 [social@kismetrix.com.au]() 🌐 [www.kismetrix.com.au]()

Hello everyone! Join us for an Apache Kafka® x Apache Flink® meetup on **Apr 9th from 5:30pm**, in Melbourne! The address, agenda, and speaker information can be found below. See you there! **📍Venue**: 394 High Street Northcote, Victoria 3070 \*\*\* **🗓 Agenda:** * 5:30pm: Doors open * 5:30pm - 6:00pm: Pizza, Drinks, and Networking * 6:00pm - 6:30pm: Chad Harris, Solutions Architect, Factor House * 6:30pm - 7:00pm: Stephen Ermann, Senior Customer Success Technical Architect * 7:00pm - 7:30pm: Additional Networking \*\*\* **💡 Speaker:** Chad Harris, Solutions Architect, Factor House **Talk:** Things that go bump in the night: Kafka Operational Issues and How to Survive Them **Abstract:** Most Kafka talks focus on how things should work—this one is about what actually happens in production. We’ll walk through real-world operational issues encountered with Apache Kafka and its clients, from subtle misconfigurations to full “why is everything on fire?” moments. Along the way, we’ll break down how to identify what’s going wrong, which signals actually matter, and how to approach debugging when the system doesn’t behave the way you expect. This talk will also touch on observability, common failure patterns, and practical mitigation strategies you can apply immediately. Expect a mix of technical deep dives, debugging workflows, and a few war stories (including some questionable decisions and log-staring sessions). If you’ve ever wondered whether it’s just you? It's not! **Bio:** Chad Harris is a streaming data specialist and Solutions Architect at Factor House, where he helps organisations design, scale, and operate Apache Kafka platforms using industry-leading tooling. With experience scaling Kafka across organisations ranging from small startups to some of Silicon Valley's largest companies, Chad has been working with Kafka since its early days. He brings deep expertise across both real-time streaming and data-at-rest systems, with a strong focus on practical, production-ready architectures. \-\-\-\-\- **💡 Speaker:** Stephen Ermann, Senior Customer Success Technical Architect **Talk:** From Lag to Smooth Sailing: How Queues for Kafka (KIP-932) Fix Slow Consumers **Abstract:** Slow or bursty consumers are one of the most common reasons Kafka applications end up fighting lag, over-provisioning, and operational fire drills. Traditional Kafka consumer groups work brilliantly for high-throughput stream processing, but they can make it hard to serve heterogeneous consumers, apply backpressure cleanly, or guarantee fair access when some consumers fall behind. In this talk, we’ll explore **Queues for Kafka**, the new KIP-932 feature that introduces native queue semantics on top of Kafka’s battle-tested log foundation. We’ll look at how queues decouple producer and consumer throughput, isolate slow consumers without penalising fast ones, and provide more predictable delivery and scaling behaviour for “task” and “work queue” style workloads. You’ll walk away with: * A clear mental model of how Kafka queues differ from topics and consumer groups * Concrete design patterns for handling slow and spiky consumers * Migration tips for evolving existing Kafka-based services to use queues safely If you’ve ever stared at a lag graph wondering whether to add more consumers, more partitions, or more coffee, this session will show you a cleaner path to smooth sailing with Kafka. **Bio:** Stephen Ermann is a **Senior Customer Success Technical Architect at Confluent**, working with leading financial institutions across APAC to design and operate mission-critical, real-time data platforms. With deep experience in **Apache Kafka**, **Confluent Cloud and Platform**, and surrounding ecosystems like **Kafka Connect** and **Apache Flink**, Stephen helps customers solve hard problems around scalability, reliability, and security in production. They are particularly focused on **RBAC, OAuth, mTLS, and container image security**, as well as emerging **agentic AI** patterns built on streaming data. Outside day-to-day architecture work, Stephen regularly shares practical patterns and lessons learned at meetups and user groups across the region. \*\*\* If you would like to speak or host our next event please let us know! community@[confluent.io](http://confluent.io/)

Our regular monthly presentation night on the second Thursday of the month from 6:30pm! Thanks to Mantel Group for hosting us again this month. If you're coming in person we're there with food and drinks from 6pm. We will be live streaming the presentations as usual from 6:30pm at [http://www.melbournecocoaheads.com/live](http://www.melbournecocoaheads.com/live) \-\-\- **Agenda** \| 6:00pm \| Food \+ Networking \| \| 6:30pm \| Event begins\. Introductions \| \| 6:40pm \| Chris Hocking — Pretending to be a coder \- Version 3: The world has changed since we last saw Chris… Codex\, Claude and burnout\. \| \| 7:15pm \| TBC \| \| 7:55pm \| Wrap up \+ social time at a nearby venue \| \* All times are approximate. Presentation order will be confirmed on the night. \-\-\-\- We are always looking for speakers and believe everyone has an interesting talk hiding inside themselves. If you are interested in letting that talk out at a future event you can get in touch on the website [https://www.melbournecocoaheads.com/talks](https://www.melbournecocoaheads.com/talks) or on Slack.

Hi Gophers! Join us this April for an evening of Go talks exploring real-world systems, from building a BitTorrent client to running Go on legacy architectures. We are looking forward to connecting with you. * **Agenda** **6:00pm — Food & Networking** **6:30pm — Intro + Go News** **6:45pm — Talks** **8.00pm — Wrap up then head out for kick ons** **🎤 Tom Clancy** **Building a BitTorrent client in Go** BitTorrent, first released in 2001 is a peer-to-peer protocol for file sharing. Its decentralised approach, where pieces of files are exchanged with peers (rather than a central server), is a natural fit for Go's concurrency model. This talk looks at the inner workings of the protocol, how to build your own client, and concurrency patterns for performance. Bio: Tom is a Software Engineer at Megaport, working on their edge networking functions platform (written in Go). **🎤 Sam Hobson** **Compiling Go for Ancient Architectures** Some customers approached Knocknoc asking if we can get our Go agent to run on their old HPUX PA-RISC and Solaris SPARC machines, both unsupported by Go, and we took on the challenge of finding a way to make it work Bio: "I'm Sam, I'm a software engineer of a couple of years working at a startup called Knocknoc on Just-in-time network layer access control software. Please come talk to me about cool stuff you're working on!" * **Interested in speaking at an upcoming event?** We will aim to have a mix of short (\~10min) and in-depth (20-30min) talks. If you’re keen to give a talk on a topic, share a project, or idea, please let us know [bit.ly/GolangMelbourneSpeakersForm](https://bit.ly/GolangMelbourneSpeakersForm)

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

**TBA**

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

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

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

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

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