Web Standards

Andere drücken die Schulbank, wir aber wollen in gemütlicher (und realer) Atmosphäre wieder aufeinandertreffen und einen Deutsch-Spanisch-Tandemkurs aufleben lassen. Beim einfachen Zusammenkommen und kennenlernen lässt es sich schließlich viel effektiver lernen. und Spaß haben. ...

**👋 Hello Strangers! —** For all players and chess-curious folks out there who want to chill, make friends, and enjoy some chess: We are hosting a daily meetup in Mitte / Prenzlauerberg for all experience levels. It doesn't matter if you just watched the Queen's Gambit or if you have been playing regularly for a while. **Join us** — Daily from 7 pm till midnight. **Expected Behavior** — [Conduct](https://strangerchess.com/conduct/) **Pics** · [Instagram](https://www.instagram.com/strangerchess/) / **Chat** · [Telegram](https://t.me/strangerchess) / **Web** · [Strangerchess.com](https://strangerchess.com/) (No need to bring anything, boards, clocks, etc. are provided)

-DROP IN - *(English below)* **Lindy Hop \| Swing Dance** Klassen (fast jeden Montag) 18:15 Uhr Starter 19:30 Uhr Improver / Refresher Für mehr Informationen & Kosten, bitte hier schauen: **[SWING PATROL PANKE](https://www.swingpatrolberlin.com/sp-panke.html)** \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- Classes (almost) every Monday 18:15 Starter 19:30 Improver / Refresher For more information & cost, please look here: **[SWING PATROL PANKE](https://www.swingpatrolberlin.com/sp-panke.html)**

🇬🇧 Here's Japanese Language Kaiwa! #7 Thanks for coming last time. We were a big group! **Let’s reconfirm Cafe Buchhandlung.** As usual we start at 7 pm! New joiner? Don't be shy and come improve your beginner Japanese skills, or keep your high level skills in practice, by meeting new people. がんばりましょう！ Or come help a Japanese speaker with their English/German. **Please order at least 1 drink (the place is cash only).** Organised by Mauro and Yumi ーーーー 🇯🇵 こちらは日本語会話会 Kaiwa! #7 です 前回はご参加ありがとうございました。とても大人数でしたね！ **今回もCafe Buchhandlungで開催予定です。** いつも通り、19時スタートです！ 初めての方も大歓迎です。恥ずかしがらずに参加して、日本語初心者の方はスキルアップを、上級者の方はレベル維持のために、新しい人と交流しましょう。がんばりましょう！ また、日本人の方の英語やドイツ語の練習を手伝いたい方もぜひご参加ください。 **ドリンクを最低1杯ご注文ください（現金のみです）。** 主催：Mauro と ユミ

This is a board game night for you to meet up and play in a relaxed and respectful environment. The event is exclusively for people who identify as FLINTA\* (women, lesbians, intersex, non-binary, trans and agender). We play casual and family games as well as strategy games and heavy euros. **General information** Come alone or bring your friends. There will be some games and snacks on site, but you’re also welcome to bring your own. We’re especially happy to welcome people who enjoy explaining rules. Board game designers are warmly invited to bring prototypes! Dogs are only allowed in exceptional cases and with prior approval from the organizing team. Please read and respect our code of conduct. We speak both German and English. Free entry – donations (1 to 5 €) welcome. All information and our code of conduct: https://flintastisch.de/flinta-spieletreff-berlin/ **Accessibility details** The venue is wheelchair accessible and suitable for people with limited mobility. Unfortunately, the toilet is not accessible. If you require a support person due to a disability, but your companion is not FLINTA\*, please contact us in advance at mail@flintastisch.de The same applies if you would like to bring an interpreter. Companion, support, and assistance dogs are welcome. Please let us know in advance at mail@flintastisch.de

Easter Monday carries a different kind of energy — somewhere between a long weekend, a fresh start, and the feeling that spring is finally here. This Social Butterfly Club Meetup brings that energy into a relaxed Monday evening. A space to connect, share conversations, and start the week with a bit more lightness and curiosity. 🌷 There might be a few small Easter surprises hidden around — nothing too serious, just a playful excuse to look around, smile, and maybe start a conversation with someone new. 🐣 Whether you’ve spent the weekend with people, by yourself, or somewhere in between — this is a chance to step back into the city and connect. ✨ Suggested Ice Breaker Question: “What has been a highlight of your long weekend?” Orga This meetup is donation based. Your contribution helps keep this community alive and is highly appreciated. You can either contribute in cash or via Buy me a Coffee: [https://buymeacoffee.com/butterflyradar](https://buymeacoffee.com/butterflyradar) Questions? Check our Meetup-FAQs: [https://socialbutterfly.berlin/meetup-faq/](https://socialbutterfly.berlin/meetup-faq/) Meet your host I’m Julia — a Berlin local who loves bringing people together. My path went from growing up in a dance school to studying philosophy to working in IT support, and somehow all of that led me here: hosting meetups and creating spaces where people can show up, relax, and connect. Insta [https://www.instagram.com/juwaberlin/](https://www.instagram.com/juwaberlin/) LinkedIn [https://www.linkedin.com/in/julia-waehnert/](https://www.linkedin.com/in/julia-waehnert/) About The Social Butterfly Club 🦋 is a Berlin-based community that has been bringing people together for over three years. Each gathering is part of a larger framework designed to help friendships grow through shared experiences in the city — with a long-term vision of turning Berlin itself into a shared, playful experience. Love the vibe? There’s a whole community waiting for you. 🦋 Join the Social Butterfly Club and experience Berlin together Join our Telegram Group: [https://t.me/+OnASVWZ7emhjYzEy](https://t.me/+OnASVWZ7emhjYzEy) Subscribe to our weekly newsletter: [https://socialbutterflyradar.substack.com/](https://socialbutterflyradar.substack.com/) 🌸 Support us with a monthly membership: Become a Founding Flutterer for 14.95€/month and help the Social Butterfly Club grow. Your support keeps the project alive and helps us continue creating spaces where people in Berlin can meet and connect. [https://steady.page/en/social-butterfly-club/](https://steady.page/en/social-butterfly-club/)

Come along for an evening of board games, good conversations, and great company with like-minded people! We’re meeting at **RuDi Nachbarschaftshaus**, a colorful and inclusive neighborhood community space. We provide games – all you need to bring is yourself. If you have any games you want to share, feel free to bring them along as well! You’re also welcome to bring your own vegan food and drinks to enjoy during the evening. **Where**: RuDi Nachbarschaftshaus, Modersohnstraße 55, 10245 Berlin **When**: 6 April, from 18:30 to 00:00 **Contribution**: 2 € event fee (non-refundable). Half of it covers the cost of the event space. The other half helps cover the Meetup fee and small costs; any extra is donated to animal rights NGOs. You can either pay with paypal or cash the day of the event. This event is for vegans or vegan-curious. If you are not vegan (even vegetarian), and you are attending this event, please **only bring vegan food/drinks** to respect the mission of the group and other members. This is a casual event, so turning up late or with an extra friend is all fine. If you can’t come after RSVPing, please update your RSVP so others on the waiting list can join. Please note that we have a zero-tolerance policy for hate, discrimination, or disrespect of any kind. This space is meant to be safe, inclusive, and welcoming for vegans of all kinds.

In this hands-on session, we’ll use AI prompts to conceptualize and outline a complete website structure: front-end, admin panel, and back-end. Together, we’ll explore how to draft feature layouts, functionality specs, and architecture ideas, all driven by effective prompting. This event will focus on practical AI-assisted planning—not relying on pre-built platforms. You’ll leave with a clearer prompt-based framework for your next web project.

Back in August, we explored how Design Thinking can help us uncover and validate the right problems. But even when we agree on what to build, things often go wrong, not because of bad solutions, but because we don’t fully understand what the problem actually means in practice. In this session, we’ll build on that idea and focus on the next step: turning vague ideas into something concrete, shared, and testable. Using Example Mapping - a lightweight technique from Behaviour-Driven Development (BDD) - we’ll work in small groups to: * Break down a feature into rules, examples, and questions * Surface hidden assumptions and edge cases * Align on what the behaviour of a system should actually look like If the previous session was about finding the right problem, this one is about understanding it well enough to build it right. This is a hands-on workshop. Be prepared to participate fully and add to the energy of the room. Looking forward to seeing you there!

**👋 Hello Strangers! —** For all players and chess-curious folks out there who want to chill, make friends, and enjoy some chess: We are hosting a daily meetup in Mitte / Prenzlauerberg for all experience levels. It doesn't matter if you just watched the Queen's Gambit or if you have been playing regularly for a while. **Join us** — Daily from 7 pm till midnight. **Expected Behavior** — [Conduct](https://strangerchess.com/conduct/) **Pics** · [Instagram](https://www.instagram.com/strangerchess/) / **Chat** · [Telegram](https://t.me/strangerchess) / **Web** · [Strangerchess.com](https://strangerchess.com/) (No need to bring anything, boards, clocks, etc. are provided)

Liebe JUG-Mitglieder, wir möchten Euch herzlich zu unserem nächsten Stammtisch, der jeden ersten Dienstag im Monat stattfindet, einladen. Alles weitere kann im unserem Blog unter http://www.jug-berlin-brandenburg.de/ gefunden werden. Viele Grüße Sandra, Jan, Jörg und Oliver

As the title suggests, this is a **casual get-together** for the **[Tech in Berlin](https://www.techinberlin.com/)**[ ](https://www.techinberlin.com/)community — no talks, no slides, no agenda. Just conversations and connections with people who are building, learning, or curious about tech. Whether you're a founder, developer, product manager, designer, student, or just exploring the tech space in Berlin, you’re welcome to join. **What to expect:** * Relaxed, informal atmosphere * Opportunity to **make new connections** * Space to **vibe code together** (the café has great Wi-Fi) * Share what you’re working on and **get feedback or fresh perspectives** * Open conversations about tech, startups, ideas, or anything in between **No agenda. No pitches. No expectations.** Just show up, grab a drink, open your laptop (if you want). If you’re new to Berlin, new to tech, or just want to expand your circle — this is a good place to start.

It's all about getting to know new people from your favorite industry. So if you are interested in Motion Design, 2D or 3D Animation, CGI, Illustration or any related field, feel free to join us. Grab a beer in a relaxed atmosphere, have a nice chat about key frames or discuss your next project! Beginner or expert – wir freuen uns auf dich!

🚀 Workshops: The Human-Digital Synthesis **Kultur\-Technik 2026 \| Women in Big Data Berlin** AI is no longer a future concept—it is already reshaping how we work, create, and make decisions. The real question is: **how do we use it intelligently?** *Kultur-Technik 2026:* *The Human–Digital Synthesis* draws from the European idea that technology is an extension of human culture. In this interactive session, we bring together the Women in Big Data Berlin community to explore how humans and AI will collaborate, build, and evolve together. This is not a passive event— it’s a space to **learn, discuss, and create together.** The event is hosted by **Ojin AixHaus.** Ojin AixHaus is the new, collaborative community space in Berlin Mitte, where scientists, machine learning engineers, founders, creators, and AI enthusiasts come together to build and learn about the future of AI. Ojin AixHaus is free to join, open for startups in residency applications and is currently curating their 2026 events calendar. If you have a burning idea for an event, meetup or hackathon - bring your fire, they bring the space! **💡 Event Details 💡** **1\. Choose and Participate Your Workshop \(60 mins\)** Participants will get to choose and join one of two parallel tracks onsite, and co-create a “chapter” for the final showcase. 🧠 **TECH TRACK: Collective Intelligence & AI in Companies** Facilitator: Dr. Katarzyna Stoltmann Co\-Founder\, Women in Big Data Berlin \| Head of Data Science & AI How do companies truly get the best out of AI? The answer: **collective intelligence**. This session explores: * What collective intelligence means in practice * Which tasks and roles will evolve with AI * Whether AI replaces work—or creates new opportunities ✍🏼 Hands-on focus: Designing end-to-end AI solutions at scale—thinking through how humans and AI systems collaborate to deliver impact for millions of users. 🖼️ Output: A conceptual demonstration of a **“context-aware agent architecture”** 🌟 **IDENTITY TRACK: Visibility & Personal Branding in the Age of AI** Facilitator: Angeley Mullins Founder & CEO, Aetheris Ventures In a world where content and ideas can be generated at scale, how do you stay **visible, credible, and distinctive**? This session explores: * How to position your *human voice* in an AI-driven landscape * What defines authenticity and value in 2026 * How to use AI as a co-creator, not a replacement ✍🏼 Hands-on focus: Define your personal narrative, identify your unique “signal,” and build a strategic approach to visibility through guided exercises and peer exchange. 🖼️ Output: A **“Visible Self Prototype”**—your personal positioning, key content angles, and a simple plan to build credibility and presence in an AI-shaped world **2\. Grand Finale: The 2026 Showcase \(45 mins\)** We come together to share insights from each group: * Tech track presents the “Brain” (AI Agent concept) * Capabilities track presents the “Voice” (Personal Brand & Visibility Strategy in the AI era) We will have networking afterwards where you can continue sharing your ideas! 🗓 **Date: 9 April 2026** **⏰ Time: 18:00 – 21:30** **📍 Location: Ojin AixHaus \| Chausseestraße 36\, 10115 Berlin** Why do we need these workshops? Because AI is moving so fast! - and so should we. Join us to: * Understand AI beyond the hype * Learn how to use it strategically and responsibly * Connect with a community shaping the future 👉 **Choose your track. Join the conversation. Build what’s next. We look forward to seeing you next week!** Find out more here: [Ojin AixHaus Community ](https://ojin.ai/community) Follow Ojin AixHaus on socials: [Instagram](https://www.instagram.com/ojin.ai/#) [Linkedin](https://www.linkedin.com/showcase/ojin-aixhaus/) [X](https://x.com/Ojin_AI)

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

**TBA**

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

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

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

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