Web Standards

**New year, new ideas!** Join ZurichJS, Vue Zurich and Stripe for an evening of code, conversations, and cutting-edge payment insights. Whether you’re scaling a startup or building your next side project, this meetup will fuel your momentum. From seamless checkout flows to developer-first APIs, we’ll dive into what’s next for the web and explore how modern payment architectures, serverless tools, and frontend best practices come together. Stripe engineers and JS developers will share real-world examples you can apply right away. **Agenda** * 17:30 – **Doors open** * 18:30 - 18:50 – **Settling in & Intro** * 18:50 - 20:30 – **Talks and pizza** * 20:30 – **Networking** **Explore the detailed agenda and speaker info: [https://zurichjs.com/events/jan-2026](https://zurichjs.com/events/jan-2026)** **About the organizers** * **[Bogdan Ilie](https://www.linkedin.com/in/ilie-bogdan/)** is a user advocate. He's dipped his toes into Web Development, Technical Writing, Marketing, Design, and more. That makes him uniquely predisposed to identify improvement opportunities anywhere in the chain, or come up with unique solutions to problems. * **[Faris Aziz](https://www.linkedin.com/in/farisaziz12/)** is a front-end master and Staff Software Engineer at Smallpdf, after his Engineering management job at Navro, a fintech company in the UK. Faris is a mentor, conference speaker, and workshop instructor, most recently at CityJS and other major conferences. He has contributed to open-source projects like Raycast and has mentored on platforms like Mentor Cruise. His projects include work on GCN, Eurosport, Discovery+, Fiit (a top UK fitness app), and he was the founding engineer of Navro in London. He also serves as a technical mentor at the Bletchley Institute. * **[Nadja Hesselbjerg](https://www.linkedin.com/in/nadja-r%C3%B8mer-hesselbjerg-47002a12b/)** is a Zurich-based frontend developer with a flair for crafting sleek, user-friendly web experiences. With a passion for innovative UX/UI design, she transforms complex ideas into intuitive digital solutions. Her multicultural background adds a unique perspective to her work. When she's not coding, Nadja is likely exploring the latest design trends or enjoying the vibrant Swiss tech scene. **Who are the awesome sponsors and partners?** * This event is proudly sponsored by[ ](https://stripe.com/en-ch?utm_campaign=EMEA_CH_en_Google_Search_Brand_Stripe_EXA-20937341005&utm_medium=cpc&utm_source=google&utm_content=731783359366&utm_term=stripe&utm_matchtype=e&utm_adposition=&utm_device=c&gad_source=1&gad_campaignid=20937341005&gbraid=0AAAAADKNRO468K1ubsCXjrC5Y6ppHhpCF&gclid=CjwKCAiAlfvIBhA6EiwAcErpyS79YH6vB5CKsabykbBD2P6B9fCIQc5mQfY-sHHxZgyb8Ff2zeBtfxoCttcQAvD_BwE)**[Stripe](https://stripe.com/en-ch?utm_campaign=EMEA_CH_en_Google_Search_Brand_Stripe_EXA-20937341005&utm_medium=cpc&utm_source=google&utm_content=731783359366&utm_term=stripe&utm_matchtype=e&utm_adposition=&utm_device=c&gad_source=1&gad_campaignid=20937341005&gbraid=0AAAAADKNRO468K1ubsCXjrC5Y6ppHhpCF&gclid=CjwKCAiAlfvIBhA6EiwAcErpyS79YH6vB5CKsabykbBD2P6B9fCIQc5mQfY-sHHxZgyb8Ff2zeBtfxoCttcQAvD_BwE)**, and ZurichJS is excited to be an official **Stripe Community Partner**. Stripe Communities are gathering in cities around the world — and Zurich is now one of them. Join us to connect with founders, developers, and entrepreneurs who are building on Stripe, shaping the future of payments, and pushing the web forward. Whether you're exploring your first integration or scaling a global product, you’ll be in good company. * **[StoryBlok](https://www.storyblok.com/?utm_medium=company_profile&utm_source=meetup&utm_campaign=zurichjs_referral)** is a headless CMS that enables developers and marketers to create, manage and optimize content experiences. With its API-first, component-based approach and intuitive visual editor, teams can build scalable websites and applications using frameworks like [Next.js,](http://next.js,/) Astro, Nuxt, React and more. * **[GYFF](https://www.getyourfreefast.ch/)** is a Swiss platform that facilitates connections between IT experts and businesses, where they vet both the companies and the freelancers, so the collaboration goes smoothly. **Get involved** * Have an interesting idea? * Something missing from all meetups in this space? * Do you have feedback? * Wanna buy us a coffee? * **Got a venue idea?** We love rotating locations to showcase Zurich’s tech ecosystem. Reach out, we’re always scouting fresh spots for our upcoming events. There are multiple ways to get in touch: * **[zurichjs.com](http://www.zurichjs.com/)** \- the source of truth for all things zurichjs * **[LinkedIn](https://linkedin.com/company/zurichjs)** \- follow us for announcement posts\, if that's your jam * join our **[Slack](https://zurichjs.com/?signup=true)** \- link available when you sign up for a zurichjs\.com account Our goal is to create a space where everyone can bring value and feel like they are getting something out of it. We are open to sponsorships and partnerships, so feel free to share the event and message us about opportunities. We are also committed to fostering a respectful and psychologically safe space where anyone can share their ideas. If this is your first time speaking, or if you need help preparing for a talk, we are happy to offer guidance and support.

We're planning the next Hackergarten Zurich 🥳 We're looking forward to see some familiar faces and share knowledge within the open-source community. Spread the word — everyone is welcome! Bring your project, a bug, a feature, a question... or just your time and enthusiasm 💜 As always there will be free drinks, beer and pizza, sponsored by Quatico. As usual we briefly present the open-source projects we'd like to work on, break up into groups and try to make an actual contribution. We offer free pizza, beverages and depending on weather conditions a great view on Zurich West from the rooftop terrace. Many thanks to Quatico (https://www.quatico.com) for hosting the event!

Wellplayed welcomes you for casual gaming at our shop. We have a selection of games available to play in store or feel free to bring one from your personal collection. **Note:** *The number of attendees shown here on Meetup might seem small, but don't worry! Many more people are participating in our event through [our Discord channel](https://discord.com/invite/r4kEqta). Join us to connect with the full community and enjoy a vibrant and interactive experience!* We collect our standard playing fee of CHF 8.- and you are welcome to stay and play for the entire evening. In case you want to join us on a regular basis we also have memberships. Our Collection is quite extensive and you will always find someone to play games with! Our community speaks both English and German. We offer a small range of snacks and drinks to be consumed at the venue.

**Start in WooCommerce – von Null auf Umsatz!** Ein Online-Shop ist schnell installiert. Umsatz entsteht trotzdem nicht von selbst. In diesem Meetup zeigen wir, wie Du WooCommerce sauber in eine bestehende WordPress-Site integrierst – und was es auch noch braucht, damit Dein Shop auch verkauft. **So funktioniert’s** Gerd übernimmt die Grundinstallation von WooCommerce in einer bestehenden WordPress-Website. Live, nachvollziehbar und ohne Abkürzungen. Stefan grätscht mit Intermezzi dazwischen: Was muss bedacht werden, damit Technik und Angebot zusammenspielen? Und was entscheidet nach dem Go-Live darüber, ob Besucher:innen kaufen? Fragen sind ausdrücklich erwünscht – sowohl zur Technik wie auch zu Marketing und Conversion. Wenn Du magst, bring Dein eigenes Projekt oder Deine Shop-Idee mit. **Warum Du dabei sein solltest** Praxisnah: Du siehst eine echte Installation und echte Entscheidungen. Realistisch: Was lohnt sich am Anfang – und was kannst Du Dir sparen? 👉 Zusätzlich gibt es einen Livestream für alle, die nicht vor Ort sein können. Vor Ort lohnt sich trotzdem: Die besten Gespräche entstehen meist nach dem offiziellen Teil. **P. S.: Lust, selbst einmal ein Thema zu zeigen?** Wir freuen uns immer über Beiträge aus der WordPress-Praxis – Plugins, Themes, Shops, Marketing, Accessibility oder Learnings aus echten Projekten. Melde Dich bei uns oder schlag Dein Thema vor.

Come and get you **Comedy Brew**, your fix of English Stand-Up Comedy! We serve a fresh, locally sourced 'menu' of 10 comedians, as organic as your favorite farm-to-table meal, all geared up to make you laugh out loud. **Tickets at:** [https://bit.ly/iyfcb](https://bit.ly/iyfcb) Unleash your laughter at [ROBIN's coffee](https://maps.app.goo.gl/E1e3H9GRDDJaPK8z9), the coziest New York-style coffee bar in the heart of Zürich. **Dare to Make 'Em Laugh? 🎤😂** Ever fantasized about grabbing the mic and cracking some jokes yourself? Well, your dream could come true! Visit [our performer's page](https://inyourfacecomedy.ch/perform/) to find out how you can take the stage and spread laughs like a pro. **See You There! 🎤😂** Come down to ROBIN's, break some bread, share some laughs, and maybe even catch the comedy bug yourself! See you there every Thursday! Powered by IN YOUR FACE Comedy 🌟 [Check Us Out!](https://inyourfacecomedy.ch/follow/) **Tickets at:** [https://bit.ly/iyfcb](https://bit.ly/iyfcb) **Frequently Asked Questions** * ***Is the show really in English?*** Absolutely. Every set is performed in English by a mix of Swiss-based and international comics, so no Swiss-German skills required. * ***What’s a “Comedy Open Mic”?*** It’s the testing ground for jokes. Pros road-test fresh material and brave newcomers grab their first five minutes. Expect some gems, some flops—and the fun of seeing comedy born in real time. * ***Will it be funny?*** Most of the time, yes! An open mic is a roller-coaster: seasoned acts, new voices, and the occasional glorious train-wreck. It’s all part of the charm. * ***Can I perform too?*** Yes - you need to book a spot - find out more about how to do it here: [https://inyourfacecomedy.ch/perform/](https://inyourfacecomedy.ch/perform/). * ***Do I need to buy tickets in advance?*** Please do. We’re usually running around before the show and door sales slow things down. If you’re stuck, we’ll try, but no promises. Link to tickets as at [https://inyourfacecomedy.ch/comedybrew/](https://inyourfacecomedy.ch/comedybrew/) * ***How does seating work?*** First come, first served so grab a drink, snag a seat, and settle in. * ***Is food available at the bar?*** ROBIN’s serves drinks only. For a pre-show bite, try **Restaurant Johanniter** (classic Swiss) or **Holy Cow!** across the street for burgers. * ***Will the comedians pick on me?*** We chat with the crowd for laughs, not humiliation. Friendly banter only - you’re safe. * ***How long is the show?*** Doors open 7:30pm, show starts \~7:50pm with a 15 min break in the middle ending around 10pm. Enough time for the last trams home... * ***Age limit?*** All ages welcome of course 16+ recommended (adult themes, spicy language).

Welcome to the 20th edition of the Hack The Box Zurich Meetup. We will meet in person at the [Compass Security Zurich Offices](https://www.compass-security.com/en/contact/locations) for another HTB machine walkthrough. This session will provide a walkthrough of [Bruno](https://www.hackthebox.com/machines/Bruno), one of the many [Vulnlab machines](https://www.vulnlab.com/) that were [integrated into HTB](https://www.hackthebox.com/blog/Where-to-find-Vulnlab-content-on-HTB) last year. * Difficulty: Advanced Level 🔴 * Topics: Windows / .Net reversing / DLL hijacking / Kerberoasting You will need: * Your own laptop with Wi-Fi (don't forget your power adapter) * A Hack The Box account, [register here](https://account.hackthebox.com/register) (don't use Google or LinkedIn) * Some experience working with a terminal (cmd.exe / shell) * *Optional*: local virtual machine running your preferred hacking OS (browser-based VM is provided alternatively) * Motivation and good mood The participation is free of charge. This is an onsite event, neither online-participation is possible nor recording will be provided. **Attendance is exclusive to registered participants. Please use the RSVP button to confirm your participation.** The meetup takes place with the kind support of [Compass Security](https://www.compass-security.com/) who are kindly hosting the event. **Please note**: seats are allocated on a first-come-first-serve basis. After reaching max capacity, guests will be added to a waiting list. If you change plans, and are not able to come, please kindly release your seat for someone on the waiting-list. **Unexcused no-shows will be excluded from future participation.**

We keep it a fun and practical language exchange. First thing you'll notice is we match you with **fluent speakers** in your target language. **Event Flow** **18:45–19:15** → Registration Scan the QR code to tell us your fluent and target languages. **19:15–20:30** → Language Exchange Powered by our **Learn by Flipping** method. **20:30 onwards** → Stay, chat, or head off — totally up to you 😉 **What is "Learn by Flipping"?** **Practical** → You speak with fluent speakers in your target language. **Collaborative** → Every 5 minutes, you switch roles: learner ↔ helper. **Fun** → Small groups, good energy, and a bar atmosphere — without the chaos. Save some time by [Signing up to our web app](https://fliplingoes.com/) beforehand. **Entrance:** 10 CHF (includes a tapa) Please note, event registration closes after 7:15PM

* **100% free,** see **[VIDEO & PHOTOS](https://photos.app.goo.gl/o476bvQ6ZC8CGhG57)** of previous events * **Join** **[WHATSAPP](https://chat.whatsapp.com/Ks9sGHsw16TIaJmDUQqoSi)**[ ](https://chat.whatsapp.com/Ks9sGHsw16TIaJmDUQqoSi) and **[INSTAGRAM](https://www.instagram.com/wearetheconnectionspace/)** (**zero-spam**, **latest info** on this event and also extra events and after-event photos) **❤️ WELCOME HOME** @ **Connection Space❤️** ***Reconnect with your community - meet new friends - feel at home!*** *Tonight's free, fun and optional connection activities are: **speed-friending**, **playful team games**, reggaeton/hits **dance party**, **new-comer area**, fun card/board **games**, mindful card games, three **chill-out zones** or simply **say hi to anyone** !* ***Come*** *for whatever of the above calls you, have **fun** and leave with **new friends** \- the event is that **simple**!* * **12.000+ attendees** in 80+ events in **4 years !** * **THANK YOU** for creating our **homey offline** **community** ❤️ * ***The event is inspired*** *by the [Swiss Stammtisch](https://en.wikipedia.org/wiki/Stammtisch) and Greek village coffeeshops ("[Καφενείο](https://en.wikipedia.org/wiki/Kafenio)"), once vibrant [community hubs](https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+%5D(https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+)%CE%BA%CE%B1%CF%86%CE%B5%CE%BD%CE%B5%CE%B9%CE%BF&source=lnms&sa=X&ved=2ahUKEwi52fX67dGBAxXnlf0HHZNiBHUQ0pQJegQICRAB&biw=1460&bih=913&dpr=2&udm=2) where people gathered daily. We innovate this concept with a modern twist.* * **Everyone is welcome**! Wir wollen gerne mehr **Schweizer/innen** dabei haben! Alle sind willkommen und die meisten können Deutsch sprechen. Not an expat event. **Everyone welcome**! * **NEW** we received the official **"Super Host" award** from meetup.com in Jan 26! * The "**Connection Space**" meetup group is an independent meetup group and is **only** **associated** with "**[Career Direction Space](http://meetup.com/career-direction-space/)**" group and no other meetup group * Do you **really** **care** for people and want to help hosting this event? Join our **hosting team - its so much fun**! (msg Christos 0768175380) . . . . Want more info? Read our **Summary** below: . . . **❤️ WELCOME HOME** @ **Connection Space❤️** ***Reconnect with your community - meet new friends - feel at home!*** . We truly believe that **fun meaningful offline connections** to new & existing friends makes us truly happy and healthy! Our **community** meets **every 2 fridays non-stop** in a truly **homey,** caring and **welcoming** "come as you are" environment ! . At **EVERY event** we **connect** in the **main area** with: fun social **games**, mindful connection **games**, **new-comer area** (with ice-breakers), German-speaking area, or simply join the amazing vibe and talk to anyone! *(we booked 100% of the location so its **safe to talk to everyone!)*** . **In ADDITION** **to the above** activities, **today's** **EXTRA** activities are located in **separate** **private rooms** and are: * **20:00 - 20:30 Speed-friending** (guaranteed process to meet spark new fun discussions and meet new people - with moderator) * **20:40 - 21:10** **Playful Team Games** (supppeeerr fun, with moderator - in separate room) * **22:00 - 00:30** **Dance Party** \- week is over\! Lets dance reggaeton & hits \(in separate room\) **.** **Bravo** **to you** for the courage to go out to meet new people! We know **everyone is unique** \- thats why we got a big new\-comer area\, 4 co\-hosts welcoming and connecting you\, and many activities for you to **choose** from to find what **suits you**! . *These events are **inspired** by the Swiss Stammtisch and Greek village coffeeshops ("[Καφενείο](https://en.wikipedia.org/wiki/Kafenio)"), once vibrant [community hubs](https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+%5D(https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+)%CE%BA%CE%B1%CF%86%CE%B5%CE%BD%CE%B5%CE%B9%CE%BF&source=lnms&sa=X&ved=2ahUKEwi52fX67dGBAxXnlf0HHZNiBHUQ0pQJegQICRAB&biw=1460&bih=913&dpr=2&udm=2) where people gathered daily. I, Christos, fondly remember visiting these with my grandfather and now revive this fading tradition with a modern twist. Hope you enjoy it ❤️* . . * We have received the **"Super Organizer" meetup award** \- see badge **[here](https://www.meetup.com/members/69886292/)** since we brought the highest value to the Meetup network over the past months! * **4.7 / 5.0** rating from **2000+** reviews in meetup.com * **Testimonials** (scroll to "photos" section to read testimonials) *"The best event I know on Meetup to connect to new friends."* *"First participation, an evening to remember!"* *"So far in 7 years this is the first time I see a really good organised event!"* *"Mega schön" "Had a blast!"* *"I was positively surprised. They organized everything so well; I met some interesting, friendly people. I highly recommend it"* *"Great! Everything excellent, super organized... lots of people. Great atmosphere"* *"I am really grateful for the warm atmosphere, inspiring moments"* . . *We encourage no/low alcohol consumption and only allow responsible behaviours.* . . . . . . . . *Summary is above 👆. If you want **even more info** then read below* 👇 . . . . . . . . . . . . . **WHY we do this? Human fun and meaningful Connection** is what we all deeply desire and makes us truly happy and healthy (scientifically proven - read below)! . **WHAT is this event?** We are not a "party or drinks" meetup, nor we follow a "forced" process and agenda. Instead, we are a **Connection Community** inspired by Greek village cafes and Swiss Stammtisch — a welcoming environment where neighbours gathered as equals to share stories and build lasting friendships. We meet in a "**fixed-rhythm**" every 2 Fridays in a **homey** & **lovingly-hosted space** so you can connect with new and familiar faces. We provide **several optional activities** to help you **connect** with others—so you're free to **explore what resonates** with you! Together these activities create a unique **Connection** **Event!** . **Today's event** are: * **🥳new comer area** (never was easier to spark a conversation, with ice-breakers, optional for first time attendees) * **🤣fun social games** (like "cards against humanity" and more - read game names below) * **🧘mindful games** (no small talk, connect deeper, from [The School of Life](https://www.theschooloflife.com/shop/?_product_type=games-card-sets) \- read game names below\) * **👯 20:00 - 20:30 Speed-friending** (guaranteed process to meet spark new fun discussions and meet new people - with moderator) * **🙀 20:40 - 21:10** **Play Games** (supppeeerr fun, with moderator - in separate room) * **🕺 22:00 - 00:30** **Dance Party** \- shake it \- with reggaeton & hits * 🏭 beautiful **homey** industrial location in downtown ZH * 🇩🇪**German-speaking** area (falls du nur Deutsch sprechen möchtest) * **🏠 chill-zones** in private quiet rooms (if you want to talk or play games in quietness) * 👬 or simply **hang-out** and **meet new & old friends** **without** a process ❤️ *Note: we **reserved 100%** of the space so **everyone** will be from our community!* . . . **Q&A:** * **Where** **idea comes from**? Our events are inspired by the Swiss Stammtisch & Greek village concept of "[Καφενείο](https://en.wikipedia.org/wiki/Kafenio)" (coffeeshops), once vibrant [community hubs](https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+%5D(https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+)%CE%BA%CE%B1%CF%86%CE%B5%CE%BD%CE%B5%CE%B9%CE%BF&source=lnms&sa=X&ved=2ahUKEwi52fX67dGBAxXnlf0HHZNiBHUQ0pQJegQICRAB&biw=1460&bih=913&dpr=2&udm=2) where people gathered daily to socialise, play games, and enjoy snacks and drinks. I, Christos, have fond childhood memories visiting them with my grandfather. Though this tradition is fading in Greece, I’m passionate about reviving it with a modern twist. Hope you enjoy it! ❤️ * **Co-host?** and support this event? Then please contact Christos * **Weather?** Event takes place rain or shine, with indoors rooms and outdoors area that is ultra rain-protected * **Coming late?** no problem, we got many people until closing at 00:00 so come whenever! * **Coming solo?** guess what, again no problem! 95%+ of people come solo - its the perfect event to come solo! * **Too many attendees?** no problem, we got the space! Also as per the "what" above: you define what makes the event meaningful for you! Furthermore, the co-organisers have one goal: to say hi and introduce you to the event and people (if you want to please ask)! Finally remember: you dont have to talk to everyone, focus in a few people! Less is more! 😃 If you dont know where to start look for a good smile or an activity more matching to you. From there keep on trying people and activities.. * **Why so many options above for connection?** We always have: a first-timer area, Fun social games, Mindful games, ice-breaker questions or simply just talk freely to anyone. Often we add: Speed-friending and a Music jam. We believe **you are unique** and each of us prefers different ways of connection. Also we want to provide an opportunity for everyone to try something new * **Easy and Safe:** We have the whole location reserved for us so its safe to open up and meet new friends (unlike bars in Zürich where people find it strange if strangers talk to them). Christos and volunteers will also help with connection. Read more info below. * **Christos** (see [PHOTO](https://photos.app.goo.gl/pdtVaVGCyDEJ28uE8)) and our co-organisers will be wearing name budges and will aim to **welcome** **everyone.** * more info via our **[LINKS](http://linktr.ee/connectionspace)** * Yes YOU are **good** & **courageous** for looking for new fun connections! * 95% of people come **solo** \- you can too❤️ * Everyone is in same situation and you ll be surprised how **friendly people** are ❤️ * Come **early** though **later** also ok as many people there **until 00:00** * **It works**! We heard of many new friendships, living together and even getting a new job * For **volunteering** for free please msg Christos 0768175380. We can provide free drinks for your service * **Mindful Connection Games:** from [The School of Life](https://www.theschooloflife.com/shop/?_product_type=games-card-sets) available: Confessions Game, The Friendship Game, Connection Game, The Loser Game, Games for grown-ups and three sets of "100 questions" (Conversation Toolkit & Careers & Relationships) * **Fun Social Games:** bring your own **board/card games** or choose from: Cards against humanity, Exploding Kittens, Codenames, Debatable, Sotally Tober, Taboo, Mafia, Uno, Monopoly and more. . **TIPS on HOW TO CONNECT:** * **Look out for a good smile/vibe** in a person/group of 2-3 people and say "Hi my name is xxx, can I join?". * **Try something different** (person, game, table, activity) often until you find **fun** **quality connection** * **Ask** **Support:** we understand going out to meet friends can be a stretch. We make this easy with a fun and safe event. Also you can ask for help from our clearly communicated (see photos of this event) "**People Connectors**" who can help you discreetly to connect with others * **Invest time**(not quickly just come by) as friendships are an investment * **Come back**: big turnaround, people come randomly at each event, so you never know who you ll meet . . ***You want even more info? We like you! 😄*** . . **ABOUT US IN DETAIL:** . **WHY Connection Space**? * ... we ❤️ **uniting people** while having **fun!** We make the world better by enabling **fun quality connections** & building **community!** * ... we truly believe **Human Connections** is what we truly **deeply crave** for and what we truly **need** so we can be **happy** and **healthy**! What we really need is all the things money cant buy. Human Connections making us happy is proven by data in [ANCIENT HISTORY](https://www.youtube.com/watch?v=Kg_47J6sy3A), in [MODERN HISTORY](https://www.kiltrohealth.com/blog/blue-zones-social-connection-the-secret-to-longevity-and-well-being) and also scientifically proven by [HARVARD ](https://www.youtube.com/watch?v=8KkKuTCFvzI)in an 87 year old study. Yes this makes you [HEALTHY](https://www.scientificamerican.com/article/relationships-boost-survival/#:~:text=Overall%252C%2520social%2520support%2520increases%2520survival,%252Da%252Dday%2520smoking%2520habit) and is what you really need - the other things are not as important as society tells you. . **HOW does it work?** **Disconnect** your phone & Connect with people in a **free** and **super-fun Connection Event**! These recurring events create a "fixed" community without any specific reasons for connection (like interests, genders, age or countries). **Everyone is welcome**! The event is that **simple**😀. . * **WHAT is Connection Space?** Imagine a co-working space where everyone is with headphones, laptops, mostly being 'alone' all day ... or a cafe/restaurant/bar where pretty much all people talk to people they already know.. . The **"Connection Space"** is exactly the opposite of that; its a **fun** social environment outside family and work, a cultural exchange, where we **unite** and hangout with **new and old friends** as **one community**. . Thats it. . No to phones, laptops, zoom-calls, books No to a specific reason to get together (eg. only for specific hobbies, genders, age groups, languages etc) No to just talking to your friends Not a dating, not a party, not an expat-only meetup NO to division (political racial gender etc) . Yes to simple and real in-person connection with new and old friends YES TO FUN! We got many optional activities for you to try out Yes to feeling like home & come as you are Yes to unity, love and respect for one another Yes to eating, drinking and music Yes to everyone-is-welcome & always-free events YES to UNITY! Getting along with each other in spite of different opinions . Our events are **inspired** by the Greek village culture of "[Καφενείο](https://en.wikipedia.org/wiki/Kafenio)" (village coffeeshops) with photos [HERE](https://www.google.com/search?sca_esv=569660528&sxsrf=AM9HkKlXnclaLfgcockKtdr9qHdmD5jaGw:1696060562834&q=greek+%CE%BA%CE%B1%CF%86%CE%B5%CE%BD%CE%B5%CE%B9%CE%BF&tbm=isch&source=lnms&sa=X&ved=2ahUKEwi52fX67dGBAxXnlf0HHZNiBHUQ0pQJegQICRAB&biw=1460&bih=913&dpr=2). When myself Christos was a kid, my granddad took me to these "[Καφενείο](https://en.wikipedia.org/wiki/Kafenio)". Every neighbourhood had one, and people met, without an exaggeration, on a daily-basis. It was the community center of the village. People met new and old friends, played games, socialised, ate snacks, drank coffee and ouzo. It was a very friendly, welcoming and homey environment. Unfortunately this concept is rapidly dying in Greece. As a kid I had extremely good memories of these coffeeshops, and for this reason I am passionate to revive and recreate this environment and also add a modern twist. Hope you enjoy it! . * **WHAT is NOT Connection Space? NOT** a drinks or party event (responsible drinking only, no shots, no free drinks). **NOT** a dating event. **NOT** foreigners-only, but everyone is welcome * **What KIND of event is this?** Its a mix of **social** and **cultural event** that build **community**. We have many people from so many different cultures socialising, we promote culture with events with Art exhibitions and Live Music and we also revive the social culture of the Greek traditional village coffeeshop (Καφενείο - read more above). . Looking forward to **fun quality Connections**! 🙂 ``` Disclaimer & participation terms (Connection Space): By registering for and/or attending this event (“Event”), you agree: Registration required. Follow organizer/venue instructions; we may refuse entry or remove anyone for safety/behavior.You attend voluntarily and at your own risk; risks include injury/illness, conflicts/harassment, emotional distress, and property loss/damage.To the maximum extent permitted by law, Connection Space/organizers/staff/venue/partners aren’t liable for injury, loss, theft, damage, or costs; this doesn’t limit liability where unlawful (e.g., gross negligence/intent).Zero tolerance for violence, threats, harassment/discrimination, unwanted touching, weapons, illegal drugs, or unsafe/excessively intoxicated behavior. Report issues; we may remove participants and contact security/police/emergency services.You’re responsible for your health/fitness, alcohol use, transport home, allergies/diet; no allergen-free guarantee.You’re responsible for your belongings and any damage you cause.Photos/video/audio may be recorded and used for marketing by Connection Space/partners; opt out by telling us at check-in (we’ll try, but can’t guarantee exclusion from background footage).You must follow third-party venue rules; we may change schedule/location/format for safety or operational reasons. Finally, the organisers have the right to refuse entry with and without a ticket as the organizers see fit. In case of a ticket purchase a full refund will be made in that case. ```

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.

**HAPPY NEW YEAR** Join for a New Year Brunch catch up :D **All you can eat!** A delicious selection of hot and cold options 1 Coffee or Tea and 1 Orange Juice included. After midday Pasta options also become available CHF 48.00 per person Menu Info [HERE](https://www.ambrosi.ch/sonntags-brunch/) Limited seating / ONLY BY CONFIRMATION Please **join the chat** **[HERE](https://chat.whatsapp.com/ImecPuRlcMx0ND8RBp19Y5)** and **seating has to be confirmed** in the chat!

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

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

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

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