HTML5

Herzlich Willkommen zum WordPress Meetup Berlin! Auch im Jahr 2026 treffen wir uns weiterhin am letzten Mittwoch des Monats. Wir versuchen, abwechselnd Themen für Anwender\*innen und Developers behandeln. **Programm** 19:00 \| Einlass 19:15 \| Thema: Diskussionsrunde zu KI Im April letzen Jahres hatten wir uns zuletzt über unseren Umgang mit künstlicher Intelligenz ausgetauscht. Auch dieses Mal wollen wir wieder darüber diskutieren, wie wir in unserer Arbeit und unseren Projekten einsetzen. Wo sind die Vorteile, aber wo liegen auch die Grenzen? 20:15 \| "Flohmarkt" Jede\*r kann kurz ein Gesuch oder Angebot in wenigen Sätzen pitchen. Bitte achtet darauf, dass es nicht zu kommerziell wird. 20:30 \| Happiness Bar\, freies Networking & Gespräche\. Bei Fragen oder Problemen mit WordPress könnt ihr uns gerne ansprechen und wir helfen euch mit eurem Problem. Das nennen wir "Happiness Bar". **Teilnahme** Die Teilnahme ist kostenlos. Essen und Getränke können wir leider nicht bereitstellen. Es gibt einen Snack/Getränke-Automaten und einen Kaffee-Automaten in der Bibliothek. Ihr könnt euch auch gerne etwas mitbringen und im Meeting-Raum essen. In der Umgebung gibt es einige Bäckereien, Spätis und Imbisse. Wichtig ist nur, dass wir den Raum wieder sauber hinterlassen. Falls ihr euch angemeldet habt und es doch nicht schaffen solltet, meldet euch bitte ab, damit wir einen Überblick über die Teilnehmerzahl behalten. **Barrierefreiheit** Die Location ist barrierefrei für Rollstühle. Falls ihr Unterstützung bei der Teilnahme oder Anforderungen an die Barrierefreiheit habt, schreibt uns gerne eine Nachricht. **Code of Conduct** Als WordPress Meetup verpflichten wir uns den Code of Conduct (sprich: unsere "Verhaltensregeln") einzuhalten:[ https://wpmeetup-berlin.de/regeln/](https://wpmeetup-berlin.de/regeln/) **Weitere Details und Infos** WPMeetup-Berlin Website: [https://wpmeetup-berlin.de/](https://wpmeetup-berlin.de/) Facebook-Gruppe "WordPress Berlin Brandenburg": [https://www.facebook.com/groups/331013360390412/](https://www.facebook.com/groups/331013360390412/) Twitter Account @wp_berlin: [https://twitter.com/wp_berlin](https://twitter.com/wp_berlin) #WPBerlin **Location & Raumsponsor** Ein großer Dank geht an die Bezirksbibliothek Pablo Neruda, dass sie uns den Raum zur Verfügung stellen. [https://www.berlin.de/stadtbibliothek-friedrichshain-kreuzberg/bibliotheken/bezirkszentralbibliothek-pablo-neruda/](https://www.berlin.de/stadtbibliothek-friedrichshain-kreuzberg/bibliotheken/bezirkszentralbibliothek-pablo-neruda/) **English speaking Attendees** \*Notice for our English speaking attendees: We are a German group and therefore most of our meetups and talks are held in German. However, many of our attendees are able to understand English well enough to respond to your questions. Which means: if you understand but don't necessarily speak German, that should be perfectly fine.

A welfare state takes responsibility for its people and supports them when in need. When costs are rising, but budgets aren’t, government needs to find efficiency gains to maintain social protection levels. A government-commissioned report recently recommended ways to modernise social and welfare services, making them more people-friendly and less bureaucratic. Meanwhile, small and large projects are underway to make benefits services more fair and easier to navigate, and to make the state overall more equitable. At our March meetup, we will hear about what a modern, digitally transformed welfare state looks like. We will welcome the following speakers: * Florian Theissing, Agora Digitale Transformation * Björn Mohr, Technologiestiftung Berlin * Anja Mayr & Jakob Häußermann, DigitalService des Bundes CityLAB Berlin hosts the event in their stunning 1920s space, a former airport building. All presentations will be given in English. Questions in the later discussion part can be raised either in English or German. Pictures and videos will be taken. ––– Das CityLAB Berlin ist Gastgeber der Veranstaltung und lädt zu seinen beeindruckenden Räumlichkeiten im früheren Abfertigungsterminal des Flughafens Tempelhof ein. Alle Vorträge werden in englischer Sprache gehalten. Fragen im anschließenden Diskussionsteil können sowohl auf Englisch als auch auf Deutsch gestellt werden. Es werden Video- und Fotoaufnahmen gemacht.

Join us on **March 25** to learn how the **Superhuman Engineering team is building a CI/CD system that learns, adapts, and gets faster over time**. ✅ **To attend the event**, please **register** **on Luma**: https://luma.com/loqydsym Please note that **only guests with a confirmed Luma registration will be admitted**. Due to limited capacity, we won’t be able to accommodate attendees who haven't registered. Most teams treat their CI/CD pipeline as infrastructure that “just works”—until it doesn’t. Three Superhuman engineers share how they combined AI-driven automation, test-strategy overhauls, and infrastructure migration to build a pipeline that not only runs but also continuously improves itself. 🚀 [Dushan Terzikj](https://www.linkedin.com/in/dushanterzikj/) will share concrete examples of how the Grammarly Inkwell team reduced CI pipeline flakiness and duration—from parallelizing unit tests and migrating to Storybook, to switching from dedicated macOS runners to on-demand Kubernetes runners. Attendees will walk away with practical, actionable techniques to make their own pipelines faster and more reliable. 🚀 [Timo Fink](https://www.linkedin.com/in/fink-timo/) will explain how Superhuman incorporated AI agents into their CI pipelines to develop a Self-Healing system. You will learn how we leverage Claude Code to automatically audit the reliability of our test suite and proactively suggest and prepare improvements for human review. 🚀 Darek Komosinski will show how his team exposes structured performance trace data to AI to automatically detect issues and surface actionable fixes. You will learn how combining rule-based analyzers with an AI summarization layer turns thousands of raw traces into a concise, prioritized report without manual triage. **About the speakers**: 🔈 **Dushan Terzikj** is a Software Engineer at Superhuman Platform Inc., where he works on the Superhuman browser extension—formerly the Grammarly browser extension—which serves more than 40 million monthly active users. He has also worked on a platform supporting the browser extension, where his team’s main goal was to deliver an outstanding developer experience. 🔈 **Timo Fink** is a Software Engineer at Superhuman Platform Inc., where he works on the Grammarly for Windows application. Grammarly for Windows, now part of the Superhuman suite, is the trusted AI writing partner for turning scattered thoughts into aligned, impactful communication. Timo has started to focus his efforts on developer experience, ensuring work can happen as fluidly as possible by removing recurring blockers like flaky pipelines. 🔈**Darek Komosiński** is a Software Engineer at Superhuman Platform Inc., where he works on the Grammarly for Windows application as a tech lead. He focuses on improving the performance of our apps (from observability to fixing issues) to make sure we can offer maximum value to users with minimal system impact. **Who should attend**: * Software engineers who want to apply AI-based tools to common developer experience problems * Technical leaders who want to offer their teams a new perspective on how to approach these challenges **Agenda:** ✨ 18:00–18:30: Check-in and networking ✨ 18:30–19:45: Talks ✨ 19:45–20:45: Mingle with our team

Hola chicos, Moin zusammen, lasst uns Deutsch und Spanisch sprechen und ein paar Bier zusammen trinken, die Idee ist einfach und gut :) Bitte bringt zumindest basis Deutsch oder Spanisch Kenntnisse mit! Vamos a hablar español y alemán y tomar unas cervezas, la idea es simple y buena jaja. ¡Por favor, ven por lo menos con un nivel básico de español o alemán! Danke, gracias!

An inspiring, high-energy meeting of public speaking, connection, and personal growth in the heart of Berlin. **Mercury Toastmasters Berlin** invites you to our weekly meeting at our new home at **Das Center, Potsdamer Platz**, in the stunning **Historic Imperial Breakfast Hall**. *Experience the **power of prepared speeches** loaded with bold ideas, participate in our **dynamic Impromptu Session**, and **gain valuable insights** during our feedback segment.* *Leave with practical tools, fresh ideas, and renewed inspiration.* *Whether you want to speak up at work, boost your presence, or just meet inspiring people, you’ll feel at home at Mercury Toastmasters Berlin.* *** **[What to Expect:](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/)** ✨ A supportive space to speak, grow, and connect 🎤 Engaging prepared speeches ⚡ Fun, fast-paced impromptu speaking challenges 💬 Feedback session you can actually use 🌍 A friendly, international crowd (around 25–30 people) **Schedule** (times may vary) ⏰ 19:15 - Doors open & networking 🎙️ 19:30 - Prepared Speeches 🏓 20:35 - Impromptu Session (Guest welcome to join) ↩️ 21:00 - Constructive feedback 💬 21:30 - Food, drinks & relaxed socializing **No experience needed.** ***Come curious. Leave energized.*** *** **🤙 [Hear it from our members:](https://maps.app.goo.gl/eRtvR9DRNqU9WZQn7)** *“You can sharpen your public speaking skills and gain tons of confidence, while having fun and making new friends. Mercury is well-structured, fun, and affordable.”* — *Therese Pitt* *“Mercury gave me a safe place to speak, create, and grow. I love the multicultural vibe and supportive community. It’s the best place to learn and have fun.”* — *Krisztina Linka* *** **[Did You Know?](https://mercurytoastmasters.de/about-mercury-toastmasters-berlin/)** Toastmasters is where people go to get better at speaking—and grow into confident communicators and leaders. Today [Toastmasters ](https://mercurytoastmasters.de/about-mercury-toastmasters-berlin/)has 350,000+ members across 16,000 clubs in 143 countries. And [Mercury](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/) is one of the best places to experience it. So bring your curiosity, your energy—and just be yourself. Whether you’re just starting or ready to level up, there’s a place for you here. *** **[Wondering what you get as a member?](https://mercurytoastmasters.de/membership-mercury-toastmasters-berlin/)** Think expert feedback, real-world speaking practice, and a supportive crew that’s got your back. [See you Wednesday night! 🎉](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/)

Salut les amis, Nous vous invitons pour notre prochaine discussion **le mercredi à 19h00**, **au Dussmann KulturCafé**, au 2e étage de Dussmann das KulturKaufhaus Berlin, Friedrichstraße 90, 10117 Berlin. Nous espérons voir de nombreux nouveaux visages et avoir une discussion animée et inspirante ! ✨ **Au programme ?** Des échanges captivants sur des sujets de **philosophie** et de **société** qui nous intriguent et nous passionnent. Une belle occasion de partager nos idées, découvrir d’autres points de vue et apprendre ensemble dans une ambiance conviviale. **Niveau de français** : Idéalement, il vous permet de participer à une discussion intellectuelle sans trop de difficultés ! **Lieu** : Friedrichstraße 90, 10117 Berlin À bientôt, Yaroslava

**Hi everyone!** We’ll now be meeting twice a week at Denizen House (Köpenicker Str. 40, 10179 Berlin), on **Mondays and Wednesdays**! * **Mondays:** levels A1 to B1 * **Wednesdays:** levels B1 to C1 We work with dedicated materials tailored to each level, so everyone will have a place to practice and improve. **Event schedule** * **18:00 – 18:30** Arrival and registration * **18:30 – 19:50** Sprachcafé * **19:50 – 20:00** End and clean up Please be aware that the moderated event starts at **18:30**. Before this time, we are busy setting up the space. Registrations usually take place around **18:15 / 18:20**. Participants are kindly asked **not to arrive too far in advance** at the house. If someone arrives much earlier, Denizen may ask them to pay either for a drink (consumption) or for a **day pass**, as the space is a co-working environment during the day. **Please remember, our event is only happening from 18:00 to 20:00** **How the Sprachcafé works** We use different materials to help participants gain confidence in German. Together with whiteboards and our volunteers, the Sprachcafé is based on **interactive conversations** in small groups. **Participation fee** The Sprachcafé has a **participation fee of 5 €**, which helps cover organizational costs and **includes one soft drink for free**. Tickets can be purchased directly on the day of the event, card and cash payments are accepted. As the Sprachcafé has become very popular, we now need to **limit the number of participants**. Please understand this measure; it ensures that everyone has a comfortable space to practice. We kindly ask you to be **rücksichtsvoll** and only RSVP “Yes” if you are certain you can attend. If your plans change at the last minute, please update your RSVP so someone on the waiting list can take your spot. Getting your ticket early can help secure your place. **Please note** Our event will begin **promptly** at the scheduled start time. If you arrive late, we cannot guarantee your participation, even if you have a ticket or have RSVP’d. We encourage all guests to arrive on time to ensure a smooth and enjoyable experience for everyone. Thank you for your understanding and cooperation. **About Denizen** Denizen is a new-style co-working space focused on being an integral part of local communities. Located on the ground floor of the historic Eiswerk on Köpenicker Straße in Kreuzberg, Denizen House is a communal place providing work, refreshment, and recreational facilities throughout the day. Think of it as a living room for the neighborhood. If you have any questions, don’t hesitate to let me know. If you’d like to contribute to this night, send me a message! Ich freue mich schon! Grüße, **Nacho**

Some friends of PyData are organising the following event, and we think it would be great to share it with the community. Pixels2GenAI is an exhibition by software developers creating computer art. We have used equations, algorithms, and AI models to generate images and installations. The artists explore the space between hand-programmed images, the aesthetics of mathematical rules, and AI as an art-making tool. Works by the following artists will be on display: * Burak Kağan Yılmazer * Sara Maras * Alexander Hendorf * Hansu Kim * Maris Niewenhuis * Ewa Rother

We're thrilled to welcome you to the Berlin Ethereum Meetups! Join us as we explore technical and non-technical topics and new ideas, collaborate on projects, and connect and grow our community! Our meetups are open to all - from those new to Ethereum to long-standing community members and developers. 🗓️ **Agenda** 🕕 6:30 - 6:45 pm - Arrivals 🕡 6:45 - 6:55 pm - Ecosystem & Community Updates by Eniko (Ethereum Foundation) 🕡 6:55 - 7:20 pm - From strawmap to reality: how do we actually ship this roadmap? by Pari (Ethereum Foundation; ethPandaOps) 🕡 7:20 - 7:45 pm - Agentic Commerce: Infrastructure for Autonomous Agent Payments by Rick (Ethereum Foundation) 🕖 7:45 pm - 9:00 pm - Open discussions and community networking Berlin is one of the most vibrant hubs for Ethereum builders, researchers, and advocates of privacy, decentralization, and open-source technology. Whether you’re here to learn, contribute, or simply connect, join us as we continue building the next chapter of Ethereum in Berlin. The talks will be recorded and uploaded to our [Youtube channel](https://www.youtube.com/@ethereumberlin). Subscribe to stay up to date! Apply to speak at our future meetups: [Speaker Application](https://forms.gle/5y9Y5ywZC7pSEqpV9)! The event is sponsored by [Gnosis](https://www.gnosis.io/). To learn more about Ethereum, go to [ethereum.org](http://ethereum.org/) (content available in many different languages).

Join us for a casual Product Round in Neukölln — a relaxed evening for **product people** who enjoy meaningful conversations and a **user-first mindset**. 🗓 **When?** Every last Thursday of the month (Join the group to get 🔔 reminders and 📍 location updates.) 👋 **Who it’s for** • Designers (UX / UI) • PMs & POs • Developers & Engineers • Researchers • Aspiring product people 💬 **What to expect** • Casual conversations about real product work • Sharing experiences, challenges, and learnings • Getting to know other product people in Berlin • No talks, no presentations, no pressure • Just drinks, chats, and good company 🚫 **Please note** This is a **no-sales, no-pitch, no-dating space**. The goal is simple: connect, exchange, and enjoy the conversation. If you care about **building products with users in mind** and want to meet like-minded people — this is for you. See you there! 😊 Phil

Welcome to our cosy Godot Engine Community Meetup! This is not a structured meeting, but rather a friendly get-together. We will hang out, chat and maybe show some of our current projects! 🦜 Regardless if you are an artist, designer, programmer, beginner, hobbyist, professional or anything in between: join us for sharing knowledge, creating art together, coding together, joining game jams together and having fun! 🌼 This meetup will happen at [Saftladen Game Collective](https://saftladen.berlin), Normannenstraße 1-2, 10367 Berlin-Lichtenberg. 🌳 You can also join us on [our Discord Server](https://discord.gg/Sm3CgrqqQa). ☎️ Follow us on [Mastodon](https://mastodon.gamedev.place/@GodotUserGroupBerlin) for updates. 📢 Also check out [our website](https://godot.berlin). 🌐 Please be [excellent to each other](https://godotengine.org/code-of-conduct/)! 🕊️

**Dear Community,** We’re excited to welcome you to the next **NoCode Collective Club Meetup in Berlin**. Join us for an evening of practical insights into how **AI, no-code, and low-code tools** are transforming how we build products. This is not a sales-driven event. It’s designed as a balanced mix of **community innovation** and **hands-on demos from industry leaders**. **📅 March 26, 2026** **⏰ 18:00 – 21:00** *(Networking until 22:00)* **📍 Web3 Hub, Berlin** **🍕 Pizza & Drinks provided** *** ## ✨ What to Expect **🎤 Expert Talks** \| Practical insights and live builds **⚡ Real Use Cases** \| AI agents\, automation\, analytics\, and low\-code platforms **📊 Live Demos** \| See the tools in action and try them yourself **🍹 Extended Networking** \| Connect with builders\, founders\, and operators *** ## 🧠 Topics & Speakers ### 🛠️ The Future of AI-Assisted App Building & AI Agents **Speaker: Akhilesh Balakrishnan (Zoho)** Directly from the Zoho team, Akhilesh will showcase the latest major updates in the low-code world in a demo-driven session: * **AI-Assisted App Building**: Build functional apps using natural language * **AI Agents**: Deploy intelligent assistants inside your workflow * **Live Interactive Demo**: Use a special signup link to follow along and test the features in real time *** ### ⚙️ Simplify Your Workflows with Agentic Skills **Speaker: Alexander Amin** Skills allow teams to turn expertise into reusable tools. Think of them as lightweight markdown-based building blocks that capture workflow knowledge and make it executable by an AI agent on demand. No SDK. No deployment. No boilerplate. Alexander will show how workflows can be turned into reusable “skills” that help teams automate recurring processes and scale execution without additional engineering overhead. *** ### 🤖 AI in E-Commerce: From Data to Beautiful Dashboards **Speaker: Matthias Siwy (MLC-Direct)** AI development are evolving rapidly, but the real leverage comes from combining them with existing company data. Matthias will share how teams use modern AI workflows and vibe-coding to move from raw data to working analytics interfaces in hours. *** ## 🍹 Networking & Logistics After the talks, stay for pizza and drinks. We have the space at the **Web3 Hub until 22:00**, giving everyone plenty of time to discuss the demos, share projects, and meet fellow innovators from the Berlin scene.

Wir proben jeden Sonntag. Falls du mitmachen möchtest, bist du herzlich zu unseren offenen Proben eingeladen, die einmal pro Monat stattfinden. **Voraussetzung für die Teilnahme: Du sprichst Deutsch und Chinesisch mindestens auf Niveau B1.** 我们周日都排练，想来试试吗？每个月有一次公开排练，欢迎参加！**要求很简单：德语和中文B1以上就行。** **Anmeldung \| 报名方式，请见：** [https://www.ticketsource.com/improtheater-deutsch-chinesisch](https://www.ticketsource.com/improtheater-deutsch-chinesisch) **Worum geht’s?** Eine Improtheater-Gruppe für Menschen, die Deutsch und Chinesisch sprechen – und Lust haben, spontan kreativ zu sein. **这是个什么活动？** 欢迎所有会说中文和德语、想要即兴发挥创意的人加入我们的即兴戏剧小组！ **Was ist Improtheater eigentlich?** Impro ist Theater ohne Drehbuch. Alles entsteht im Moment – Figuren, Geschichten und Dialoge. Szenen entstehen zum Beispiel auf Zuruf von Begriffen durch Mitspieler oder das Publikum. **即兴戏剧到底是什么？** 即兴戏剧是一种剧场表演形式，在没有剧本或预设剧情的情况下由演员即兴创作。演员在舞台上根据观众的提示、建议或现场情境，临场创作角色、对话和剧情。 **Wer kann mitmachen?** Jeder, der Spaß am Theaterspielen hat sowie beide Sprachen (Deutsch und Chinesisch) auf gutem Niveau spricht. **谁可以参加？** 只要你喜欢表演，并且能流利地使用德语和中文，就能加入我们！ **Proben \| 排练安排** **Wann?** Immer sonntags, 14–16 Uhr **时间：** 每周日下午2点到4点 **Wo?** Brunnenstraße 145, 10115 Berlin **地点：** Brunnenstraße 145, 10115 柏林 **Kosten:** 5 Euro pro Mal **费用：** 5欧元一次

Wissen verändert die Welt. Mach Mit! Wir treffen uns alle zwei Wochen zum lockeren Austausch und gemeinsamen Arbeiten in unserem Communityraum in der Köpenicker Straße in Berlin-Mitte. Alle Interessierten sind herzlich eingeladen vorbeizukommen und mehr über Wikipedia und ihre Schwesterprojekte (z. B. Wikimedia Commons oder Wikidata) zu erfahren. Finde heraus, wie Wikipedia funktioniert, lerne wie du selbst mitschreiben kannst und welche Artikel zu deinen Lieblingsthemen noch fehlen. 🕖 Termine: zweiwöchentlich donnerstags ab 18.30 Uhr ℹ️ Aktuelle Termine: [https://w.wiki/tv](https://w.wiki/tv) Die Teilnahme ist kostenfrei, eine Anmeldung ist nicht notwendig. Komm einfach vorbei! Vor Ort können Leihrechner zur Verfügung gestellt werden. P. S.: Auch wenn die Teilnahmezahlen hier niedrig erscheinen – wir bewerben das Event noch auf anderen Plattformen und sind in der Regel zwischen 6 und 12 Personen. Foto: Niccolò Caranti (OBC), [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0), via Wikimedia Commons

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

**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 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA

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

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com

**New Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)