Gestión de contenido Web

Anybody who wants to practice their programming skills is welcome. We share our ideas, learn from each other, do some exercise, ask questions, etc. This meetup is the best for those who want to improve their skills by programming and learning in a group If you want to learn more about our Co-Learning, please have a look at our website: [https://opentechschool-zurich.github.io/](https://opentechschool-zurich.github.io/) \*\*\* We have a chat group you can join to get more information: [https://app.element.io/#/room/#ots-zh:matrix.org](https://app.element.io/#/room/#ots-zh:matrix.org) (You need to create a free account if you don't already have one) Remote participants are also welcome. You first need to join the Element chat and then get into the video call that we start at around 19:00 (if we forget, pleas ping us in the Element chat!) \*\*\* Our main languages are Python and Javascript, but we welcome every programming languages. Some of the skills we can help you learning: * Python and * ... PyGame (Zero / Play) -.... Flask * ... Jupyter and data science -... PySide2 / PyQt * ... Shoebot * C++ and * ... Qt * ... cmake * ... and modern C++ * Flutter for Apps * PHP and * ... Vue.js * ... Wordpress * JS and React.js We have a few Github repository that can be interesting to browse:: https://github.com/opentechschool-zurich/

**[>>⚠️Tickets needed (click here)<](https://eventfrog.ch/en/p/dating/other-events/love-is-blind-dinner-edition-7445460916877932042.html)< or** **[www.social-circle.ch](https://social-circle.ch/)** Ready for a different kind of dinner experience? Join us for **Dinner in the Dark**, where you share a table for an evening of great food and meaningful conversation—without the usual distractions. Once seated, you’ll enjoy a **surprise 3-course menu** with all soft drinks included. By removing your sight, we open the door to genuine connection and a heightened appreciation for flavor and dialogue. Join our WhatsApp chat to keep up with the event: [https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi](https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi) *(if you run into trouble open it in WhatsApp Web on your desktop)* ✨ What to expect * **Sensory Journey:** A surprise 3-course menu enjoyed in total darkness. * **All-Inclusive:** All soft drinks are included in the experience. * **Authentic Connection:** A relaxed evening focused on storytelling and laughter. Whether you leave with **new friends, professional leads, or just a great story**, the focus is on enjoying a unique evening together. **This event doesn't have a host, the venue staff will be seating you at the Social Circle table.** Want more events like this? Join our newsletter: [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM)

Dies ist ein informelles Treffen für Lernende, die ihre ersten Schritte in der Programmierung machen oder ihre Grundkenntnisse vertiefen möchten. *** This is an informal meetup, for learners that want to do their first steps in programming or want to consolidate their skills. We spend one hour and a half working on tutorials, exercises or projects. If you need help to get started, we will help you finding a good way for learning. You should be prepared to spend your time "doing things": just hanging around and listening might get boring, if all other people are learning on their side. There are experienced people are around and you can ask questions as soon as their arise or bring with you questions you have had during the week. During the last half an hour, we do a (simple) exercise together. We speak German, English, and a few other languages. Currently, how main programming languages are: * Python * Javascript * Java * Flutter * C++ * C * C# * PHP But you're free to learn any programming language during our Co-Learning! If you want to learn more about our Co-Learning, please have a look at our website (no frequent updates...): https://opentechschool-zurich.github.io/ If you're starting with Python, we can suggest: * Learning Python the hard way (https://learnpythonthehardway.org/python3/) (for Python 3). * The Solo Learn Python 3 Tutorial (https://www.sololearn.com/Course/Python/). * A big list of Python tutorials: https://docs.python-guide.org/intro/learning/ For Node.js: * Nodeschool: https://nodeschool.io/ For C++ * https://de.wikibooks.org/wiki/C%2B%2B-Programmierung * https://www.sololearn.com/Course/CPlusPlus/

Das "Drinks und Links"-Team lädt dich zum nächsten Networking-Event in Zürich ein. Sich austauschen, innovative Geschäftsideen besprechen, Kontakte knüpfen oder einfach eine gute Zeit haben - das haben wir uns von "Drinks und Links" auf die Fahne geschrieben. Unkomplizierte Atmosphäre - kühle Drinks - coole Location. Wir freuen uns schon jetzt, dich an unserem nächsten Gratis-Event zu begrüssen! \-\-\-\-\-\-\-\-\-\- The Drinks and Links team are hosting another fab Free Networking Event in Zürich (http://drinksandlinks.com/netwoking-event-in-zuerich/). So make a resolution to save the date for a great night of networking and socialising. There is plenty of space to expand our group at a bar which boasts a great selection of drinks! See you there. \-\-\-\-\-\-\-\-\-\- The "Drinks and Links"-Team - now wer'e talking http://www.drinksandlinks.com

**Shake off the week at the Reggaeton Beginner Class at The Vibe!** Whether you’ve never danced before or just want to move your body and have a good time, this class is all about good energy, Latin beats, and letting loose. Expect empowering Reggaeton grooves, body rolls, confidence-boosting combos, and a whole lot of fun — no pressure, no judgment, just pure VIBES! Your teacher Nat ([@nat.so.fun](http://@nat.so.fun)) will guide you through all the steps, help you feel the rhythm in your body, and hype you up from start to finish! *Don’t be fooled by the number of people on the event page — our weekly crew ranges from 10 to 20 amazing humans: first-timers, regulars, and a few silent fans who never mark “going” but always show up 😉* \*\*\* ### **Booking is mandatory!** To secure your spot, please book in advance via our website: [BOOK HERE](https://www.thevibedance.ch/schedule) \*\*\* ### **Rates** 💃 **Single Class:** CHF 28 or check out our **Starter Pack deal with 2-class** for CHF 35 \*\*\* ### **When?** **TUESDAY** **18:30 – 19:30 \| Beginner Reggaeton** \*\*\* ### **Where?** **The Vibe Dance Studio** Hohlstrasse 488 8048 Zürich (Just 3 minutes from Altstetten Train Station and 15 min from HB) \*\*\* ### **More info:** 🌐 [thevibedance.ch](https://thevibedance.ch/) 📸 Instagram: [[@nat.so.fun](http://@nat.so.fun)]([https://www.instagram.com/nat.so.fun](https://www.instagram.com/nat.so.fun)\) \| \[[@thevibedance.ch](http://@thevibedance.ch)]([https://www.instagram.com/thevibedance.ch](https://www.instagram.com/thevibedance.ch)) Got questions? Just text or call: 📞 +41 78 329 71 77 \*\*\* **See you on the dance floor – let’s Reggaeton together!** 💥🫶💃

🏛️**Visita al Museo de Diseño (Toni-Areal)** 🎟️ **Entrada:** gratuita (a esa hora). Vamos a visitar el Museum für Gestaltung Zürich, Toni-Areal. El museo está dedicado al diseño, la comunicación visual y la arquitectura, con un enfoque actual y experimental. 📅 **Cuándo:** jueves 9 de abril 🕔 **Hora:** 17:45+ 📍 **Punto de encuentro:** entrada del Toni-Areal (parada de tranvía “Toni-Areal”). Subimos las escaleras y entramos al edificio. Estaremos esperando justo dentro, a la derecha, desde las 17:45 hasta las 18:00. Después iremos juntos al museo, que está al fondo del pasillo. ⏱️ **Duración:** aproximadamente 2 horas 🍻🎶 Al terminar, iremos al **Amboss Rampe** (cerca de HB Zürich), donde suele haber sesión de música jam y muy buen ambiente. ¡Nos vemos!

**Deep Rest & Relaxation Circle – Yoga Nidra, Gentle Yoga & Sound Healing** *(By donation – all are welcome)* You’re warmly invited to a nourishing relaxation circle designed to help you slow down, soften, and reconnect with yourself. Together we’ll explore deep rest through gentle yoga, effortless Yoga Nidra meditation (practiced lying down), and soothing sound healing with Tibetan singing bowls — all held in a friendly, supportive circle. This is a space to pause, breathe, and return to your heart, your inner calm, and your natural intuition. **This practice can support:** * Relief from stress, anxiety, and tension * Deep relaxation and nervous system reset * Better sleep * Emotional balance and uplift * Greater clarity, confidence, and creativity * Enhanced intuition * Meaningful, heart-centred connections with others ### What to expect **🌿 Gentle, Nourishing Yoga** Slow, accessible movements to release tension, support energy flow, and reconnect with your body’s wisdom and vitality. **🌙 Yoga Nidra (guided deep rest)** A zero-effort meditation practiced lying down. Yoga Nidra allows the body and mind to fully rest and restore, helping to calm the nervous system, release anxiety, improve sleep, and gently unwind exhaustion and overwhelm. **🔔 Sound Healing** Tibetan singing bowls guide you into deep presence and relaxation. The vibrations support the release of tension, stress, fatigue, and emotional holding, creating an optimal state for rest and self-healing. Everything is provided — just bring comfortable clothes and an open heart. **Contribution:** Suggested donation: **30.–** If cost is a barrier, please contribute what you can — everyone is welcome. **Booking:** Please WhatsApp or text me on **078 246 50 91** to join, as I don’t use Meetup regularly and bookings are managed via WhatsApp. More info: **[www.reconnectiorest.org](http://www.reconnectiorest.org)** I look forward to sharing this peaceful, nourishing time together. With love, **Myriam** 💛

Suiza. Si, Suiza es diferente. Hay unas tiendecitas donde tomas tu producto directamente y dejas el dinero. Y funcionan! Suiza. Tiene mil caminos preciosos en la ciudad y en la naturaleza esperando a que los descubran. Suiza, ay!, me tiene enamorada! Cuando llegue de mi pais aqui hace más de 11 años, fue muy duro, si. El idioma... El suizo creo que lo entiendo un 30%... o bueno un 20% si hablan con muchas ggrgrgr. Pero con el aleman me defiendo. Y si no, en inglés. Y si no en español que muchas personas aqui ven novelas hispanas en la tele o han estado 2 meses en Buenos Aires o Madrid y te entienden perfectamente. Y si no por señas! Que al final te haces una experta en lenguaje corporal y no hace falta ni hablar! 😂 Bromas aparte, me habria gustado aprender mas rápido todo lo bueno que tiene este pais para ofrecer. Este plan es una pequeña muestra de ello. Una actividad guiada pensada para hacer nuevas amistades, disfrutar del entorno y pasar un buen rato juntas. 🐕 Para todos los publicos. Peques y perritos son muy bienvenidos! Una caminata suave de unos 6 km, de Stettbach a Zurich pasando por una granja local donde: 🥛Se puede comprar leche fresca (lleva botella), 🥚🥚🥚, 🧀 y más productos de granja. 🐄 Disfrutar de acariciar terneros y vacas 🐎 Ver caballos y muchas aves. Opcionalmente podemos hacer una pequeña pausa para tomar algo o improvisar picnic. Si te apetece, puedes traer un cuaderno de dibujo o hacer fotos — me encanta observar detalles de la naturaleza (sin necesidad de experiencia artística). Apuntate, no te lo pienses mas!! Unos dias antes segun el clima, confirmamos la salida ;) Un abrazo Margaam

**Deep Rest & Relaxation Circle – Yoga Nidra, Gentle Yoga & Sound Healing** *(By donation – all are welcome)* You’re warmly invited to a nourishing relaxation circle designed to help you slow down, soften, and reconnect with yourself. Together we’ll explore deep rest through gentle yoga, effortless Yoga Nidra meditation (practiced lying down), and soothing sound healing with Tibetan singing bowls — all held in a friendly, supportive circle. This is a space to pause, breathe, and return to your heart, your inner calm, and your natural intuition. **This practice can support:** * Relief from stress, anxiety, and tension * Deep relaxation and nervous system reset * Better sleep * Emotional balance and uplift * Greater clarity, confidence, and creativity * Enhanced intuition * Meaningful, heart-centred connections with others ### What to expect **🌿 Gentle, Nourishing Yoga** Slow, accessible movements to release tension, support energy flow, and reconnect with your body’s wisdom and vitality. **🌙 Yoga Nidra (guided deep rest)** A zero-effort meditation practiced lying down. Yoga Nidra allows the body and mind to fully rest and restore, helping to calm the nervous system, release anxiety, improve sleep, and gently unwind exhaustion and overwhelm. **🔔 Sound Healing** Tibetan singing bowls guide you into deep presence and relaxation. The vibrations support the release of tension, stress, fatigue, and emotional holding, creating an optimal state for rest and self-healing. Everything is provided — just bring comfortable clothes and an open heart. **Contribution:** Suggested donation: **30.–** If cost is a barrier, please contribute what you can — everyone is welcome. **Booking:** Please WhatsApp or text me on **078 246 50 91** to join, as I don’t use Meetup regularly and bookings are managed via WhatsApp. More info: **[www.reconnectiorest.org](http://www.reconnectiorest.org)** I look forward to sharing this peaceful, nourishing time together. With love, **Myriam** 💛

The **Digitec Galaxus Product Development Meet-Up** is back — this time diving into **recommender systems** with two talks bridging data science and engineering practice. **Talk 1: Insights from Building and Operating a Recommender System for Migros Supermarkets** *Max Nolte – Data Scientist & Team Lead at Supermarkt IT, Migros-Genossenschafts-Bund* When you think of a Migros supermarket, you don't usually think about recommender systems. Over the past four years, my team and I have built and operated the engine behind personalized Cumulus coupons and a few other digital touchpoints. I'll share how it works, why we invest in it at a brick‑and‑mortar retailer, and what we've learned, covering data, models, measurement, and the practical realities of running it day to day. **Talk 2: Recommendations at Digitec Galaxus — From Data Science to Engineering Practice** *Michael Weiss, Senior Software Engineer & Robert Rosenbach, Senior Data Scientist – Digitec Galaxus* How do you go from a promising model to a recommender system that is fast, scalable, and maintainable in production? We will walk through the Digitec Galaxus recommendation stack end to end: the engineering architecture that keeps recommendations snappy and reliable, and the data-science side of model training — what to optimize for, which input signals matter, and the trade-offs involved in both. The two presentations will take roughly a combined hour, leaving plenty of time for discussions, questions, and exchange afterwards over drinks and snacks. Whether you come from a software engineering, data science, product, or any other background — we'd love to have you join us!

Hello dear tennis enthusiast. Every Saturday afternoon we meet up for our “Adult tennis group sessions” in Zurich. It is open for both women and men. You will train in groups of max 4 players per 1 court. Level: 2pm - Advanced Beginners Fee : 75CHF per person (all included in winter indoor season) Monthly payments are preffered, this way you have guaranteed booked slot for the whole month. We train on nice clay courts at TA Frauental during the summer and winter season. To Book your spot please send payment via Twint in advance min. 48 hrs before the event starts - Twint number is +41 78 257 75 42 (feel free to message me for more info via Whatsapp on +41 78 257 75 42) Cancellation policy: Please notify me at least 48 hrs before the start of our training session, so I can find a replacement for you, if replacement not found you can invite your friend to take your slot otherwise you lose the fee. If you want to improve your tennis game, JOIN us and lets train together. See you on the court!

**The Data-Driven Brand: Using Analytics to Shape Perception** Can you use analytics to improve tacos? This being CBUSDAW, we think the answer is probably “yes”, but we’re not sure how to implement or test this theory. For our April meetup we’ve got Sara Kear, CMO of Condado Tacos, to investigate this delicious question. Sara will explore how she blends quantitative data and qualitative customer feedback to shape brand positioning and drive business decisions. We all know that marketing and analytics go way beyond attribution. Sara will show how Condado uses customer insights to inform product and pricing strategy. She’ll also highlight how Condado leverages customer feedback at scale to influence operational priorities, positioning marketing as the voice of the customer across the organization. In the last 12 years Condado has gone from one location in Columbus to 52 locations across 10 states, so we’re guessing there’s more to that growth than really good guac (though the guac probably helps). Ultimately, this talk focuses on the intersection of art and science—using data to inform creativity and build a brand that resonates with customers in a measurable way. **About Our Speaker** Sara Kear is Chief Marketing Officer at Condado Tacos, where she oversees brand, restaurant design, menu and pricing strategy, off-premise including catering, and customer data strategy. Since joining in 2021, she has helped grow the brand from 19 to 52 locations while building a data-driven marketing organization focused on loyalty and customer insights. Condado has since been named to the Inc. 5000, recognized as Breakout Retailer by Chain Store Age, and consistently ranked among FastCasual’s Top 100 Movers & Shakers. Thanks to our 2026 sponsors: [Clarivoy](https://www.clarivoy.com), [What Box Consulting Group](https://www.whatboxconsultinggroup.com), [Conductrics](https://www.conductrics.com), and [Piwik PRO](https://piwik.pro) More info at [cbusdaw.com](https://cbusdaw.com)

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

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

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

Dinner and dancing