Webflow

**React Meetup - Speaker Lineup Confirmed** 🎉 🖥️ **Andrey Sidorov** - *Introduction to React Server Components.* Ever wondered why RSCs exist and how they actually work under the hood? Andrey's got you covered. *** 🤖 **Abhin Rustagi** - *Up and Coming with Generative UI in React*. Your AI chatbot doesn't have to reply with walls of text. Abhin will show how language models and React components can team up to render dynamic weather cards, charts and forms mid-conversation. Live demo included, plus the lessons learned along the way. 🔥 *** 🔐 **Zach Jensz** - *The Padlock is Fake - How the Web Bootstraps Trust From Nothing on a Hostile Network*. That little padlock in your browser? Not what you think. Zach breaks down how web trust actually works. This one will change how you see the internet. *** ⚡ **Eddie Weatherhead** *(Lightning Talk)* - *Just A Bit: Re-using a Customisable Component in Three Different Contexts* . A React beginner's journey reusing a single core component across a dashboard, a logged-out preview, and a feed. Simple idea, surprisingly deep. *** 👀 Looking forward to seeing everyone there! Drop a RSVP if you haven't already and spread the word. See you soon! 🚀 📅 **Date:** Wednesday April 1st 📍 **Location:** Kogan HQ South Melbourne 🍕 Pizza, Drinks and a good time provided :) Looking forward to seeing everyone. See you there!

It's DDD but \***lightning**\*. The evening will be a hybrid event hosted by the DDD Melbourne crew and consist of short & sharp presentations of fifteen minutes in length on a dev related subject. Venue space is limited, we cannot accommodate more than **90 people**. First come first served! **ONLINE ATTENDANCE** You can join us online, we'll aim to get the call started somewhere around 6pm before we have our introductions and first speaker. Remote audience link --> **TBA** You can ask questions of our speakers via Slido. We'll try to ask your questions as they come through on Slido, but we may not get to all of them. **TALKS** **Elmer Rokerick Niem Bool** neurUL: Duplicateless Databases Using Biomimicry In this talk, Elmer will present neurUL (neurUL Universal Language), a new neurobiological programming language, inspired by computer science, neuroscience, cognitive science, linguistics, and philosophy, that can enable a highly efficient and flexible method for data storage. Using neurUL, developers will be able to solve the ""unavoidable redundancies"" problem, wherein, despite the introduction of database normalization more than half a century ago, relational databases with their current limitations, are still plagued by costly, ever-growing redundancies across columns, rows, tables, as well as in schema definitions **Suyogya Taneja** CQRS in Modern .NET: Clean Architecture, Vertical Slice, Microservices, and AI-Assisted Development with Claude Code The talk will explore implementing CQRS in modern .NET applications across Clean Architecture, Vertical Slice Architecture, and Microservices, along with demonstrating how AI-assisted development using Claude Code can help accelerate building CQRS-based features such as commands, handlers, and tests. **Anderson Santos** Automate Work and Build Tools with No-Code Repetitive tasks are everywhere, copying data between systems, updating records, processing documents, and managing manual workflows. In this talk, Anderson will show how no-code automation platforms like Make allow anyone to connect systems, eliminate boring work, and build powerful workflows without writing code. He will also briefly explore how the same approach can be used to create internal tools and even launch small SaaS products. **Ben Taylor** Building MCP Servers is Surprisingly Easy The Model Context Protocol (MCP) is changing what is possible with LLMs and enabling general purpose agents. It turns out building MCP servers is super easy. Ben will talk about what an MCP is, some background around the security considerations involved, how to build one, and what you could use it for. **SCHEDULE** **5.45pm** Open doors, food served **6.10pm** Intro and three talks **7.30pm** Break for networking and drinks **8.00pm** Two more talks **8.45pm** Close **CODE OF CONDUCT** All DDD events are subject to the DDD Code of Conduct available at https://www.dddmelbourne.com/code-of-conduct/ **VENUE AND FOOD SPONSOR** [Luminary](https://www.luminary.com/) **FUTURE EVENTS** Are you interested in speaking at a future DDD by Night? That's awesome, we'd love to have you! We take speakers of all experience levels and offer training too. [Fill out this form](https://forms.office.com/r/12c0CvLwQk) and we'll be in touch. **FEEDBACK** Feedback, whether it's good or constructive, helps us grow and improve these events and so we'd love for you to fill out the form here --> https://forms.office.com/r/MB8WGKv9Bi

**Register now to attend! =>** [https://konfhub.com/ksug-au-2026-04-01](https://konfhub.com/ksug-au-2026-04-01) **<=** **Latest promotions** discovered by our community! * Request [60% OFF Kubestronaut](https://forms.gle/tpAizfSUy94SMAW9A) bundle code * **20%** OFF **[FinOps](https://ksug.ai/finops)** Certs Code: **KSAI_20** * Missed **75%** off [LF / CNCF](https://lf.ksug.ai/)? [Get Notified](https://ksug.ai/?notify&ref=meetup) for next BIG drop! We're excited to welcome you to the upcoming **KSUG.AI Australia Meetup** — happening both in-person at at Amazon and online via [Zoom](https://linktr.ee/ksug.ai)! 🎉 We're actively seeking more awesome K8s and AI topic speakers! 👉 [https://speaker.ksug.ai](https://speaker.ksug.ai) **Agenda and topics preview:** * Food, drinks and Socializing * Welcome / Introductions by the Organizers @**[KSUG.AI](https://ksug.ai/?ref=meet)** * **Topic 1:** Future of **SRE** with AI by **[Jay Desai](https://www.linkedin.com/in/jaydesai83/)**, Senior SE @**[Datadog](https://www.datadoghq.com/)** * **Topic 2:** Revealing **Data** Achitect Technics and how to Containerize a ELT solution by **[Rodrigues Lopes](https://www.linkedin.com/in/rodrigueslopesdataarchiect/)**, Data Architect, @D2i Consulting * **Topic 3:** **DGX** Spark Live: Nemotron 3 Super running **OpenClaw** for free by **[Thiago S S Ramos](https://www.linkedin.com/in/thiago4go/)**, Cloud Engineer, DNX Solutions * **Quiz time:** nice swags giveaways Food and drinks will be provided between **5.30 and 6 pm** on a first-come, first-served basis. This is a great opportunity to learn and network with our peers. Thanks to our sponsors @**[Amazon](https://aws.com/)**! **[Register here](https://konfhub.com/ksug-au-2026-04-01) to secure your spot!** See you all there! **Location:** Amazon MEL12, Level 13.304 [555 Collins St, Melbourne VIC 3000](https://maps.app.goo.gl/Kbi13GZqj2zDqDz2A) 👉 Join our [Discord](https://discord.com/invite/Rp9WzYyKua) and [WhatsApp](https://chat.whatsapp.com/D9a9IDiCS7U4cqQ0Sh60cz?mode=gi_t) for latest update! 🔖 𝐎𝐧𝐠𝐨𝐢𝐧𝐠 𝐃𝐢𝐬𝐜𝐨𝐮𝐧𝐭𝐬: ☸ 30% OFF **[Kubernetes](https://lf.ksug.ai/)** Certs - Code: **30K8SUG** ☸ 20% OFF **[FinOps](https://ksug.ai/finops)** Certs - Code: **KSAI_20** 𝐖𝐡𝐲 𝐖𝐞 𝐃𝐨 𝐓𝐡𝐢𝐬: ✅ Learn 𝐅𝐀𝐒𝐓𝐄𝐑 ⚡ ✅ Certify 𝐒𝐌𝐀𝐑𝐓𝐄𝐑 💰 ✅ Grow 𝐒𝐓𝐑𝐎𝐍𝐆𝐄𝐑 💪 𝟐𝟎𝟎,𝟎𝟎𝟎+ follow **[KSUG.AI](https://ksug.ai/?ref=meet)** 🔥 [linktr.ee/ksug.ai](https://linktr.ee/ksug.ai) *By registering, you consent to the management of your personal information in accordance with KSUG.AI Meetup's [Privacy Policy](https://k8sug.ai/privacy). Additionally, you agree that our sponsors may contact you.* **[KSUG.AI](https://ksug.ai/?ref=meet)** is an independent community and not affiliated with or endorsed by CNCF. Kubernetes, K8s, Kubestronaut are registered trademarks of The Linux Foundation.

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

Join us every **Wednesday at 5 PM** at the Emporium food court (located behind Grill’d Burger Restaurant in the CBD, not near Melbourne Station) for a dynamic networking event tailored for filmmakers, actors, and film enthusiasts. Afterward, we continue the evening with Happy Hour drinks at a nearby bar and a chance to grab dinner together. Understanding that schedules vary, feel free to join at any time that suits you. Rain or shine, our community has gathered every week for the past year, maintaining a consistent and welcoming environment. Our group has grown remarkably, with a **weekly turnout of over 50 participants**, blending newcomers with regulars to create a vibrant, diverse community. Feel free to bring friends interested in filmmaking; it’s a great way to introduce new faces to our expanding network. Whether you’re a writer, actor, animator, or independent filmmaker, come share your experiences, discuss current projects, or chat about favorite films. This event fosters connections among like-minded individuals, encourages friendships, and opens doors for collaboration. At **7 PM**, we move to The Carlton Club, a five-minute walk away, where we continue networking in a more formal rooftop setting over drinks and food. This change of venue offers an ideal environment to keep conversations flowing. **RSVP** to help us gauge attendance and become part of a growing network of film professionals and enthusiasts. Though the event begins in the afternoon, the relationships you build here can last well into the night and beyond. **What to Expect:** *Our Wednesday meetup is primarily a large networking event for industry professionals. There’s no set theme, workshop, or speaker. It’s a relaxed gathering where filmmakers, actors, and creatives can connect, discuss projects, share needs, and learn from each other. Conversations flow freely around the table, fostering an environment of growth and camaraderie. Beyond Wednesdays, we also host exclusive events such as table reads, cinematography workshops with Panasonic, member screenings, and more. Each week brings fresh dialogues—some participants discuss their weekend shoots, others exchange insights with seasoned producers and directors, and a few engage in filmmaking exercises. It’s a space designed for creative engagement without strict structure or formal oversight.* *Note: Our community emphasizes collaboration, friendship, and goodwill rather than promotional activities. If you wish to promote a workshop, course, screening, or similar event, please contact the organizers first. Promotional privileges are generally reserved for trusted, long-standing members.

**Salsa, Bachata & Kizomba Beginner Classes in Prahran** 💃🏼🕺🏻 Always wanted to try? Now is the time! Learn to dance with our friendly beginner classes for Salsa, Bachata & Kizomba. You’ll always walk away with a smile after dancing! **Get Fit. Have Fun. Meet new people.** Every Wednesday night Prahran RSL \*\*\*\*\*\*\*\* **Timetable** 👉 **6.30pm** **FREE Intro to Cuban Salsa** (30mn) 👉 7.00pm Beginner 1 Cuban Salsa & Bachata 👉 8.10pm Beginner 1 Kizomba 🔸Privates lessons also available if you can’t make group classes! \*\*\*\*\*\*\*\*\* **Location:** Prahran RSL 301 High Street Prahran Looking forward to seeing you all! 💃🕺🏻 \*\*\* **Cost:** Try our Free Intro class and after if you want to increase your dance level, feel free to enjoy our special deal for new students below! 📣 **Beginner Welcome Pack** 📣 4 weeks Beginner Classes + 30 min Private Lesson Just $65!! (value $165) 👉For more information 🔸You can contact us directly : 0411 572 822 ✅ David Smile Dance https://www.davidsmiledance.com

TENTATIVE. A show of interest if anyone is interested in spending Easter Monday on a relaxing hike. Unsure if it will go ahead, depends on numbers and weather. If the weather holds up, you can expect a relaxing and friendly walk/hike Bring your fluffy friends, or bring your friends. An alternative route might be the Mullum Mullum Creek trail from Warrandyte to Ringwood.

Welcome to Elixir Melbourne's monthly meetup. Where we go over Elixir ecosystem news, listen to great talks, and socialise with other Elixir developers of all levels. We’re rebooting the meetup after a hiatus with new (and old) organisers, a new venue and emphasis on more time to socialise. There are still speaking spots open. If you want to talk about anything Elixir related, get in touch. **Agenda** * 6:00pm - Arrive, socialise * 6:30pm - Welcome; introduction; “who’s hiring” pitches. * 6:45pm - Talk 1 (speaking spot open!) * 7:15pm - Food, socialise * 7:45pm - Maybe another talk (speaking spot open!) * 8:15pm - Finish up and head to Saint & Rogue (down the street from SuperAPI at 582 Little Collins St, Melbourne) **Sponsor** Huge thanks to [SuperAPI](https://superapi.com.au/) for catering and venue.

Over the Easter long weekend, Bendigo’s beautiful Rosalind Park and surrounding streets will be transformed into a vibrant precinct bursting with family-friendly entertainment. An extensive program of activities and attractions offers something for all ages. Be in the hunt for 80,000 Easter Eggs on Good Friday, experience the thrills of Carnival Central, find a treasure at the Rotary Market, rock along to live music or keep the kids busy in a park filled with hands-on activities and performances. Dance, drums, Lion teams and 100,000 crackers are all part of Awakening of the Dragon, as Bendigo celebrates its Chinese heritage at the Dai Gum San Precinct. **For information on this festival:** [https://www.bendigoeasterfestival.org.au/whats-on/easter-sunday](https://www.bendigoeasterfestival.org.au/whats-on/easter-sunday "https://www.bendigoeasterfestival.org.au/whats-on/easter-sunday") and [https://www.bendigoeasterfestival.org.au/program](https://www.bendigoeasterfestival.org.au/program "https://www.bendigoeasterfestival.org.au/program") **Schedule:** 8:45 meet at platform southern station Bendigo line (please check at the train station board for platform number) - Free public transport 9:01am train departs and arrives at 11:00am then walk for 1km to View st 11:15am meet at main entrance View street if you use your own transport. 11:20am - 12:10pm Explore Queen Victoria garden and Easter Sunday at the festival at Rosalind Park 12:15pm head to McCrae Street corner with Mundy st 12:30pm to 2:00pm Sherridon Homes Gala Parade - Parade Route: View Street, McCrae Street and Bridge Street. 2:30pm: 300pm head to Bull Street for Bull Street Music Festival 3:00pm head to Bendigo train station for 3:28pm departure (train departs every one hour) 3:28 End of event Lots of food trucks to get Food and drinks Please note that it will be hard to keep the group together as crowd size may be around 80,000 people or more. Keep a note on our schedule on where we will be during the event. Look forward to having you join us for this exciting event. Rowan and John

[REGISTER HERE] ( https://luma.com/seab43vn ) Australia is entering a new era of AI, one where sovereignty, infrastructure, and local capability matter more than ever. ​Join our Foundational Models Meetup, where for our first event in the series, we’re excited to host **[Simon Kriss](https://www.linkedin.com/in/simonkriss/), CEO of Sovereign Australia AI**, for a short talk on what it actually takes to build foundational models here in Australia. ​ While much of the global AI conversation is dominated by US and Chinese players, Sovereign Australia AI is working to develop foundational models locally, contributing to Australia’s capability in this rapidly evolving space. ​**Live demonstrations** We’ll also feature 2–3 short live demonstrations from local builders working directly with foundational models. ​These will be practical walk-throughs of what teams are actually building. Each demo will be concise, technical where relevant, and focused on real-world insight. ​ **What you'll learn:** * ​Why AI sovereignty is becoming a strategic priority * ​What it really takes to build foundational models * ​The challenges of infrastructure, capital, and talent in Australia * ​Lessons learned from building at the frontier * ​Where Australia fits in the global AI landscape ​This event is designed for engineers, researchers, founders, and builders who want a grounded perspective on what’s happening beneath the surface of the AI boom. ​Join us at Melbourne Connect for an evening of practical insights, honest reflections, and thoughtful discussion on the future of foundational AI in Australia. ​ **Who should attend:** * ​AI engineers and researchers * ​technically minded founders * ​people working on model infra, tooling or data * ​students and academics curious about foundational models ​**About SMEC AI** ​SMEC AI is an initiative of Boab AI in partnership with Artesian, Cremorne Digital Hub, University of Melbourne, RMIT, La Trobe University, Victorian Medtech Skills And Devices Hub, TNG and Rockwell. ​SMEC AI focuses on the agriculture, clean energy, medical and enabling capabilities industries as defined by the National Reconstruction Fund priority areas. ​ The SMEC AI project and activities has been funded by the Australian Government Department of Industry Science and Resources AI Adopt program and is aimed at enhancing the adoption of artificial intelligence by small to medium enterprises in Australia.

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

Excited to announce our new ADVANCED openplay session during the week at KCARC! Welcome to Melbourne Volleyball Academy. 🤗 **[[WHAT]]** This session is specifically for games only (no training). There will be a cap of 18 players, allowing for 3 teams of 6. Games will be played to 15 points, with a cap at 18 points. These games are intended to be played at a high-intermediate(BB)/advanced(A) level. Please see an explanation of skill levels on our website here: [https://melbournevolleyballacademy.com.au/skill-levels-explained](https://melbournevolleyballacademy.com.au/skill-levels-explained) **[[WHO]]** The session is intended for Intermediate players. Players should be able to: * Have strong fundamentals for all volleyball techniques * Serve receive a majority of serves well & serve over the net consistently * Basic understanding of 5-1, and 6-2 systems (we do not play a pass middle 4-2 system in this session) * Have an understanding of base defense * Know all/most volleyball rules Players that are not of the intermediate(BB)/advanced(A) level will be asked to leave as we want to ensure that all players have an enjoyable time playing. **[[HOW MUCH $$]]** $21 card payment will be processed on the day via square reader (EFTPOS). **[[WHEN]]** The stadium is booked from 6:30 PM-9:30 PM weekly, every Thursday. However, feel free to come early and stretch as the Community Centre is open earlier. Last minute dropouts and no shows will have a zero-tolerance policy going forward. All players are expected to update their RSVP at least 24 hours in advanced if they are unable to attend. This applies to players on the going list and the waitlist. **[[OTHER DETAILS]]** Only those on the “going” list are permitted to play. If you are on the waitlist, or not registered at all, you will not be permitted into the gymnasium.

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

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

**TBA**

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

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