Web Technology

**For English see below** **Treffpunkt:** w3.hub, Möckernstrasse 120, 10963 Berlin 2\. OG\, hinterer Bereich **Unsere Eventreihe hat die Themen:** Die folgenden Workshops sind immer kostenlos und auf die gesamte Eventreihe verteilt. Wir werden es dir auch ermöglichen, dass du zu jedem Zeitpunkt in die Eventreihe einfach einsteigen kannst. Die Eventreihe endet mit dem letzten Termin, aber sie wird danach sofort von vorn beginnen und wir werden das Datum der Events dann anpassen. * 12.01.: Was ist Bitcoin eigentlich? * 26.01.: Workshop: Bitcoin senden und empfangen * 09.02.: Workshop: Bitcoin/ Bitcoin Passwort (Seed) sicher aufbewahren * 23.02.: Wo man Bitcoin kaufen könnte und auf was man achten sollte * 09.03.: Workshop: Bitcoin in Sekunden versenden (Lightning) * 23.03.: Bitcoin vererben * 06.04.: Warum nur Bitcoin - nicht Crypto * 20.04.: Workshop: Bitcoin spielerisch verstehen **Kontakt zu BBW:** * Telegram: https://t.me/+8nEA93930qowODky * Nostr: Bitcoin Beginner Workshops / npub1qtc6zmhaq6svkuny3r5h3n6wxel5cyzmwz7haygans36ee60l7vqgk2sxp **Anmeldungen:** Diese sind nicht erforderlich. Sollte es zu voll werden, werden wir aber Personen mit einer Anmeldungsbestätigung Vorrang geben. Teilt uns in eurer Anmeldung lediglich die Anzahl der Personen mit - keine weiteren Infos erforderlich: * meetup.com * Email: bbw@bitcoinexplained.de * Telegram: https://t.me/+8nEA93930qowODky * oder mündliche Absprache mit den Organisatoren für Folgeevents **Video** Dieses Event wird nicht aufgezeichnet und auch nicht irgendwo danach online verfügbar sein. **English** This event here is in German. The event "[ENG] Bitcoin Beginner Workshops - Explore Bitcoin" is in English and can be found under this link: https://www.meetup.com/bitcoin-lab-berlin **Privatsphäre** Die Teilnahme bei diesem Event verpflichtet dazu, dass die Privatsphäre von allen Personen gewahrt wird. Es dürfen keine Aufnahmen jeglicher Art gemacht oder verbreitet werden, wenn Personen dabei erkenntlich sind. Das bezieht sich auf das Event ansich, die Zeit davor und danach.

=== THE TOUR === On Easter Monday, we will drive to Stechlinsee for a swim and a picknick on the lake. We will depart at 10:00 (sharp) and drive to a parking space near the lake. From there it is a 10 minute walk. Return time of 17:00 is an estimate. The fishery will be open. The pizza shop on the maybe. === WHAT TO BRING === • Swimming wear, towls, etc. • Water, drinks and food • Good mood • 5 Euros for fuel and parking fees === NO-SHOW POLICY === I enforce a zero-tolerance policy on no-shows and last-minute cancellations. If you RSVP and don't show up, you will be removed from the group. If your plans change, please cancel early enough to make your seat available for someone else.

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

Du möchtest endlich die\*den Richtige\*n für dich in Berlin finden? Berlins großes Gay Speed Dating bietet dir die Möglichkeit, andere Gay Singles aus deiner Umgebung kennenzulernen! Ein Abend, eine Bar – und bis zu 15 einzigartige Dates. Altersgruppe: 20 - 35 Jahre Anmeldung zum Event: [https://speeddating-xxl.de/gay/gay-dating-berlin](https://speeddating-xxl.de/gay/gay-dating-berlin) **Achtung: Zur Teilnahme ist eine vorherige Anmeldung auf der Website notwendig!**

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

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.

🇬🇧 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 と ユミ

**Sunday Beginner Tango @ Tangoloft 💃🏾🕺** Curious about tango? This class is for you – no experience and no partner needed. We focus on connection, simple fundamentals and creating a relaxed, inclusive space where everyone can explore both roles. 🕐 16:30–18:00 🎶 Afterwards: Milonga (reduced entry for participants) 💸 20 € or USC + 10 € Come as you are – and be part of a growing, open tango community ✨ **Einsteiger Tango am Sonntag im Tangoloft 💃🏾🕺** Du willst Tango ausprobieren? Dann bist du hier genau richtig – ganz ohne Vorkenntnisse und ohne festen Partner. Wir legen den Fokus auf Connection, einfache Basics und eine entspannte, inklusive Atmosphäre, in der jede\*r beide Rollen tanzen und lernen kann. 🕐 16:30–18:00 🎶 Danach: Milonga (ermäßigter Eintritt für Teilnehmende) 💸 20 € oder USC + 10 € Komm vorbei und werde Teil einer offenen Tango-Community ✨

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.

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.

This meetup hosted by **Venture Cafe Berlin** focuses on **Funding** — exploring how startups and innovators can navigate today’s investment landscape. From **early-stage capital and public funding instruments to alternative financing models and investor perspectives**, the evening will unpack what it takes to secure resources and build sustainable growth in a shifting market environment. Join **founders, investors, ecosystem builders, and curious minds** for open conversations, practical insights, and meaningful connections. **What to expect:** * **Info & Demo Tables (5:00–8:00 PM):** Discover startups, technologies, and ecosystem initiatives. * **Mentor Hours:** Guidance on public affairs, regulation, and government relations for startups. * **Workshops & Talks:** * *Public Funding Demystified* — navigating grants and funding applications. * *Freedom, Innovation, Prosperity* — lessons from global innovation ecosystems. * *Reality Check: 10 Years of VC Fundraising* — honest insights into how venture capital really works. * **Networking & Beats:** Meet fellow innovators, exchange ideas, and connect in a relaxed atmosphere. Come learn, share, and connect with the **Berlin tech community**. More info and speakers here: https://community.venturecafeberlin.org/events/d93541b2-a6c6-468f-9795-dbbe3b91c813 *Note: To avoid queue at the door you can pre-register for check-in on the above link.* \-\-\-\-\-\-\- For the latest Berlin Tech News, Events & Jobs head to **[techinberlin.com](https://www.techinberlin.com/)**

**Important note: Please note that the event location changed. This event will be hosted at meeet West in Lietzenburger Str. 107, 10707 Berlin.** **Hello ServiceNow Developers of Berlin!** We warmly invite you to the next ServiceNow Developer Meetup in Berlin! Whether you are a developer, admin, consultant, or architect, your ideas and suggestions are guaranteed to be valuable and will be incorporated into the functioning of our group. **What to Expect:** * **Networking and Community Building:** Meet new people who also work in the ServiceNow field. This is a great opportunity to connect with like-minded individuals and expand your professional network. * **Open Forum:** Share your experiences, ask questions, and provide feedback on what you would like to see in future meetups. * **Free Snacks and Drinks** **IMPORTANT!!!** We want these events to truly be a "safe space" for ServiceNow professionals, so all recruitment and sales activities are prohibited. The organizers reserve the right to exclude anyone from the event who violates this rule. **RSVP and Participation:** To help us plan better, please RSVP here on the event page. Your early confirmation will greatly assist us in making this event a success. **Note:** due to international community in Berlin, we plan to run these events in **English**. We are excited to continue this journey with you to build a strong and supportive ServiceNow community in Berlin. See you there! **Meetup Agenda:** * **Welcome & Introduction** * **Ice Breaker && Get to Know** * **[Presentation:] Hybrid AI Workflows by ServiceNow's Lisa Holenstein** * **[Presentation:] CIS Data Foundations: An Introduction by SOLVVision's Hendrik Bockrath** * **[Presentation:] "Test-Driven Generation" - AI augmented coding for the enterprise by ServiceNow's Sascha Wildgrube** * **Q&A, Recap** * **Networking & Informal Discussions**

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

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!

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

Topic to be announced! **CALL FOR SPEAKERS** Learn more: https://www.awscolumbus.com/get-involved/ **THANK YOU** *Leading EDJE* for hosting our meetup! Leading EDJE specializes in helping organizations innovate and solve complex problems. EDJE does this with their "A" player team of professionals using agile methodologies and SCRUM management techniques to give organizations a competitive advantage that sets them apart. Learn more at https://www.leadingedje.com/ **THANK YOU** *Amazon Web Services* for sponsoring pizza! Learn more at https://aws.amazon.com/. **DIRECTIONS** 6515 Longshore Loop, Suite 300 Dublin, OH 43017 (3rd floor) **FREE PARKING** at the Endres Garage across the street, 6540 Riverside Dr, Dublin, OH **Want to sponsor the pizza and/or bar tab for a future meetup?** Please contact me if you would like to sponsor this meetup's pizza and/or bar tab: angelo@mandato.com

**TBA**

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

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

Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you. Our Website [https://linktr.ee/citcbus](https://linktr.ee/citcbus) Sponsors and Partners * Improving (Venue Sponsor) * Bethel World Prayer Center (Fiscal Sponsor) * Fruits & Roots (Coffee Partner)

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