Mobile Web

Playing Beachvolley at Beachhalle Zürich Nord. We play 3vs3 or 2vs2 🏐 Please pay 18Chf via Twint to +41791231674. Please write the name and the date of the event, so i know who paid. Its for renting the field and for organising.

**IMPORTANT: YOU NEED TO BUY A TICKET IN YOUR NOII PROFILE TO GET IN** **Auf Tinder kein Bock mehr, aber für Parship ist es zu früh? We got you!** **Wir organisieren mehrere Real Life Single Events. Jede. Woche.** Lassen wir alle Single Herzen höher schlagen und veranstalten einen legendären noii Event. Vergiss Swipen und Chatten, in diesem Jahr daten wir im echten Leben (we don't make the rules). Mit bis zu 400 Personen pro Event ist immer viel los. Worst case hast du ein geiles noiices Erlebnis gehabt, best case lernst du jemanden kennen, den du daten möchtest **It's a vibe.** Keine Sorge, das wird kein awkward Single Event mit einem sturen Ablauf. Es ist wie ein normaler Bar-Abend mit deinen Friends, wo du aber ganz easy noch andere Leute kennenlernst. **[HERE MORE INFORMATION](https://date.noii.ch/preview)** **So done with tinder but it’s too early for Parship? We got you!** **We organize several real life single events. Every. Week.** Let's make all single hearts beat faster and organize a legendary noii event. Forget swiping and chatting, this year we're dating in real life (we don't make the rules). With up to 400 people per event, there is always a lot going on. Worst case scenario: you have a great noiice experience, best case: you meet someone you want to date **It's a vibe.** Don't worry, this won't be an awkward singles event with a stubborn schedule. It's like a normal bar evening with your friends, where you can easily meet other people. **[HERE MORE INFORMATION](https://date.noii.ch/preview)**

**_DE_** (_EN below_): Wir, Peter und Patrick, sind zwei Physiotherapeuten mit einer Leidenschaft für Sport und Bewegung. Bei unserem **Gruppenfitness Training** trainierst du gemeinsam mit anderen, das motiviert, macht Spaß und hilft, dranzubleiben. Wir kombinieren Kraft, Ausdauer, Beweglichkeit und funktionelle Übungen, passend für alle Fitnesslevels. **Wichtig:** Bitte kommt in bequemer Sportkleidung. Wer nicht direkt auf dem Boden trainieren möchte, bringt gerne eine Matte mit. Du kannst an einem kostenlosen Probetraining teilnehmen. Danach besteht die Möglichkeit, ein Trainingsabo zu lösen: • 5 Trainings: 160 CHF • 10 Trainings: 280 CHF • 20 Trainings: 490 CHF Werde Teil unserer aktiven Community und erlebe, wie viel Energie Gruppentraining geben kann! **_EN_** We, Peter and Patrick, are two physiotherapists with a passion for sports and movement. In our **group fitness sessions**, you train together with others! it’s motivating, fun, and helps you stay consistent. We combine strength, endurance, mobility, and functional exercises, suitable for all fitness levels. **Important:** Please wear comfortable sports clothing. If you prefer not to train directly on the ground, feel free to bring a mat. You can join a free trial session. After that, you have the option to choose a training package: • 5 sessions: CHF 160 • 10 sessions: CHF 280 • 20 sessions: CHF 490 Become part of our active community and experience how energizing group training can be!

**[⚠️ >>Ticket needed (click here)<<](https://eventfrog.ch/en/p/eating-drinking/digital-detox-cafe-7438257105201571682.html) or** **[www.social-circle.ch](www.social-circle.ch)** **Unplug & Create: Digital Detox Café at Paint it Easy** Take a break from screens and reconnect with yourself and others at our Digital Detox event in Zürich’s most inviting creative space, Paint it Easy. We’ll kick off the evening with a relaxed atmosphere, setting the tone for a mindful and inspiring night. Join our craft group: [https://chat.whatsapp.com/JPIASNUJGwD23UUweSe0s3](https://chat.whatsapp.com/JPIASNUJGwD23UUweSe0s3) Choose your path for the evening: **Deep Talk with Question Cards:** Dive into meaningful conversations and connect with fellow participants on a deeper level. **Boardgames:** Just for fun or to meet new people. **Creative Activities:** * **Drawing** (included) * **Canvas Painting** (CHF 10/hour + canvas, e.g., 30x40 cm: CHF 9) * **Pottery Painting** (CHF 20–45 per piece) * **Jewellery Making with Beads** (CHF 10/hour + materials, avg. CHF 20–30) * **Linocut Printmaking** (CHF 25–35 per piece) **Location:** Paint it Easy, Zürich **Ticket:** CHF 15 **Includes :** Welcome drink, drawing material, games **Doesn't include** : optional creative activity fees (depending on your choice) Want more events like this? Join our community! [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM) No experience needed—just bring your curiosity and an open mind! Whether you're painting, reflecting, or connecting, this is your space to recharge, express, and enjoy. Please note that pictures might be taken and used, if you don't want to be on them please let the host know. Tickets are not refundable. #digitaldetox

⚠️ [Ticket needed](https://eventfrog.ch/de/p/freizeit-ausfluege/wanderung/walk-connect-uetliberg-easy-sunday-walk-7445018894593438729.html) **Also here:** [www.social-circle.ch](http://www.social-circle.ch/) **Come solo or with friends** — we’ll make sure you feel included from the first minute. During our **easy 1:30h walk** from Ringlikon to Triemli, we’ll rotate through Speed Friending rounds so everyone gets face time with everyone (snacks included ). At Gasthaus Albisgütli, we’ll slow it down with deep talks and a cozy coffee ☕ It is not a hike but **wear appropriate shoes** for a forest walk Expect a relaxed, healthy-vibes social where walking side-by-side makes conversations feel natural (no loud bars, no pressure). We’ll keep it simple: gentle downhill path, guided rounds to meet everyone, and then a warm landing spot for deeper chats ️ Join our WhatsApp chat for updates and similar events: (if you run into trouble open it in WhatsApp Web on your desktop) [https://chat.whatsapp.com/HGKLziV4s7bLZWEiouTQhi](https://chat.whatsapp.com/HGKLziV4s7bLZWEiouTQhi) \*\* Timeline:\*\* * 11:30 Meet at Zurich Main Station (HB), under the main clock (details in WhatsApp) ️ * 11:55 Take the S10 toward Uetliberg from platform 22 (Gleis 22) * 12:15 Arrive at Ringlikon * 12:25 Start the downhill walk from Ringlikon + Speed Friending rounds Snacks included on the way * \~13:55 Arrive at Gasthaus Albisgütli (near Triemli) ️ Deep Round Talks + cozy coffee hang (optional food/drinks) ☕ * Afterwards: head back individually or as a group ️ In case of bad weather we do a shorter walk and extend the restaurant part \*\*\* \#\# Disclaimer Participation in this event requires a valid ticket, which must be purchased in advance via the link provided in the event description. Please note that tickets are non-refundable and non-transferable. We do not accept cash payments on the day of the event. To ensure a smooth and safe experience, we kindly ask all participants to follow the instructions and announcements from the event organizers. While our team works hard to create an enjoyable and welcoming atmosphere, attendance is at your own risk. We want everyone to feel comfortable and respected. If you encounter any issues or uncomfortable situations during the event, please speak directly to a member of our team — we’re here to help. We reserve the right to exclude participants from the event if they do not adhere to basic standards of respectful interpersonal behavior. This decision is at the discretion of the responsible organizers. By signing up, you agree that any content captured during the event (including photos and videos) may be used on Social Circle’s social media channels and those of our partners. Please be aware that we cannot wait for late participants, as this disrupts the planned group flow and connections. If you're delayed or choose a different route, it’s your responsibility to catch up with the group. Join our Whatsapp newsletter: [https://chat.whatsapp.com/Hmm9DZP3wzaL8cXrtAAafw](https://chat.whatsapp.com/Hmm9DZP3wzaL8cXrtAAafw)

**[TICKETS!](https://eventfrog.ch/de/p/sport-fitness/tennis/padel-socialize-mexicano-tournament-try-outs-7442566825030757038.html)** https://eventfrog.ch/de/p/sport-fitness/tennis/padel-socialize-mexicano-tournament-try-outs-7442566825030757038.html Hey everyone 👋 Join us for a fun evening of padel, a mini tournament vibe, and a relaxed try-out for everyone who wants to play and meet new people. 🎾✨ The game format will be decided on the spot depending on the number of attendees, so it stays fair, smooth, and fun for all levels (beginner friendly). **Date & Time: 12.04.2026, 13:40 at Padelta, Milandia** The venue has lockers (bring a 2.- coin) and showers available. Newbies as of 14:40 **Cost:** 55 CHF per person. It includes court rental, rackets, balls, a drink, and snacks after the game! If you are a good former tennis player and have not tried padel yet, get the ticket of "Tournament Ticket", as long as you learn the rules beforehand through videos. Newbies (55 CHF) will guided with an instructor (Abraham), a volunteer from the community or the event host separately from the others. **Schedule:** 13:40-13:50: Gather 13:50: Quick rule briefing & team division 14:00 - 17:00: Play padel with the possible rotating matches 17:00 onwards: Socialize, chat, and maybe find a training partner! **Location**: [Padelta, Milandia](https://maps.app.goo.gl/efZMYwi4DqHephJB8) **Parking info**: [nearest parking](https://maps.app.goo.gl/x9nNu8h37zp3UL697) (use this link also if you plan to take the train / bus) **Game Rules:** Because we’re using the Mexicano format, expect 1 break every 5 games and the breaks can be consecutive. In practice, that means each player is on court roughly 80-85% of the time. On average 1 game lasts 12 mins. Scoring follows the Mexicano format; for this event, note: * Every rally = 1 point. * Serve switches to the other team every 2 points. * The same player serves both serves (first from the right, then from the left). The event is posted in several places and **limited to 24 people**. Therefore, make sure to: **1\. Buy the [ticket](https://eventfrog.ch/de/p/sport-fitness/tennis/padel-socialize-mexicano-tournament-try-outs-7442566825030757038.html) &** **2\. Join the [WhatsApp](https://chat.whatsapp.com/FQsob8EaIPfGJLs7zqia6V) group to confirm your spot.** **3\. Be ready to play the full 3 hours\!** Looking forward to seeing you there! **[Zürich Together Linktree](https://linktr.ee/zurichtogether)** **Cancellation & Reselling Policy:** 1\. You may cancel the ticket up to 48 hrs\. before the event and receive full refund for the initial ticket \(FLEX tickets only\)\. 2\. You may cancel your ticket between 48\-24 hrs\. before the event and receive no refund \(by informing the organizer\)\. 3\. You may resell the ticket up to 48 hrs\. before the event to someone in the CORRECT category\, it is your task to check and inform the organizer from the group chat once it is completed\. 4\. In the last 24 hrs\. No reselling is allowed\. If for some reason you can not attend anymore\, please contact the organizer\. If you do not show up without writing any message\, you may be suspended from the future padel events\. **Disclaimer**: Participation at your own risk. We are not responsible for any injuries.

ATTENTION: weather is 12 degrees max. without sunshine. While that is not optimal, it will ensure that there are less crowds on this super popular walk. Please RSVP here on MeetUp, and join the WhatsApp group https://chat.whatsapp.com/EjYbcNHARK2HKCxdP6B6zJ?mode=gi_t Come along for a stroll through Switzerland’s most famous cherry blossom hike! The Details \ \*13:30 – Meet at Zurich HB, Track 15, Sector B (Train leaves at 13:36) \* 14:17 – Meet-up at Frick station (for those arriving separately) \ \*Walk of ca. 2 hours \* 17:05 – Train back, arriving in Zurich at 17:49 Bring: drink and comfortable shoes. Looking forward to a vibrant day in the flowers!

Ready to sweat, smash, and socialize? Join **Zurich Fun Gamers (ZFG)** for our bi-weekly Sunday Badminton session at the legendary Yonex Halle! Whether you are a complete beginner or a smash-master, this is the perfect way to end your weekend. We book **minimum 4 courts**, so there is plenty of space for everyone. **[Tickets Required : Click here :](https://eventfrog.ch/ZFGBadminton)**[ ](https://eventfrog.ch/ZFGBadminton) **🏸 The Setup** * **Social Vibe:** We mix and match! It’s about fun first. * **Skill Levels:** We guarantee at least **one dedicated Beginner Court**. Advanced players can form a **Competitive Court** to battle it out. 🏆 * **Equipment:** Shuttles are **included**. Rackets available for rent (CHF 5). * **🔄 Rotation:** We may allow **2 extra players** on the bench to rotate in. This ensures full courts in case of no-shows/injuries and gives everyone a chance to catch their breath! 😅 **👟 The "Golden Rule" (Strict!)** * **NO OUTSIDE SHOES:** You must bring a separate pair of **clean, non-marking indoor court shoes** and change into them *inside* the locker room. No street shoes allowed on the courts. **🎟️ [Tickets & Pricing (Book Early & Save!)](https://eventfrog.ch/ZFGBadminton)**[ ](https://eventfrog.ch/ZFGBadminton)*[T](https://eventfrog.ch/ZFGBadminton)o manage court bookings (48h cancellation policy), we reward early planners:* * **[Early Bird Ticket:](https://eventfrog.ch/ZFGBadminton)**[ ](https://eventfrog.ch/ZFGBadminton)**[CHF 22](https://eventfrog.ch/ZFGBadminton)**[ (Buy 72h before event)](https://eventfrog.ch/ZFGBadminton) * **[Standard Ticket:](https://eventfrog.ch/ZFGBadminton)**[ ](https://eventfrog.ch/ZFGBadminton)**[CHF 25](https://eventfrog.ch/ZFGBadminton)**[ (Last minute)](https://eventfrog.ch/ZFGBadminton) * *Note: You must buy a ticket on Eventfrog to play. No cash/Twint on spot.* **📍 Logistics** * **Location:** Yonex Halle, Hardbrücke (Zurich) * **Meeting Point:** Inside the lobby at **15:50** (Warm-up & Shoes change) * **Game Time:** 16:00 – 17:30 (90 Mins) 🍻 **After the Game:** The fun doesn't stop at match point! We usually stay for a drink or coffee nearby to cool down and socialize. That’s the real ZFG vibe! ✨ Let’s smash it, ZFG-style! 💪🔥

Open Sharing Circle ✨ Dieser Circle findet auf Deutsch statt. Wir kommen zusammen, um im Moment präsent zu sein und uns so zu zeigen, wie wir wirklich sind. Die Intention ist, in einem sicheren und vertrauensvollen Raum zu teilen — Gedanken, Emotionen, Ziele, Meinungen — alles, was sich für dich im Moment lebendig anfühlt. Niemand muss etwas teilen, und jede\*r ist willkommen. ⸻ Worum geht es? • Stärkung von Selbstwahrnehmung & Selbstvertrauen • Persönliches Wachstum • Aufbau tiefer Beziehungen & Vertrauen • Menschen auf einer echten, menschlichen Ebene kennenlernen • Sich frei fühlen, sich authentisch auszudrücken ⸻ Circle-Vereinbarungen Frei & freiwillig Du darfst alles teilen, was du möchtest — und musst nichts teilen. Sprich aus deiner eigenen Erfahrung Teile aus deiner persönlichen Perspektive: deine Erfahrungen, Gedanken, Gefühle und Wahrnehmungen. Der Raumhalter kann dich dabei sanft unterstützen, indem er als Zeichen eine Hand auf die Brust legt. Respekt & Vertraulichkeit Wir begegnen uns respektvoll und ohne zu urteilen. Was im Circle geteilt wird, bleibt im Circle. Rede-Objekt Nur die Person, die das Rede-Objekt hält, spricht. Verständnisfragen sind willkommen. Redezeit & Raum teilen Nimm dir Zeit beim Teilen und lass gleichzeitig Raum für andere. Ratschläge & Unterstützung Sprich für dich selbst und gib Ratschläge nur mit Einverständnis. Bitte frage ausdrücklich nach, wenn du Ratschläge oder Unterstützung möchtest. Trigger & Emotionen Jede\*r ist für die eigenen Gefühle und Themen selbst verantwortlich. Starke Emotionen (z. B. Weinen) sind willkommen und werden respektiert. Unterstützung wird nur angeboten, wenn sie gewünscht ist. Eigene Bedürfnisse Kümmere dich selbst um deine Bedürfnisse (WC, Essen usw.) und respektiere den Gruppenraum. Raumhalter Das Organisationsteam wählt Raumhalter, die den Ablauf des Circles unterstützen und darauf achten, dass die Vereinbarungen eingehalten werden. Der Circle kann bei Bedarf sanft unterbrochen werden. Fokusrunde Der Raumhalter kann intuitiv eine kurze Fokusrunde initiieren, wenn es unterstützend wirkt. Mobiltelefone Bitte schalte dein Handy auf lautlos und nutze es nur für Notizen, falls nötig. Zeit Dauer: ca. 3 Stunden. Du kannst jederzeit gehen, idealerweise während der Pausen (etwa alle 45 Minuten). Nach dem Circle gibt es Raum, um zu bleiben, sich zu verbinden oder weiter zu teilen, wenn du magst. Teilnahme CHF 5 Basisbeitrag + freiwillige Kollekte. Damit unterstützt ihr Raummiete, Organisation und ermöglicht es uns, den Sharing Circle möglichst vielen Menschen zugänglich zu machen. Bezahlung: Bar vor Ort oder per Twint an +41 79 123 16 74.

Abonniere meinen [Whatsapp-Kanal](https://whatsapp.com/channel/0029Vb72OOCEKyZ9YmR6Xq2u) für regelmässige Tipps rund ums Schweizerdeutsch. **Lust auf Bewegung an der frischen Luft und dabei locker (Schweizerdeutsch) plaudern?** 🚶💬 Dann komm zum Walk and Talk! **So funktioniert’s:** **Wir treffen uns am Treffpunkt Zürich HB und gehen gemeinsam los** **Damit wir uns finden halten wir ein Plüschtier auffällig in der Hand.**** Jede und jeder bringt sich ein – Gesprächsthemen entstehen unterwegs von selbst Im Anschluss können wir, wer Lust hat, noch gemeinsam irgendwo einen Kaffee trinken ☕ **Der Organisator ist nicht zwingend jedes Mal dabei – die Idee ist, dass das Treffen auch selbstorganisiert funktioniert** Hinweise: Bequeme Schuhe & wettergerechte Kleidung Findet bei (fast) jedem Wetter statt Wasser/Getränk nach Bedarf mitnehmen Jede und jeder darf gerne Freunde mitbringen

One of our favourite models is pregnant and has suggested that we do a bodyscapes workshop. This workshop will be mostly backlit giving a classy silhouette. All you need is a camera with a portrait lens. The event fee is 100 chf. We are holding back two slots for people on the waitlist. We have a model and a studio to pay for. If you cancel then we might ask you to still pay.

Come out to Improving for our monthly iOS and Mac meetings. This Month's Presentation: Nothing yet. (You should volunteer). What is Cocoaheads (http://cocoaheads.org/)? CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics. What is BuckeyeCocoa (http://buckeyecocoa.org/)? BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend. Presentations! Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website. To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter. Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/

**TBA**

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

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

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

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

Bring your work or your hobby, hang out, and code with us. Follow @buckeyecocoa for more information.