Web Standards

Hello Viennovans! Pickwick's is getting quizzical every monday night! You have a chance to win a round of shots, a 40€ bar tab and/or eternal bragging rights 😉 Teams of up to 6 people, reserve your spot today! Start time is 7! FREE SHOT FOR EVERYONE COMING FROM VIENNOVA!

A Board Game Evening at Munchy The Urban Kitchen am Schottenring! Come, play, socialize, meet and enjoy! You can bring your own games or choose from the ones available. We have: * Jenga * Monopoly * Tabu * Uno and so on... We are excited to see you here! Enjoy your nice Monday evening! 🥳 [Follow us on Instagram](https://www.instagram.com/makingfriendsinvienna)❤️ [Follow us on Facebook](https://www.facebook.com/makingfriendsinvienna)💙 Do you have questions? Write us on Instagram 🎉

### **Salsa Grundkurs – Dein Einstieg ins Tanzen** In unserem Salsa Kurs lernst du die Basics von Salsa kennen: Schritte, Drehungen und erste Figurenkombinationen. Unser Grundkurs ist perfekt für Anfänger und legt die Basis für Deine Salsa-Reise. Mit Spaß und Leidenschaft bringen wir Dir die Rhythmen und Bewegungen bei. Starte jetzt und entdecke die Welt des Salsa-Tanzens! Ein Schnupperstunde kostet 15€ Saludos Latin Studio Julion :)

Casual event for all German learners to interact and practice their language skills in a stress-free setting. Event is moderated and spiced up with social games to improve German proficiency. Suitable for levels A2-C2, patient native speakers are welcome too. Admission: EUR 10.00 cash at the door (including 2 free drinks) Discount for currently enrolled participants of the https://wien.expat.info/germancourse To secure your spots, please ... * Step 1: RSVP here on Meetup first (optional but recommended) * Step 2: Complete your registration at [https://wien.expat.info/germannight](https://wien.expat.info/germannight)

Hallo, hast du dich schon einmal gefragt, was *weight friends* eigentlich ist? Jetzt hast du die Möglichkeit, es ganz unverbindlich kennenzulernen! Komm zu unserem **kostenlosen Schnupper-Workshop** und erfahre, wie unser Programm funktioniert, was wir anbieten und wie wir dich auf deinem Weg unterstützen. Unser Fokus liegt auf einem gesunden Lebensstil durch: * ausgewogene Ernährung * Bewegung und Fitness * mentale und soziale Stärke – mit dem Ziel einer nachhaltigen Gewichtsabnahme. Triff Gleichgesinnte, die die Herausforderungen und Erfolge einer Lebensstilveränderung kennen. Tausche dich aus, teile Erfahrungen und fühle dich in einer offenen und freundlichen Atmosphäre willkommen. Du erfährst: * wie unser Programm aufgebaut ist * wie du motiviert bleibst * wie du mit Höhen und Tiefen umgehst * wie aus kleinen Schritten dauerhafte Veränderungen werden Komm vorbei, schnuppere kostenlos rein und finde heraus, ob *weight friends* zu dir passt –**ganz ohne Verpflichtung.** [weight friends](https://www.weightfriends.at/)

Agenda: 18:00 Doors Open 18:20 Intro/Sponsor Welcome 18:30 Doors Closed! (the reception on the ground floor will not be served anymore.. come early!) 18:30 **Here we go again: Java26 / Dominik Dorn** 19:30 Break, Food, Drinks 19:55 Raffle 20:00 **Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald** 21:00 Networking Talk 1: **Here we go again: Java 26** We'll explore everything new in Java 26! **Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald** Ihr habt eine Swing-Anwendung. Oder Eclipse RCP. Oder Oracle Forms. Das Management will sie „im Browser". Der Reflex: React-Frontend, REST-APIs, JavaScript-Entwickler einstellen, zwei Stacks pflegen. Aber muss das sein? Es gibt inzwischen mehrere Java-native Ansätze für Web-UIs — ihr kennt vermutlich einige davon aus früheren Meetups. Die meisten setzen voraus, dass ihr eure UI von Grund auf neu schreibt und bestehenden Code hinter REST-APIs kapselt. Unser Ansatz ist ein anderer: Wir zeigen einen **zweistufigen Migrationspfad**, der mit der unveränderten Bestandsanwendung im Browser startet und die Modernisierung dann Bildschirm für Bildschirm vorantreibt — ohne den Betrieb zu unterbrechen und ohne eine zweite Technologie einzuführen. Im ersten Schritt kommt **Webswing** zum Einsatz — eine Laufzeitumgebung, die Java-Desktop-Anwendungen (Swing, JavaFX, SWT, Eclipse RCP) unverändert im Browser bereitstellt, indem sie auf Toolkit-Ebene in die AWT-Pipeline eingreift und das Rendering über HTML5 Canvas und WebSocket an den Client streamt. Im zweiten Schritt zeigen wir **webforJ** — ein Open-Source-Framework (Apache 2.0), mit dem moderne Web-UIs komponentenbasiert in purem Java entstehen: Routing, Data Binding, responsive Layouts, Spring-Boot-Integration — ohne eine Zeile JavaScript. Der technische Kern des Abends: * **Webswing unter der Haube:** Wie die Custom-`Toolkit`-Implementierung funktioniert, was auf Server- vs. Client-Seite passiert, und wo die Latenz-Grenzen liegen * **webforJ-Architektur:** Server-seitiges Component Model auf Basis von DWC (Dynamic Web Client) Web Components, Event-Handling im Vergleich zum Swing-Listener-Modell, Layout-System (`FlexLayout` vs. `BorderLayout`) * **`WebswingConnector`:** Die Integrationsbrücke — wie eine webforJ-Anwendung eine Webswing-Session einbettet und bidirektionale Kommunikation zwischen Legacy-Swing-Code und modernem UI ermöglicht * **Live-Code:** Vom minimalen webforJ-Hello-World bis zur Hybrid-App mit eingebettetem Swing-Panel — wir bauen es vor euren Augen * **Ehrliche Trade-offs:** Wann dieser Ansatz passt, wann nicht — und was er im Vergleich zu einem reinen UI-Framework-Wechsel bringt und kostet Wir bringen einen Praxisbericht mit: Ein niederländischer ERP-Anbieter hat mit einem kleinen Team in vier Monaten die ersten Web-Module produktiv geschaltet — ohne JavaScript-Expertise im Haus. **About the Speaker** Stephan Wald entwickelt seit über 35 Jahren Enterprise-Software, seit über 20 Jahren in Java. Seine Erfahrung umfasst C++, C#, mehrere Business-Basic-Dialekte sowie heute primär Java. Als Head of Development und Mitglied der Geschäftsleitung bei BASIS International Ltd. (Albuquerque, USA) verantwortet er die Entwicklung des webforJ-Frameworks, eines Single-Stack-UI-Frameworks für geschäftskritische Java- und Kotlin-Anwendungen in mittelständischen und großen Unternehmen weltweit. Parallel baut er mit [SkillsPilot.de](http://skillspilot.de/) eine KI-gestützte SaaS-Plattform im HR-Consulting, die mit namhaften deutschen Unternehmen mit bis zu 20.000 Mitarbeitenden wächst. Speaker auf der JavaOne 2026.

Unser Stammtisch ist eine Gelegenheit in zwangloser Runde über die Basics zu reden oder die neuesten Themen zu diskutieren. Jeder ist willkommen. And of course also English is fine, everyone is welcome! **Was kann dich erwarten?** * Gespräche über typische Herausforderungen im Alltag eines Business Analysts. * Raum für persönliche Erfahrungen und Fragen – auch für Einsteiger. * Keine festen Regeln, eher ein lockerer Austausch als formelle Präsentationen. **Für dich als Teilnehmer?** * Wenn du Einsteiger bist: Perfekte Gelegenheit, Fragen zu stellen und Kontakte zu knüpfen. * Wenn du Erfahrung hast: Du kannst dein Wissen teilen, dich inspirieren lassen oder Gleichgesinnte treffen. * Wenn du dich orientieren willst: Ein guter Ort, um zu erfahren, was Business Analyse wirklich bedeutet – in der Praxis. **Treffpunkt**: Marxgastro (https://marxgastro.wien/); **Reservierung auf Gottfried Szing** Wir freuen uns riesig, dich kennenzulernen!

**Attention: As the first Friday of the month falls on Good Friday, which is during the Easter holidays, the next UX Vienna Mornings event will be held on Friday 10 April.** Are you interested in product management and user experience? Are you an early bird? Join us for **UX Vienna Mornings**, a casual breakfast meetup. Meet like-minded people, discuss interesting topics, and expand your professional network in a great atmosphere. Our agenda: 1. Introduce yourself: Share what you do or what you like. 2. Learn about job opportunities and upcoming events. 3. Discuss your topics or projects. Is there a question you would like to discuss? Or a project you would like to share? Please bring them along! 4. Network and chat. **UX Vienna Mornings** take place on the first Friday of every month from 8 am to 10 am. Please note that this location only accepts cash. By participating, you agree that your likeness may be recorded and authorise UX Vienna to use any recording containing your likeness in any medium for any purpose. Accessible services for people with special needs: For assistance from a public transport stop to the venue and back, please email Max Scheugl at m@nofro.com

**🎭ENGLISH STAND-UP COMEDY** **🎟️ 20€ STANDARD \|\| 15€ MEETUP DISCOUNT** **💥 PROMO CODE: MEET-UP** 🃏 **REGINALD BÄRRIS** is an American comedian based in Austria, and a pioneer in Europe’s English comedy scene! ✨ Since founding Comedy For Expats in 2016, Reginald climbed his way from the humble open mic to the comedy big leagues. He now performs for thousands of smiling faces each year, and has **headlined events in 20+ countries!** 🎥 Reginald has been featured on **ORF** and **FM4** as well as performing corporate comedy for **Erste Group Bank** and the **United Nations.** He’s also worked alongside superstar comedians, as the opening an opening act for Netflix comics: **Tom Segura, Russell Peters,** and **Iliza Shlesinger!** **THE GOOD ❤️ THE BAD 💔 THE CRINGE 😬** 🔥 Hilarious comedy about Modern Romance 💯 If you've dated in Austria: **Very Relatable** 👩🏽‍❤️‍👨🏻 **Perfect for a date,** but still great on your own! 💃 Let's all be **'Forever Alone' Together!** **COMEDY FOR EXPATS: COMEDY CLUB since 2016** 📣 **Doors Open:** 19:30 \|\| **Show Starts:** 20:00 ⏱️ Don't wait! Online tickets get **Priority Seating.** 🎟️ **Space is limited!** Get your tickets now: **[http://UndateableApril.eventbrite.com](http://UndateableApril.eventbrite.com)** ❓ **Any Questions?** Contact us at: **[www.ComedyForExpats.com](www.ComedyForExpats.com)**

WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna. We expect more than 350 WordPress enthusiasts from Austria and abroad. On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community. Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track. We have exciting workshops and talks prepared for you — we’re looking forward to seeing you! **Reservation** * Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors! **Topics** * There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks! **Community-Support** * We will also be providing support all day long at the Help-desk and the Happiness-Bar! **About WordCamp** * WordCamp is a conference that focuses on everything about WordPress. * WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other. * This WordCamp will be at the same great venue, UNI Campus in the Altes AKH. **What You get!** * Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday. * It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag. * This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details. We look forward to seeing you again at WordCamp Vienna 2026!

WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna. We expect more than 350 WordPress enthusiasts from Austria and abroad. On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community. Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track. We have exciting workshops and talks prepared for you — we’re looking forward to seeing you! **Reservation** * Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors! **Topics** * There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks! **Community-Support** * We will also be providing support all day long at the Help-desk and the Happiness-Bar! **About WordCamp** * WordCamp is a conference that focuses on everything about WordPress. * WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other. * This WordCamp will be at the same great venue, UNI Campus in the Altes AKH. **What You get!** * Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday. * It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag. * This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details. We look forward to seeing you again at WordCamp Vienna 2026!

If you are curious to know about what Notion can do this meetup is for you. **Agenda**: Philipp Stelzel: Deep Dive: Custom AI Agents – How to Use AI for Knowledge Management Beatrix Beer: How to Use Notion Effectively (Without Wasting Time) Nooa Adams: In a quick live demo, Nooa will show you how tp control Notion with Claude AI. **Afterwards**: Drinks, food, networking, template swaps, and questions answered. Join us, meet fellow Notioneers, and level up your workflow **Afterwards**: Drinks, food, networking, template swaps, and questions answered. Join us, meet fellow Notioneers, and level up your workflow

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