Web Standards

Join us for Linux Town Hall meeting where we discuss the upcoming Hardware Freedom Day. This is an open Town Hall meeting where all community members are welcome to attend, observe, and contribute to the discussion. Whether you're a long-time LUV member or new to our community, your input is valuable as we shape the future of Linux Users Victoria. The meeting will be held online, making it accessible for everyone to participate from the comfort of their own space. This is a great opportunity to learn about Linux Victoria's behind-the-scenes operations and how you can get involved in our growing open-source community. Come be part of the conversation as we work to strengthen and expand Victoria's Linux adoption and open source practice! ## Key Discussion Points \- Upcoming Hardware Freedom Day \(April 18th\) \- Project Moonshine \(Remote Displays for Linux Desktops\): WIP report and demo ## How To Join Online Link to join: [https://electronworkshop.com.au/goto/venue](https://electronworkshop.com.au/goto/venue) We use a self-hosted Big Blue Button instance (aka BBB) for this meeting, managed by Electron Workshop and hosted by Serversaurus. ## Join In Person Maps Link for Inspire9: [https://maps.app.goo.gl/eRMAXpBdmG1Ece4m9](https://maps.app.goo.gl/eRMAXpBdmG1Ece4m9) **Getting to Inspire9:** Train station is located right next to Inspire9. Tram 70 is a short 2 minute walk. There is 2hr parking on the street but very often there are no spots. Inspire9 main entrance is wheelchair accessible. When arriving, head for the AKM building. ## Schedule 19:00 Meet and greet 19:30 Opening 20:30 ClosureApril

Whether you're looking for a short, light game or a longer strategy-heavy game, come join the Melbourne Asian Board Gamers on Tuesday night at Marché Board Game Cafe for some fun! To **check in**, please head to the front counter and show your RSVP for the Meetup event to a Marché staff member. They will then point you towards the event host for the evening to take down your attendance. **⋆⋆⋆⋆⋆⋆⋆⋆⋆⋆ Cost ⋆⋆⋆⋆⋆⋆⋆⋆⋆⋆** Attendees who have registered for the event on Meetup can play at discounted rates, with the following payments to be made: * **$7 in total per session” to cover Meetup subscription and cafe costs. Payment of $7 should be made to Marche at the front counter upon notification to the staff member that you are here for the scheduled meetup. There is now no minimum spend on items at the cafe as there were before. The cafes menu can be found here https://mbgcafe.com.au/menu.pdf . Only attendees on the "going" list are entitled to the discount. attendees that are on the waitlist or didn't register on Meetup are still welcome to come, but will need to pay the regular Marche rate of $22 for three hours of board games (includes one free drink). **Attendance** As our events are highly popular, if you have RSVP as going but can no longer attend, please amend your RSVP to allow others a chance to attend. If we notice people are not showing up when they have RSVP, you will be moved to the waitlist the following week and give priority to those who actually turn up. We appreciate everyone's understanding and co-operation. We really appreciate your support and look forward to playing with you.

Ever feel like your thoughts make sense in your head, but don’t land the way you want out loud? This session is built for that. Join us for a practical, relaxed workshop with **Stephen Lakey**, a communication coach and keynote speaker who has helped leaders and teams communicate with clarity and impact. This is not theory heavy. You will learn simple, usable ways to organise your thoughts, speak more clearly, and feel more confident in real conversations. **What You’ll Get Out of It** • Understand why communication can feel chaotic and how to simplify it • Learn how to express your ideas clearly without overthinking • Build confidence in social and professional conversations • Practice structured communication that feels natural and usable. **What to Expect** A relaxed, neurodivergent friendly space with no pressure to perform. You can participate at your own pace. **Meet Your Hosts** Stephen Lakey Communication coach, mentor, and Board Chair at ASCLA. Stephen helps people turn complex thinking into clear, structured communication that actually lands. Nick Watkins Founder of NeuroSparks, co-leading workshops and events that help neurodivergent adults build confidence, communicate clearly, and form meaningful connections. **Note** This workshop is for educational and coaching purposes only and is not medical or psychological advice. Spots are limited. Lock in your place early. Payment: Bring $20 cash or contact us for payment.

**🙋‍♀️**Welcome to our Tuesday Social + language ​exchange meetup. We Meet at La Di Da Weekly, 577 Little Bourke Street. **We ask that you purchase a drink on entry or pay $3.5 for entry.** 👉We always have between 150 - 200 people attending our Tuesday event since this event is listed in 3 different meetup groups. Some people come early some come late, best time is between 6pm to 9pm. 👉This is a great opportunity to learn to speak English with native and non-native speakers. Many English speakers, Europeans, Chinese, Japanese, Koreans, and other Asians attend our fun and friendly party. 👉It is suitable for international students, working holiday people, professional ex-pats, and local Australians. Find more Info; [https://instagram.com/Linguas.AU](https://instagram.com/Linguas.AU) or @Linguas.AU

**🙋‍♀️**Welcome to our Tuesday Social + language ​exchange meetup. Meet people from many countries and make new friends. 👉We always have between 100 - 150 people attending our Tuesday event since this event is listed in 3 different meetup groups. Some people come early some come late, best time is between 6pm to 9pm. 👉This is a great opportunity to learn to speak English with native and non-native speakers. Many English speakers, Europeans, Chinese, Japanese, Koreans, and other Asians attend our fun and friendly party. 👉It is suitable for international students, working holiday people, professional ex-pats, and local Australians.

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/)

John will host this event. This event will go ahead. 11:00-13:00 will be sand castles. By the look is the attached web site, they are undercover this year. And a slightly differently set up. You can access them by train (the trains are free) There is a cost (ticket prices below). https://www.visitmelbourne.com/regions/mornington-peninsula/whats-on/art-and-exhibitions/the-australian-sand-sculpting-championships 13:00-14:00 lunch on the way to the street art wander. Street art map will be sent to John. And here: https://images.impartmedia.com/imaginefrankston.com.au/AAA_2024_events/StreetArtMap_2024.pdf Do as much or as little as you’d like

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