Web TV

Liebe Atlassian Community, wir laden euch zum nächsten Atlassian Community Event Dornbirn/Bodensee ein. Dieses Mal sind wir wieder im Campus V in Dornbirn zu Gast – mit einem spannenden Abend rund um Cloud Migration, KI und HR Services. Nach einer kurzen Begrüßung durch Teresa, Andreas & Rainer erwarten euch vier praxisnahe Sessions: Confluence Cloud Migration: Herausforderungen, Aha-Momente und Best Practices Ramona Wörz (Uhlmann Pac-Systeme) teilt ihre ehrlichen Erfahrungen aus sechs Monaten Migration – für alle, die vor dem Schritt in die Cloud stehen oder bereits mittendrin sind. Anforderungsmanagement: Geht das nicht smarter als Excel? Ahmet Subari (Communardo) zeigt, wie Atlassian Rovo als KI-Brücke zwischen Idee und Umsetzung funktioniert. HR Services neu gedacht: Von Services zu Employee Journeys Stefan Hartmann und Luca Braun (Atlassian) zeigen, wie moderne HR-Prozesse skalierbar und durchgängig gestaltet werden können. Vom Prompt zur Forge App in 30 Minuten Kilian Warmdt (Uhlmann Pac-Systeme) baut live eine Atlassian App – per Vibe Coding, Schritt für Schritt. Zum Abschluss gibt es Pizza, Bier und Zeit für gute Gespräche. Meldet euch an und bringt gern Kolleg:innen mit – wir freuen uns auf euch! Teresa, Rainer & Andreas Agenda 5:00 PM: Check-in Ankommen, Namensschild schnappen, erstes Netzwerken. 5:30 PM: Welcome & Agenda Begrüßung durch Teresa, Andreas & Rainer und ein kurzer Überblick über den Abend. 5:45 PM: Confluence Cloud Migration: Herausforderungen, Aha-Momente und Best Practices Nach sechs Monaten Migration sind wir erfolgreich in der Confluence Cloud live gegangen und teilen unsere wichtigsten Erfahrungen aus der Praxis. Ramona Wörz (Uhlmann Pac-Systeme) gibt Einblicke in zentrale Herausforderungen, überraschende Aha-Momente und konkrete Best Practices - von Makros und Layouts bis hin zu User Management und Integrationen. Eine ehrliche Session für alle, die vor einer Migration stehen oder bereits mittendrin sind. 6:15 PM: Anforderungsmanagement: Geht das nicht smarter als Excel? Schluss mit dem manuellen Excel-Chaos: Dieser Vortrag zeigt, wie Atlassian Rovo als KI-Brücke zwischen Vision und Umsetzung fungiert. Durch die intelligente Vorstrukturierung in Confluence und die anschließende, menschlich validierte Überführung in Jira-Projekte wird ein nahtloser Workflow geschaffen. Ahmet Subari (Communardo) zeigt, wie sich die Präzision des Requirements Engineerings steigern lässt, indem generative KI gezielt als kollaborativer Partner in das Ökosystem integriert wird. 6:45 PM: HR Services neu gedacht: Von Services zu Employee Journeys - schnell, sicher, skalierbar Im Zentrum einer jeden HR-Abteilung sollte die Employee-Journey stehen. Wertvolle Zeit mit den Mitarbeitenden verbringen, das ist das Ziel. Vom Recruiting bis zum Offboarding, stets gut betreut. In der Realität muss die Zeit jedoch oftmals in die Beantwortung von Anfragen und zur Durchführung von manuellen Prozessen investiert werden. Teilweise sogar noch in Papierform. In dem Beitrag schauen wir uns an, wie es auch anders laufen kann. Stefan Hartmann und Luca Braun (Atlassian) zeigen, wie moderne HR Services neu gedacht werden können – von einzelnen Services hin zu durchgängigen, skalierbaren Employee Journeys. 7:15 PM: Vom Prompt zur Forge App in 30 Minuten Vom Prompt zur funktionierenden Forge App in nur 30 Minuten: Kilian Warmdt (Uhlmann Pac-Systeme) zeigt live, wie durch sogenanntes „Vibe Coding“ aus einer Idee Schritt für Schritt eine echte Atlassian App entsteht. Er zeigt, wie generative KI den Entwicklungsprozess unterstützt, Entscheidungen beschleunigt und auch ohne tiefes Vorwissen schnelle Ergebnisse möglich macht. 7:45 PM: Networking bei Pizza & Bier Zum Abschluss lassen wir den Abend locker ausklingen - mit Pizza, Getränken und vielen guten Gesprächen. --- Hosted By Andreas Immler, Community Leader Rainer Warmdt, Site Manager Teresa Burtscher, Community Leader --- Global Partner Atlassian (http://atlassian.com) Millions of users globally rely on Atlassian products every day for improving software development, project management, collaboration, and code quality. Partners Communardo GmbH (https://www.communardo.de) Uhlmann Group (https://www.uhlmann-group.com/) --- For over a decade, Atlassian customers have come together to network, share ideas, solve problems, and find new ways to use Atlassian products. Today, more than 15,000 people take part in Atlassian community events in more than 30 countries. --- Complete your event RSVP here: https://ace.atlassian.com/events/details/atlassian-dornbirn-presents-ace-dornbirn-bodensee-29/.

Join Anne in the cosy Bubble Yoga studio or online for this energising & balancing yoga class! **Vinyasa Flow** is your fluid and energetic flow class! Emphasising the connection of breath and movement, the class combines a creative sequence of poses into a moving meditation, moving in rhythm with the breath - all enhanced by carefully curated music. With a positive, community oriented & uplifting environment, this class is designed to challenge and inspire you both physically and mentally. **Class in English // Intermediate level** **Join at the studio or live online via Zoom.** **\>\> Registrations mandatory [HERE](https://bubbleyoga.ch/yoga/schedule/).** Yoga mats & all equipment available at the studio. Simply bring comfy clothes to move. Class is taught in English. **Pricing options:** '2 for 1' Welcome Pack CHF 35 1 month unlimited Intro Pass CHF85 ZOOM Drop-in class CHF20 STUDIO Drop-in class CHF35 / Abos available. All details available on http://www.bubbleyoga.ch Come as you are & bring your friends! *** *** Bubble Yoga Kirchgasse 12 9000 St. Gallen *NB: The entrance door is at the BACK of the building, from the pathway facing Magnihalden fountain*

> > > we meet every week in Øya. > > > > > > people are around from 17:30 in case you want to come straight after work, and we're usually there til late. alles easy.

Join us for a relaxed and welcoming weekly **Buddhist Meditation** session suitable for beginners *and* experienced practitioners. Each week a Buddhist monk—Gen Kelsang Lachpa—offers simple yet profound guidance in meditation along with inspiration from Buddhist teachings. This is a great opportunity to find inner calm, clear your mind, and gain practical perspectives you can apply in daily life. **How to get there:** We generally meet at St. Gallen train station and take train to Sitterdorf at 18.37 and it's nice to talk to each other on the way during this 26 minutes ride :-) The Buddhist Temple is right near the train station. **What to expect:** * Guided meditation practice * Introduction to core Buddhist principles * Practical insights to support peace and mindfulness * A relaxed, friendly atmosphere for all levels 🔔 **Important note:** The main instruction and teaching are given in **German**, but the monk also speaks good **English** and is available for **short conversations in English after the session**, so everyone feels welcome. **Contribution: 10 CHF per person paid directly to the Buddhist Temple**

**Um was geht es dieses mal?** Dieses Mal findet das Meetup in Kooperation mit dem **n8n Meetup im Ruhrgebiet** statt und wird wie immer bei uns bei codecentric in Dortmund ausgerichtet. Beim 3. n8n Meetup im Ruhrgebiet geht es wie immer darum, die Möglichkeiten von n8n besser kennenzulernen, Erfahrungen zu teilen, voneinander zu lernen und sich mit anderen auszutauschen. Dieses Mal steht das Meetup zusätzlich im Zeichen von Vibe Coding und schnellem Prototyping. Im Fokus steht, wie sich n8n als Backend für Automatisierungen, Schnittstellen und Logik im Hintergrund mit Vibe Coding für die schnelle Entwicklung von Frontends verbinden lässt, um in kurzer Zeit funktionierende Prototypen, interne Tools und erste MVPs umzusetzen. Anhand konkreter Beispiele und Live-Demos zeigen wir, wie aus einer Idee schnell etwas Nutzbares entsteht. **Hybrides Setup!** Wir freuen uns, euch bei uns in den Räumen der codecentric AG in Dortmund willkommen zu heißen. Vor Ort versorgen wir euch mit Snacks und Getränken und freuen uns gleichzeitig über interessante Diskussionen und einen guten Austausch. Für alle, die es nicht zu uns ins Office schaffen, werden wir das Meetup Hybrid durchführen. Der Stream beginnt ca. 10 Minuten später, damit wir vor Ort ausreichend Möglichkeit für persönliches Kennenlernen haben. Den Live-Stream findet ihr auf dem [YouTube-Channel](https://www.youtube.com/@codecentricAG) der codecentric AG. **Wichtig - Absage bitte rechtzeitig:** Wir bestellen das Essen bereits 3 Tage vor dem Meetup. Falls ihr doch verhindert sein solltet, bitten wir euch um eine rechtzeitige Absage. Das ist wichtig, damit wir nicht unnötig Essen verschwenden müssen. Vielen Dank für euer Verständnis! **Anreise:** Per Zug: Vom Dortmunder HBF sind es ca. 10 Minuten zu Fuß. Mit dem Auto: Rund um das Office gibt es einige Parkflächen, dazu befinden sich in dem Parkhaus der Thier-Galerie weitere Parkplätze.

Hej Gophers, unser nächstes Treffen wird am Dienstag, 14. April stattfinden. Wir freuen uns, dass [Lukas Nagel](https://github.com/lukasngl/) von [MeKo Manufacturing](http://www.meko.de/) den Abend inhaltlich zum Thema "The Most Native Kubernetes App" gestalten wird. Was wäre, wenn wir nur das Kubernetes-Cluster zur Verfügung hätten? Wir entwicklen eine ToDo-App ausschließlich mit Kubernetes-Bordmitteln, zeigen, warum das keine gute Idee ist, und wie man mit diesen Patterns nützliche Operatoren implementieren kann. Wir treffen uns um 18 Uhr bei [enercity](https://www.enercity.de/). Mit dem Vortrag starten wir um 18:30 Uhr. Danach wollen wir über Technologien und Erfahrungen plaudern, voneinander lernen, Kontakte knüpfen und einfach eine tolle Zeit miteinander verbringen. [enercity](https://www.enercity.de/) sponsert uns die Verpflegung - vielen Dank dafür! Getränke sind reichlich vorhanden und wir planen Pizza zu bestellen. **Für die vor Ort-Teilnahme bitte unbedingt beachten:** * **Anmeldung** zum MeetUp Event muss bis **Montag, 13.04.2026,** **18 Uhr** erfolgt sein. * Für den Zugang ins Gebäude wird der **volle Name** für die Anmeldung beim Pförtner benötigt. Wenn in der Anmeldung nicht bereits angegeben, sende daher unbedingt bis zum Anmeldeschluss deinen vollen Namen an einen der Organisatoren, Anna, Mark oder Sebastian "Mo", in einer privaten Nachricht. Wir freuen uns auf dich! \*\*\*\*\* Hello Gophers! Our next meeting will take place on Tuesday, 14 April. We are delighted to welcome [Lukas Nagel](https://github.com/lukasngl/) from [MeKo Manufacturing](http://www.meko.de/) with the topic "The Most Native Kubernetes App". The talk will be German. What if we only had the Kubernetes cluster at our disposal? We'll develop a ToDo app using only Kubernetes' bulit-in tools, demonstrate why this isn't a good idea, and show how these patterns can be used to implement useful operators. We will meet at 6 pm at [enercity](https://www.enercity.de/). The talk starts at 6:30pm. Afterwards, we want to chat about technologies and experiences, learn from each other, socialise and simply have a great time together. [enercity](https://www.enercity.de/) is sponsoring the catering - thank you very much! There will be plenty of drinks and we plan to order pizza. **Please note for on-site participation:** * **Registration** for the MeetUp event must be completed by **6 pm** on **Monday, 13th April 2026**. * A **full name** is required for entry into the building to register with security. If not already stated in the registration form, please send your full name to one of the organisers, Anna, Mark or Sebastian ‘Mo’, in a private message by the registration deadline. We look forward to seeing you! Lukas, Sebastian "Mo", Mark and Anna \*\*\*\*\* **Agenda** 18:00 Doors Open 18:30 Presentation ... Networking

**Integrating LLMs into Existing Applications: The Boring Approach** by [Luca Pircher](https://www.linkedin.com/in/lucapircher/) Or: the approach that actually worked for us. This talk covers how we found a use case we felt confident automating, the small bets we made along the way, and what we deliberately chose not to do. We'll share what worked, what didn't, and what we're still figuring out. No rewrites, no hype, no guarantees it'll work for anyone else. **Teaching PHPStan New Tricks** by [Christian Sciberras](https://www.linkedin.com/in/sciberras/) Extend PHPStan with custom rules and extensions to enforce domain-specific constraints and catch what default analysis misses. Make static analysis work for your codebase—not just against it.

Nach längerer Frühlingspause sind wir zurück! Der erste Webnesday im 2026 steht an. Der Event findet am 15. April 2026 um 19:00 bei der Liip AG in St. Gallen (im Neumarkt 5, Vadianstrasse 25a) statt. **My Take on Agentic Engineering** \| by [Pascal](https://www.linkedin.com/in/pascaleugster/) von [Inoo](https://inoo.ch/) Von Claude Code über Custom Skills bis zu Multi-Agent-Workflows: Wie ich als Solo-Entwickler meine tägliche Arbeit Schritt für Schritt an KI-Agenten delegiere. Ein ehrlicher Erfahrungsbericht – was heute schon funktioniert, wo die Grenzen liegen und warum Agentic Engineering mehr Mindset-Shift als Tech-Stack ist. **Design Systems from Scratch: Architektur, APIs und Best Practices** \| by [Steven](https://www.linkedin.com/in/steven-imhof/) von [Raiffeisen](https://www.raiffeisen.ch/) Ein Design System ist weit mehr als eine UI-Library – es ist das Fundament für Skalierbarkeit. Wir werfen einen Blick hinter die Fassade: Wie entwirft man langlebige Komponenten-APIs, die flexibel bleiben, ohne zur technischen Last zu werden? Von technischer Disziplin über Conventional Commits bis hin zu Architektur-Prinzipien, die jede Library stabiler machen. Ein Talk über Verantwortung und die Frage, wie man Tools baut, die Entwickler nicht nur nutzen müssen, sondern nutzen wollen. Wie immer habt ihr nach den Talks noch Zeit, eure Ideen und Fragen bei Bier und Pizza im schönen Liip Office zu besprechen. Vielen Dank [Liip AG](https://liip.ch/) fürs Sponsoring! Bitte meldet euch an, sagt es weiter und kommt zahlreich - wir freuen uns auf euch!

feel free to join us

Wir haben ein neues Format: Creative Thursday. Jeden letzten Donnerstag im Monat. An diesem Abend kann sich jede(r) kreativ austoben. Wir stellen den Raum und die Materialien, du bringst die Ideen. Ob Malerei, Skizze oder Modellieren – mach was du willst. Komm vorbei, nutz unsere Werkzeuge und arbeite an deinem eigenen Projekt in entspannter Gesellschaft. Wir freuen uns auf das, was entsteht. Nächster Event: 16. April, 18:00 – 22:00 Uhr. Pro Abend max. 8 Teilnehmer möglich. Anmeldung unter oben@superfluid.at Beitrag für Materialien: 20 €

**Beer, Pizza and IoT Meetup (Siemens Digital Twins Special)** AGENDA 18:30-19:00: Pizza and Beer (other drinks available) 19:00-20:00: Talk by Kazeem.Oladipupo and Ege Korkan on "Why simplifying IoT interoperability makes connected Digital Twins a reality?” 20:00-21:00: Networking with potentially more beer Look forward to seeing you all there. Due to limited capacity, we reserve the right to restrict admission. Pizza, beer and seats first come first serve! :)

Bring your own chess board. Beginner to intermediate players welcome. We play a game or two, drink a coffee or tea and socialize. Spoken language: English.

Die Vorarlberger Spieleentwickler treffen sich wieder! Du interessierst dich für Spieleentwicklung, oder bist sogar schon Spieleentwickler/In? und suchst nach Gleichgesinnten? Dann bist du bei der #inDIdev Initiative der DI genau richtig. Wir sind eine gemütliche Truppe die sich gerne über Spiele und deren Entwicklung austauschen. Es sind von Spielern, die sich einfach für das Thema interessieren, über Hobbieentwickler bis hin zu Vollprofis, die bei Spielen von Großen Entwicklerstudios mitwirken, alles vertreten. Es darf sich jede/r angesprochen fühlen, der oder die sich für Spieleentwicklung, Design, Animation, Pixel Art, Storytelling etc. interessiert. Keine Anmeldung nötig, schau einfach vorbei.

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) Sign up also accessible via [Transform Labs Luma](https://luma.com/55umjqta)

**TBA**

Dinner and dancing

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

**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 You will need to scan your ID at the door to get a visitor badge. **Abstract** GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise. We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration. Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team. **YouTube Link** TBD

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

💥 𝐋𝐢𝐧𝐜𝐨𝐥𝐧 𝐒𝐭𝐫𝐞𝐞𝐭 𝐒𝐚𝐥𝐬𝐚 💥 𝐅𝐞𝐚𝐭𝐮𝐫𝐢𝐧𝐠: 💥 𝐋𝐢𝐯𝐞 𝐒𝐚𝐥𝐬𝐚 𝐁𝐚𝐧𝐝: 𝐀𝐥 𝐒𝐨𝐧 𝐃𝐞𝐥 𝐈𝐲𝐚! . 💥 𝐒𝐚𝐭𝐮𝐫𝐝𝐚𝐲, 𝐀𝐩𝐫𝐢𝐥 𝟏𝟖 💥 𝟖 𝐩𝐦 – 𝟏 𝐚𝐦 . 🟣 Salsa, Bachata, and Merengue 🟣 Dancing All Night Long! . 👉 𝐁𝐮𝐲 𝐄𝐚𝐫𝐥𝐲 𝐁𝐢𝐫𝐝 𝐓𝐢𝐜𝐤𝐞𝐭𝐬 𝐍𝐎𝐖 𝐚𝐭: [https://columbussalsadancing.com/live-salsa-band-tickets-early/](https://columbussalsadancing.com/live-salsa-band-tickets-early/) . Lincoln Street Salsa 1717 Brice Rd Reynoldsburg, Ohio 43068 . 🟣 𝐑𝐞𝐠𝐢𝐬𝐭𝐫𝐚𝐭𝐢𝐨𝐧 8:00 pm – 8:30 pm . 🟣 𝐁𝐞𝐠𝐢𝐧𝐧𝐞𝐫 𝐃𝐚𝐧𝐜𝐞 𝐋𝐞𝐬𝐬𝐨𝐧! 8:30 pm – 9:30 pm . 🟣 𝐎𝐩𝐞𝐧 𝐃𝐚𝐧𝐜𝐞 𝐏𝐚𝐫𝐭𝐲 𝐖𝐢𝐭𝐡 𝐋𝐢𝐯𝐞 𝐒𝐚𝐥𝐬𝐚 𝐁𝐚𝐧𝐝! 9:30 pm – 1:00 am . ✅ Cover Includes Dance Lesson and/or Party! . 👉 𝐁𝐮𝐲 𝐄𝐚𝐫𝐥𝐲 𝐁𝐢𝐫𝐝 𝐓𝐢𝐜𝐤𝐞𝐭𝐬 𝐍𝐎𝐖 𝐚𝐭: [https://columbussalsadancing.com/live-salsa-band-tickets-early/](https://columbussalsadancing.com/live-salsa-band-tickets-early/) . 👉 $𝟐𝟓 𝐄𝐚𝐫𝐥𝐲 𝐁𝐢𝐫𝐝 𝐓𝐢𝐜𝐤𝐞𝐭𝐬 (𝐄𝐧𝐝𝐬 𝟒/𝟒 @ 𝟓 𝐩𝐦!) . 👉 $𝟑𝟎 𝐀𝐭 𝐭𝐡𝐞 𝐃𝐨𝐨𝐫 . ✅ 𝐍𝐨 𝐄𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞 𝐍𝐞𝐜𝐞𝐬𝐬𝐚𝐫𝐲! ✅ 𝐍𝐨 𝐏𝐚𝐫𝐭𝐧𝐞𝐫 𝐑𝐞𝐪𝐮𝐢𝐫𝐞𝐝! ✅ Always Other People to Dance With! ✅ Singles, Couples, Beginners, and Pros Welcome! . ✅ BYOB ✅ 18+ . ✅ 𝐐𝐮𝐞𝐬𝐭𝐢𝐨𝐧𝐬? 𝐕𝐢𝐬𝐢𝐭: LincolnStreetSalsa.com 𝐎𝐫 𝐓𝐞𝐱𝐭 𝐓𝐨𝐝𝐝: 𝟔𝟏𝟒-𝟕𝟕𝟒-𝟖𝟏𝟒𝟔 . 👉 𝐁𝐮𝐲 𝐄𝐚𝐫𝐥𝐲 𝐁𝐢𝐫𝐝 𝐓𝐢𝐜𝐤𝐞𝐭𝐬 𝐍𝐎𝐖 𝐚𝐭: [https://columbussalsadancing.com/live-salsa-band-tickets-early/](https://columbussalsadancing.com/live-salsa-band-tickets-early/) .