User Experience

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

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 🎉

-Outdoor Functional Training for All Fitness Levels- Join us as we combine healthy, balanced movement with fun, gamified ideas to give you our unique FUNctional training! And in case that doesn’t really tell you what to expect, just think short intervals of exercise combined together in a playful and interactive way to help you strengthen your body in a sustainable way while allowing you to meet new people (and often even forget how hard you’re working out). As a reminder for those nervous about their fitness level: Everything we do, we do with all fitness levels in mind; so the exercises are always adjustable to your level and you’re always strongly encouraged to take it at your own pace - I mean, we’re not called My Pace for nothing! How to find us: We meet and train behind the calisthenics workout station on the Zirkuswiese of the Prater. Here a link to the location on Google maps: https://maps.app.goo.gl/QdRPEaYTiavZbmVW7 Cost: In the interest of inclusivity, we've decided to make our sessions donations based here, so you're invited to pay what you can afford. If that actually makes you more uncomfortable and doesn't make it easier to come, know that we've received donations from €2 to €20 and they all made us very happy, because our primary goal is to get people moving and to show them it can be fun all in all. The money is secondary. One other thing that’s useful to know: - In the case of bad weather, we do have a back-up location that will protect us from the rain. Should we need to move, we will change the location of this event here. Please feel free to check back here before any event where you suspect bad weather or, even better, simply get in touch with us! We’re available via WhatsApp message or email. --- If you'd like to know more about My Pace, feel free to visit our website at https://www.mypace.at

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

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

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.

📢 Main event starts at 18:30 CET René has a passion for collecting unusual code constructs and presenting them anonymously to an interested audience. Any resemblance to existing code is purely coincidental 🤭. There will be plenty of opportunities to puzzle over the quirks of C++, whether you are an experienced developer or just curious about the language. The challenges might drive you crazy if you tackle them alone, but working together as a group, you just might make it through. The main goal is to enjoy the challenge, not take things too seriously, and have some fun along the way. 🧠 All you need is your brain - no notebooks needed. 🪙 We appreciate any **voluntary donations** on-site. ⏱️ Arrive early for pre-socializing—simple snacks and drinks will be provided. 🍕 After the event, we will relocate to a pizzeria (at your own expense).

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!

Das Meridian Qi Gong ist sanft und gleichzeitig kräftigend für den Körper. Wir sind jede Woche am Sonntag draußen im grünen Prater. Komm und genieße das gemeinsame Bewegen im Freien mit der Natur, die Energie, und deinem Körper. Ein wunderbarer Start für deinen Tag! Für mehr Info über das Meridian Qi Gong: http://www.ericaderoo.com/meridian-chi-kung-bewegung-fuer-mehr-vitalitaet-und-lebensfreude/ WO sind wir: Im grünen Prater, genaue Location wird bekanntgegeben nach Anmeldung. Ich bitte um eine verbindliche Anmeldung: 06502649477. Beitrag: €10

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

Hi All, Join us for the museum visit. Due to a high demand, please reserve a time slot 12.04 at 13:00 to be able to enter the exhibition - via the link: - [https://shop.khm.at/tickets/canaletto-bellotto](https://shop.khm.at/tickets/canaletto-bellotto) The exhibition shows **two artists, three cities, and three perspectives**. We explore paintings of **Venice, London, and Vienna** side by side. These artworks show how cities looked in the 18th century and how people lived there. Afterwards we can have best **coffee in Vienna** at the stunning **La Cupola Café** inside the museum. Set in a former Imperial Palace, the interiors are truly fit for royalty. ☕️ 📍 **Meeting point:** Outside at the stairs in front of Kunsthistorisches Museum. You’ll spot me with a "The Live Club" flag. Follow us on Instagram: [The Live Club](https://www.instagram.com/the_live_club?igsh=amc4YnVrZHc5MGxk) and [Telegram](https://t.me/TheLiveClub) Can’t wait to see you there! 😊 KR, Yulia

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!

AI is changing how art is made. But when does it stop being your work and start being the machine’s? This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation? We encourage audience participation during this event that will be moderated by Chris Slee. Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus. Sponsored by [Transform Labs](https://www.transformlabs.com/services)

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

Let’s try this popular Italian restaurant in Reynoldsburg. This is the menu: https://scaliristorante.com/#4e468054-0235-43e2-81c2-44e061341e9e

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

**The Data-Driven Brand: Using Analytics to Shape Perception** Can you use analytics to improve tacos? This being CBUSDAW, we think the answer is probably “yes”, but we’re not sure how to implement or test this theory. For our April meetup we’ve got Sara Kear, CMO of Condado Tacos, to investigate this delicious question. Sara will explore how she blends quantitative data and qualitative customer feedback to shape brand positioning and drive business decisions. We all know that marketing and analytics go way beyond attribution. Sara will show how Condado uses customer insights to inform product and pricing strategy. She’ll also highlight how Condado leverages customer feedback at scale to influence operational priorities, positioning marketing as the voice of the customer across the organization. In the last 12 years Condado has gone from one location in Columbus to 52 locations across 10 states, so we’re guessing there’s more to that growth than really good guac (though the guac probably helps). Ultimately, this talk focuses on the intersection of art and science—using data to inform creativity and build a brand that resonates with customers in a measurable way. **About Our Speaker** Sara Kear is Chief Marketing Officer at Condado Tacos, where she oversees brand, restaurant design, menu and pricing strategy, off-premise including catering, and customer data strategy. Since joining in 2021, she has helped grow the brand from 19 to 52 locations while building a data-driven marketing organization focused on loyalty and customer insights. Condado has since been named to the Inc. 5000, recognized as Breakout Retailer by Chain Store Age, and consistently ranked among FastCasual’s Top 100 Movers & Shakers. Thanks to our 2026 sponsors: [Clarivoy](https://www.clarivoy.com), [What Box Consulting Group](https://www.whatboxconsultinggroup.com), [Conductrics](https://www.conductrics.com), and [Piwik PRO](https://piwik.pro) More info at [cbusdaw.com](https://cbusdaw.com)

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