Web開発

Welcome to the **Task-Buddies** event of the **Zürich Productivity Circle**, where we bring together like-minded individuals to work on personal goals and share the experience of growth in a supportive community. Maybe you are building a business or side hustle, studying for a course, learning a new (programming) language, figuring the tax system out, writing code, prose, or poetry, researching new stocks for your portfolio, tackling your German homework, or upskilling for your job. In all of these cases and more, this is the perfect space for you. In fact, productivity does not end there. Even if you just want to read a psychology book to resolve a personal struggle, sketch a mountain, listen to podcasts, organize your week, respond to unanswered emails and messages, enjoy a novel, or just reflect and meditate, you are very welcome here. For any task that adds positively to your life and can be done sitting down with others (exception: anything noisy/disruptive/disrespectful), you will fit into the events. We will meet at a work-friendly café in Zürich and follow the agenda below. **Agenda:** * **Introductions and food (20-30 mins):** Start with a round of introductions to get to know each other and share what we'll be working on, buy our food and drinks. * **Productive Work Session (1-2 hours)** Dive into your individual tasks in a focussed, distraction-free environment. * **Collective Break and Socializing (\~15 mins):** Take a planned break to stretch, chat, get more coffee, and share insights about your projects. * **Continued Work Session (1-2 hours):** Get back to your tasks with renewed focus and motivation. * **Wrap-Up and Reflections (15+ mins):** Conclude with a reflection on what we accomplished, share productivity tips or questions, discuss plans for future meetups, stay back for more chit chat if you like. **What to Bring:** * Your project or task materials (laptop, charger, books, sketchpad, pen, etc.) * Respectful and kind demeanour * A positive attitude and a willingness to share and learn **Note:** Please ensure that your tasks are suitable for a quiet, communal setting. We aim to maintain a respectful and conducive environment for everyone. **Venue Courtesy:** Out of courtesy for the venue, please order something drinks for yourself. This helps support the café and ensures we can continue to use their space for our meetups.

⚠️ [>>Ticket needed (click here)<<](https://eventfrog.ch/de/p/fasnacht-fasching-karneval/sonstige-veranstaltungen/easter-special-bunny-rush-7442525404101918861.html) or [www.social-circle.ch](http://www.social-circle.ch) This Easter, we're turning the city into your playground! Nina becomes the Bunny – and your mission is to hunt her down, collect hidden eggs, and outsmart the other teams. Think city-wide treasure hunt meets Easter chaos. Whether you're a strategist, a sprinter, or just here for the snacks – this one's for you! 🐣🏃‍♂️🔥 **Coming alone?** That's totally fine! We'll form teams on the spot with speed friending – you'll have a squad before you know it. And if you're **single** and open to it, we can match you with someone who catches your eye during the team formation. Just let us know – no pressure, just a little Easter spark! 💛 Stay in the loop: Join our WhatsApp group for updates and the live game chat on the day: [https://chat.whatsapp.com/HDOEXtGwxwq3zkR0PZXC43](https://chat.whatsapp.com/HDOEXtGwxwq3zkR0PZXC43) If the link doesn't open on your phone, try using WhatsApp Web on your computer. **Timeline** * 🥐 17:15 – Light welcome snacks on the rooftop terrace of Headquarters – fuel up before the chase! * 🤝 17:45 – Introduction to the game rules & speed friending to form your teams (with optional matching for singles 😏) * 🐰 18:15 – The Bunny gets a head start… the hunt begins! * The Bunny reveals locations in a shared WhatsApp chat where eggs are hidden (1 point per egg 🥚) * Catch the Bunny = 2 points + a special egg 🏆 * 📍 \~19:30 – Meeting at the final location (announced during the game) for the winner announcement & celebration **What to Bring** * Your smartphone (you'll need WhatsApp for the game) * Comfy shoes – you'll be moving through the city! * Water and energy for the chase **How It Works** After forming teams through speed friending, the Bunny gets a head start and disappears into the city. The Bunny will drop location clues in the shared WhatsApp chat where hidden eggs can be found – each egg is worth 1 point. But the real prize? Catching the Bunny earns your team 2 points and a special egg. The team with the most points wins! Let's make this Easter unforgettable – may the best hunters win! 🐰🏁 **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. **Want more events like this?** Join our WhatsApp newsletter: [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM)

**[⚠️ >>Registration needed (click here)<<](https://eventfrog.ch/en/p/miscellaneous/community-night-7434511098198372699.html) or** **[www.social-circle.ch](www.social-circle.ch)** Looking for a place to unwind, meet your neighbors, and just be? We’re opening our doors once a month for a **Free Community Night**, and you’re invited! Think of it as a living room for the whole neighborhood—a relaxed *social circle* vibe where the conversation is easy. Whether you want to jump into a game, share a story, or just enjoy the energy of a friendly space, there’s a seat at the table for you. ✨ **How it works** When you arrive, there will be a **welcome desk** where a host will greet you and suggest who you should meet based on your profile—so you’re never left wondering where to start. Create an account on **[www.social-circle.app](www.social-circle.app)** so you can see who’s attending and help us make better introductions. Join our WhatsApp chat to keep up with the event: [https://chat.whatsapp.com/ItvtXGarmIW93Z7YYd31Tl](https://chat.whatsapp.com/ItvtXGarmIW93Z7YYd31Tl) (if you run into trouble open it in WhatsApp Web on your desktop) **Good Company:** Meet local faces in a warm, welcoming environment. **All Are Welcome:** Bring a friend, bring your family, or just bring yourself! *Meetup registration is mandatory.* Photos might be taken during the event. If you prefer not to appear in photos, please let the organizer know. ​Want more events like this? Join our WhatsApp community: [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM)

Welcome to the Open Level Play Session. This session takes place every Saturday from 10:45 to 12:15 at the Yonex Badminton Hall Hardbrücke. The number of players on the waitlist one week in advance determines the number of courts booked. If you are on the waitlist but can no longer attend, please remove yourself as early as possible. Open to players of all skill levels. This session is for doubles with a relaxed and social focus. Ideal for casual play, improvement and meeting new players. Payment can be made via TWINT after the session.

Welcome to the Open Level Play Session. This session takes place every Saturday from 12:15 to 13:45 at the Yonex Badminton Hall Hardbrücke. The number of players on the waitlist one week in advance determines the number of courts booked. If you are on the waitlist but can no longer attend, please remove yourself as early as possible. Open to players of all skill levels. This session is for doubles with a relaxed and social focus. Ideal for casual play, improvement and meeting new players. Payment can be made via TWINT after the session.

Welcome to the Competitive Play Session. This session takes place every Saturday from 10:45 to 12:15 at the Yonex Badminton Hall Hardbrücke. The number of players on the waitlist one week in advance determines the number of courts booked. If you are on the waitlist but can no longer attend, please remove yourself as early as possible. Players are accepted into the session based on skill suitability. This session is for experienced players looking for quality games. Play is focused on doubles with a competitive mindset and consistent rallies. You should be comfortable smashing, return smashes and keeping up a moderate tempo throughout the session. New players and those who are new to badminton are welcome to join the PM Session (Open Level Play). Payment can be made via TWINT after the session.

**[⚠️ >>Registration needed (click here)<<](https://eventfrog.ch/en/p/miscellaneous/community-night-7434511098198372699.html) or** **[www.social-circle.ch](http://www.social-circle.ch/)** Looking for a place to unwind, meet your neighbors, and just be? We’re opening our doors once a month for a **Free Community Night**, and you’re invited! Think of it as a living room for the whole neighborhood—a relaxed *social circle* vibe where the conversation is easy. Whether you want to jump into a game, share a story, or just enjoy the energy of a friendly space, there’s a seat at the table for you. ✨ **How it works** When you arrive, there will be a **welcome desk** where a host will greet you and suggest who you should meet based on your profile—so you’re never left wondering where to start. Create an account on **[www.social-circle.app](http://www.social-circle.app/)** so you can see who’s attending and help us make better introductions. Join our WhatsApp chat to keep up with the event: [https://chat.whatsapp.com/ItvtXGarmIW93Z7YYd31Tl](https://chat.whatsapp.com/ItvtXGarmIW93Z7YYd31Tl) (if you run into trouble open it in WhatsApp Web on your desktop) **Good Company:** Meet local faces in a warm, welcoming environment. **All Are Welcome:** Bring a friend, bring your family, or just bring yourself! *Meetup registration is mandatory.* Photos might be taken during the event. If you prefer not to appear in photos, please let the organizer know. ​Want more events like this? Join our WhatsApp community: [https://chat.whatsapp.com/Hmm9DZP3wzaL8cXrtAAafw](https://chat.whatsapp.com/Hmm9DZP3wzaL8cXrtAAafw)

☀️ Calm Yoga & Sunday Walk ✨( Open Spots) Let’s start Sunday the gentle way, with calm movement, good energy, and nice company. We’ll begin with a soft Vinyasa Flow to open the body, find your breath, and ease into the day, no rush, no pressure, just mindful movement and a relaxed vibe. After class, we’ll take an easy walk through Wiedikon toward the lake, enjoying some fresh air, and maybe a little sunshine (fingers crossed 🤞). We’ll finish with coffee or tea somewhere cozy the perfect time to chat, laugh, and just enjoy time together. 📍 Where: Reactics Studio – Wiedikon Frauentalweg 16 – Google Maps https://maps.app.goo.gl/mCBb8rAGY7Q28Jun6?g_st=ipc 🕒 When: Sunday, 30.11.2025 at 11:00-12:00 am and then walk 💰Price: 25 CHF 💡Limited to 8 participants – please reserve your spot with payment via Twint, Revolut or cash- registration requirement ⚡️please only register if you are really interested in joining the class !!! ✨ Level: All levels welcome Yoga mats and probs are available at the studio. 🧘‍♀️To stay connected, payment and get updates, join the WhatsApp group below And follow me on Insta @flowwithselai ⬇️ https://chat.whatsapp.com/JuyFngJkCnTHcCuTx5S4hZ?mode=ac_c

🔥 Primera barbacoa del año 🔥 📍 Jardines Chinos (Zürihorn) 📅 Domingo 5 de abril 🕒 A partir de las 13:30 ¡Vamos a pasarlo bien con gente hispanohablante! Mucha gente es nueva y aún no se conoce, así que puedes venir sin problema aunque no conozcas a nadie 😊 Lo importante es traer buen rollo y ganas de hacer nuevas amistades. 🥩 Trae lo que quieras para la parrilla. En el sitio hay parrilla eléctrica, pero como suele estar bastante concurrido, también puedes traer un grill desechable. ¡Nos vemos allí! 🌿🍖🍻

Sun is out 🙌 Playing Volley on grass at Blatterwiese.☀️ There will be fields for beginners and advanced players😊 Please pay 6Chf before the event via Twint to +41791231674. Write the name and the date of the event, so i know who paid. Its for material and for organising. See you on the grass😊🌱

Join the Language Exchange to meet new people, practice your foreign languages and spend a good time together. We will serve free tapas such as Bruschetta, Wedges, Nachos or similar. **How it works**: Choose the country flag sticker of the languages that you speak or want to practice! Seat on the right language table and start your conversation with our conversation topic cards. Average group size: 25 participants **When**: Every Saturday, 20:00 - 22:00 **Where**: 2.Akt Zürich **Price**: 10.- incl. Snacks **Tickets**: https://tinyurl.com/LX-04-04-26 (please buy ticket online) **WhatsApp Group**: https://chat.whatsapp.com/8jkvEUJ5jLp75fYglQFCNJ (join for updates & pics) **After the Language Exchange:** Pub Crawl! For those who want to continue the night, we have a Bar Tour starting from the same place at 10PM. Language Exchange participant get a 10fr discount when buying the combo-ticket online. Your Event Hosts Didem, Sébastien & Katja, Fernando More info: [https://www.pubcrawlzurich.com/languageexchange](https://www.pubcrawlzurich.com/languageexchange) Event pictures? Follow us on [IG](https://www.instagram.com/languageexchangezurich) and [FB](https://www.facebook.com/zurichlanguageexchange)

Welcome to this volleyball session for beginners! 🤗 During this event, you’ll have the chance to meet new people, play friendly matches and learn the basic techniques. This event is aimed at everyone that has never played before or a long time ago and is not sure to be able to pass the ball properly over the net or to someone. If you think you're comfortable playing, I invite you to join the advanced events of Marius: [https://www.meetup.com/meetup-group-avsypajv/.](https://www.meetup.com/meetup-group-avsypajv/.) Let's meet at the Sportplatz Sihlhölzli. **Tips:** \- Bring a water bottle\, sunglasses and sunscreen **A few practical details and participation conditions:** \- In the court\, there are no toilets\, garderobe or showers\. \- A small contribution is required for court rental and other organisational expenses\, please pay before the event via TWINT at \+41784053495 by **writing your name and date of the event** or cash the day of the event. \- Please only sign up through Meetup for an easier organisation \- Please cancel at least 24 hours in advance if you can’t make it\, so others can sign up or I can reschedule the session \- If you don't cancel and do not show\, please cover your share to keep it fair for everyone\. **Price per person:** CHF 6.5 **!No shows!** Lately, there has been quite some no-shows. Therefore, I remind you to please sign out 24 hours before the event if you're not sure to come. So that people in the waiting list can join instead. The court is not free, any no-show means wasted cost. In case of two no-shows, I have no choice but to impeach you from signing up again by excluding you from the group 😣 If you want to join the Whatsapp group for any updates, events and other activities, let me know after the event 😊

**[⚠️ >>Ticket needed (click here)<<](https://eventfrog.ch/de/p/sport-fitness/wandern/walk-connect-panorama-trail-on-uetliberg-7442460792467764332.html) or** **[www.social-circle.ch](https://social-circle.ch/)** Join us for a relaxed forest walk focused on great conversations, not intense hiking. We’ll match you with new friends for one-on-one chats – no small talk, just real connection. It’s the perfect Sunday to move your body, breathe fresh air, and meet like-minded people! 🌸🌲🥾 **Coming alone? That’s totally fine!** We’ll match you with people who share your vibe using the Social Circle app - we will introduce you to it during the event **Stay in the loop:** Join our WhatsApp group for updates and the live meeting location on the day: [https://chat.whatsapp.com/HGKLziV4s7bLZWEiouTQhi?mode=ems_copy_t](https://chat.whatsapp.com/HGKLziV4s7bLZWEiouTQhi?mode=ems_copy_t) *If the link doesn’t open on your phone, try using WhatsApp Web on your computer.* **Timeline** * ⏰ **11:45** – Meet under the big clock at Zurich Main Station (HB) * **12:15** – Take line 10 up to Uetliberg * **12:40** – Arrival at the top and quick icebreakers to get things flowing * ️ **13:00** – Walk through the forest (panorama trail) with one-on-one matchups (we switch partners along the way) * ️ **14:30** – Arriving at Restaurant Felsenegg and head back to the city **What to Bring** * Your smartphone for the friend-matching * Comfy shoes for forest trails * Water and a small snack to keep your energy up Let’s make your Sunday social, simple, and refreshing! **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. A live location will be shared in the event's WhatsApp chat to help you reconnect. Want more events like this join our newsletter: [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM)

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

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

Join us for pizza and conversation at Vick’s Gourmet Pizza! 🍕 Good slices, good stories, and plenty of laughs around the table. Come hungry, bring your best conversation, and let’s enjoy a relaxed evening with great company. Extra cheese and extra chatter encouraged! 😄

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

**Latest Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for speakers for our Monthly Meetups! Fill out the form if you are interested in presenting to the Python Community. https://forms.gle/ehSfUAC2WgR34Crq9