Web Standards

**Embodied Consent** **Lernen über Grenzen und Kommunikation and communication** mit ***Karl-Henrik Sahlén*** für **LGBTQIA+** **Kostenlos mit [Anmeldung](https://wearevillage.org/shop/embodied-consent/w51-2025/)** 🔵 Sich seiner Grenzen bewusst zu sein und sein Einverständnis oder Nicht-Einverständnis auszudrücken, sind wichtige Fähigkeiten im Leben, aber wir haben nicht oft die Gelegenheit, die Fähigkeit des Einverständnisses auf die gleiche Weise zu üben wie andere Fähigkeiten, wie Singen, Sport treiben oder eine Sprache lernen. Bei Consent geht es um viel mehr als ein einfaches Ja oder Nein. Wenn wir die Zustimmung dekonstruieren, entdecken wir, wie wir unsere wahren Wünsche kommunizieren können, und hören auf, Dinge zu wählen, die wir nicht wollen. Durch Diskussionen, Bewegung und Partnerspiele werden wir Werkzeuge entwickeln, um körperliche Wünsche auszudrücken und zu verhandeln und durch praktische Übungen Grenzen zu setzen. Dieser Workshop ist für Menschen aller Körpergrößen, Geschlechter und Hintergründe offen und einladend. Es handelt sich um einen nicht-sexuellen Workshop bei dem, ohne Druck, Kommunikation und Berührung geübt werden können. Es geht genauso darum, wirklich Ja zu sagen und es auch so zu meinen, wie es darum geht, Nein zu sagen! Wenn du noch nicht an einem Workshop zum Thema Consent im Village teilgenommen hast, ist es jetzt an der Zeit! Diese Erfahrung wird dir nicht nur helfen, sich in der we are village Conmmunity zurechtzufinden, sondern sie wird dich auch dazu befähigen, diese Werte in dein Leben zu übertragen. Gemeinsam wollen wir eine auf Consent ausgerichtete Gemeinschaft mit gemeinsamen Werten aufbauen und dabei die Verantwortung des Einzelnen für die Einhaltung dieser Grundsätze betonen. Unser oberstes Ziel ist es, gesunde Beziehungen zu fördern und eine integrative Community für eine bessere, vernetzte Zukunft zu schaffen. **Hinweise** * **Anmeldung**: Eine verbindliche Anmeldung über unsere **[Webseite](https://wearevillage.org/shop/embodied-consent/w26-2025)** ist erforderlich. Die Teilnehmerzahl ist auf 18 Personen begrenzt, um die Qualität des Austauschs zu gewährleisten. * **Sprache**: dieseer Workshop ist auf Deutsch durchgeführt. Dieser Workshop wird abwechselnd von einem deutschsprachigen und einem englischsprachigen Lehrer geleitet, um ein perfektes Verständnis des Themas zu gewährleisten. Bitte wähle deine Sitzung nach unserem Zeitplan. * **Kosten**: Die Veranstaltung ist kostenlos. 🔵 **Embodied Consent** **Learning about boundaries and communication** Being aware of your boundaries and expressing your consent or non-consent are essential skills in life, but we don’t often get a chance to actually practice consent skills in the same way we practice other skills, like singing, playing sports or learning a language. Consent is about much more than a simple yes or no. When we deconstruct consent, we discover how to communicate our true desires and stop choosing the things we don’t. Through discussion, movement and partner games, we will build tools to express and negotiate physical desires and set boundaries through the use of practical exercises. This workshop is inclusive and welcoming to individuals of all body sizes, genders, and background. This is a non-sexual workshop, and great, low pressure situation in which to practice communication and touching. It’s as much about how to truly say yes and mean it as it is about saying no! If you’ve not yet taken a consent workshop at the village, now is the time! This experience will not only help you navigate within the we.are.village community, but it will also equip you to carry these values into your life. Together, we aim to nurture a consent-centered community with shared values, emphasizing individual responsibility in upholding these principles. Our ultimate goal is to foster healthy relationships and create an inclusive community for a better, more connected future. **General Information** * **Registration**: max. 18 participants with mandatory registration **[through our website](https://wearevillage.org/en/shop/embodied-consent/w51-2025)**. Limiting the number of participants is necessary to ensure the quality of the process. * **Language**: This workshop is conducted in German. To ensure a better understanding of the subject, it is led alternately by a German-speaking teacher and an English-speaking teacher. Please select the workshop that best suits your language needs. * **Cost**: Free of charge

**👋 Hello Strangers! —** For all players and chess-curious folks out there who want to chill, make friends, and enjoy some chess: We are hosting a daily meetup in Mitte / Prenzlauerberg for all experience levels. It doesn't matter if you just watched the Queen's Gambit or if you have been playing regularly for a while. **Join us** — Daily from 7 pm till midnight. **Expected Behavior** — [Conduct](https://strangerchess.com/conduct/) **Pics** · [Instagram](https://www.instagram.com/strangerchess/) / **Chat** · [Telegram](https://t.me/strangerchess) / **Web** · [Strangerchess.com](https://strangerchess.com/) (No need to bring anything, boards, clocks, etc. are provided)

Welcome to Sunday Tech Coffee. This is a **networking** event for those in the tech industry in Berlin. Usually we are inside at the green table. Look for the Meetup sign, or just ask around!

Welcome Sunday Socials, Members of the group and friends meet there to exchange languages and their international experience or just have a good time to meet likeminded poeple! Currently we meet at the bar Alberts Starting time is 5pm.(Until 8pm) Adress: https://www.google.de/maps?q=alberts+charlottenburg&ion=1&espv=2&bav=on.2,or.r_cp.&bvm=bv.131783435,d.bGg&biw=1366&bih=628&dpr=1&um=1&ie=UTF-8&sa=X&ved=0ahUKEw... Grüße Andrea

## DNA. presents: "**OPEN LANGUAGE CAFÉ**" **“Connect & Speak”** A welcoming space for language lovers, curious minds, and coffee lovers — a Sunday gathering to practice, share, and explore languages together in a cozy and creative environment. Join us for relaxed conversation and cultural exchange. Whether you’re learning a new language, brushing up on skills, or simply enjoy talking with people from around the world, this is your circle. Come as You are. Bring Your curiosity, and Your voice — and discover inspiration in the flow of conversation with others. You’ll leave with new words, new connections, and a joyful sense of community. Open to speakers and learners of all languages and levels. A safe, friendly space where every voice is celebrated. ‍ > Join us for a peaceful, inspiring atmosphere where painting becomes a form of meditation, a moment of joy, and a way to reconnect with Yourself. ‍ #### **WHEN:** Every Sunday 11:30 am - 2 pm ‍ #### **WHERE:** DNA. CAFÉ & ART Karl-Marx-Platz 17 12043 Berlin ‍ #### **TICKETS:** Box Office: Free for Everyone **[> See more Info about DNA. Membership](https://www.dna-artclub.com/dna-member)** ‍ #### **INCLUDES:** * Access to our Atelier & Creative Space * Cozy café atmosphere (snacks & drinks available) ‍ #### **SIGN UP:** No sign-up needed — simply come over during opening hours and start creating. ‍ See Us Soon :) Love. DNA. ‍ For more info see: [www.dna-artclub.com](http://www.dna-artclub.com/) / follow us on IG: @nightart.club :) *** \*Members of Dair Night Art e.V. and Subscribers of DNA. Art GbR. \*\*By entering the DNA. ART HOUSE, You agree to comply with the [Hausordnung of Dair Night Art e.V.](https://dairnight.com/hausordnung) and [Geschäftsordnung of Dair Night Art e.V.](https://dairnight.com/geschaftsordnung) Please ensure You review these documents thoroughly in advance. \*\*\*NOTE: By purchasing a ticket for this event, you grant us permission to integrate your contact data into our Database. This allows us to securely save and utilize your contact information to keep you updated about event details, relevant communications and future events. Your privacy and data security are important to us, and we assure you that your information will be handled with the utmost care and in accordance with our privacy policy = see[ https://www.dna-artclub.com/privacy-policy. ](https://www.dna-artclub.com/privacy-policy.) Thank You for Your understanding and support.

Bringt gute Laune, schönes Wetter und Interesse mit. Wir treffen uns je nach Tour an unterschiedlichen Orten. Am 1. April 2018 um 15 Uhr gehts los am Eingang zur Akademie der Künste am Pariser Platz neben dem Brandenburger Tor.

Join us for chill **indoor** beach volley! 🏐 🏐 🏐 This event is for everyone who enjoys chill games and is not a *complete* beginner (A1.5+). We play 3v3 (or 4v4) with beach rules. There are no trainers at this event. Register via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) for higher-level 2v2 matches (F1+). After playing, you can join us for socials with drinks and snacks at the bar area. We often play a social deduction game, which you're also welcome to join. We play in domes that are heated up to at least 15C. It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better. You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts. Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball) **Rules**: Do not join if you have an infectious disease. For everyone's safety, we do not allow kicking the ball during games with beginners. Be respectful of your fellow players. **Venue**: We play at BeachMitte. There are changing rooms, toilets, and hot water showers that cost 1 EUR. There are no lockers. There is a bar that sells drinks and snacks. **Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible. **Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even if the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. In the rare cases that we cancel an event due to poor attendance, everyone gets a full refund. Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed. By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in beach volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs. Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)

Join this **Interview Simulation** session — to sharpen the skills for both interviews **and** architectural pitches. 💡 How it works The event is split into three parts: 1. **Most common behavioral & HR questions** \- you will receive a printed list of behavioral/HR questions and we brainstorm tips on how to prepare for them 2. **Interview Simulation (10 minute rounds)** – One participant acts as the interviewee and answers a round of behavioral and design-focused questions. Each other participant gets to ask him one interview question. 3. **Feedback Round** – The group provides feedback on communication, structure, and clarity. Constructive criticism is encouraged. 💡You will be asked: * **Behavioral questions** (“Tell me about yourself”, “Describe a challenge you faced...”) * **Technical questions** (based on your tech stack) * **Light design problems** (high-level reasoning, not code) No need to prepare anything in advance — just bring curiosity and an open mind. Feel free to bring your CV if you’d like feedback from others, or share a few words if you’re currently job hunting. If so, we will also brainstorm answers to more common questions that you were asked. Whether you’re preparing for an interview or simply want to grow as a software designer or architect, this session is for you. Note: location was changed to Strandbad Mitte cafe: https://share.google/ahAXMM91XoJY6fFez 💡Resources: * IT portfolio ideas: ideabrowser.com , reddit.com/r/SideProject * mock interview platforms: pramp.com , interviewbit.com , finalroundai.com * online coding platforms: leetcode.com, hackerrank.com, codewars.com , codingame.com , projecteuler.net ,techiedelight.com , exercism.org * confidence building exercises: [Confidence exercises ](https://limewire.com/d/o4tZw#RLA03qdOxU) , [reddit discussion](https://www.reddit.com/r/jobs/comments/1cjlblp/how_in_the_world_do_you_keep_your_selfesteem_up/) , [another discussion](https://www.quora.com/How-do-I-keep-my-self-esteem-from-being-destroyed-while-job-hunting) , [quora discussion](https://www.quora.com/In-my-late-50s-I-find-myself-out-of-work-for-the-first-time-in-30-years-How-do-I-replace-apprehension-and-anxiety-with-confidence-to-job-hunt) * success stories: [story 1](https://www.reddit.com/r/RemoteJobseekers/comments/1p8faip/i_finally_landed_a_remote_job_after_10_months_of/), [story 2](https://www.reddit.com/r/RemoteJobseekers/comments/1fdpeg2/how_i_landed_multiple_remote_job_offers_my_remote/)

Join us for intermediate and advanced play on **indoor** 2v2 courts. If you are not yet at the intermediate level (F1+) or want to play 3v3/4v4, sign up via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) instead. We play with beach rules: do not use open hands for the first or last touches, do not touch the net, etc. We overbook slightly to ensure we have enough players and to allow individuals to take breaks. After playing, you can join us for socials with drinks and snacks at the bar area. It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better. We play in domes that are heated up to at least 15C. You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts. Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball) **Rules**: Do not join if you have an infectious disease. **Venue**: We play at BeachMitte. There are changing rooms, toilets, and hot water showers that cost 1 EUR. There are no lockers. There is a bar that sells drinks and snacks. **Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible. **Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even in cases where the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. You get a full refund if the event gets canceled due to poor attendance. Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed. By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in park volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs. Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)

Silent Book Club is a group of book lovers who enjoy reading together in public. All books and all readers are welcome. (Kindly RSVP 'yes' only if you can make it, so we can save a seat for you and our fellow readers on the waitlist!) This page-turning party will unfold in the Café (1st floor) at the Bode Museum. There's no entrance fee, but please order at least one item from the cafe and don't bring any outside drinks :) No quizzes, no pressure, no assigned books - just a group of book-loving souls basking in the beauty of silent reading. **Our thrilling agenda:** 10:30 am - 11:00 am - Arrivals, ordering drinks/food (social time) 11:00 am - 12:00 pm - The Great Quiet Reading Hour (where silence is the star) 12:00 pm - 13:00 pm - Optional socializing, share your reading adventures or just keep exploring the pages Stay for lunch, and who knows? You might just find your next favorite book over a pizza. NB: If you plan to go for lunch, please consider bringing cash, as some restaurants only accept card payments after a certain amount.

I swear it's a sport! Let's meet and play! **VERY IMPORTANT :** * Please keep reading comments and/or direct messages as long as you are on main OR waiting lists. * Sign-out as soon as you know you won't participate (even from waiting list). * Non-replied direct message ==> declined participation on Friday. **HOW TO JOIN** 1. Sign up to the event 2. Paypal on signup, 12€/person to https://paypal.me/berlinhorizon (use Friend&Family option !) 3. Join on Sunday * Guaranteed refund until cancellation deadline : -48h (=> Friday 1PM). * If **waiting list**, please **don't pay until** you get contacted and **moved to main list**. Contact if needed : berlin.horizon22@gmail.com **__________________________________________________________________________________** **Alternative no paypal (Cash, EXACT AMOUNT please)** 1. Reply 'Y' to RSVP question 2. Join on Sunday * Cancellation deadline (Friday 1PM) remains. * Late cancellation will be asked to pay. **On Wednesday** evening, **non paid spots who didn't reply positively** to RSVP question **will be placed out of the main list**. **__________________________________________________________________________________** **Timing :** * **13.00** : Meeting outside of main hall (or inside if rain) -> Introduction -> Desk registration (shoes check, rental...) * **13.15** : START PLAY * **14.45** : END PLAY !! Every 10th session you attend is for free !! (in form of a later refund. Still have to pay on the actual participation) **Facility :** TiB 1848 e.V, Columbiadamm 111 (close to Templehofer Feld) **Equipment :** * RACKET : Bring your own or rent one there (2€). * SHOES : checked at desk. Rental for 2€ -> Non-marking -> Light sole -> Not worn outside * Shower, locker available. * Sauna open at TiB discretion. Last but not least : no worries about level, we play for fun before all. The keyword of the event is sweet & sweat ! Looking forward to see you on the court :)

Let’s enjoy a final Christmas market visit together at **Merry Markthalle** on Sunday, 21 December! Merry Markthalle is a weatherproof Christmas market inside the historic Markthalle Neun in Kreuzberg. Expect a mix of handmade gifts and some vegan-friendly food & drinks. We’ll meet inside, near the main entrance of Markthalle Neun and then wander around together. If you’re running late, message in the Meetup chat and we’ll share our approximate location. Come along for a relaxed, pre-holiday Christmas market hangout. ✨

SQUASH SWEAT + TEARS WOMEN / MEN ACTIVITIES Players meetup at the club, play squash (with others around their level), train (if they wish), watch & learn from better players, make new friends, have a few drinks, etc. Please be aware, we must take care to use our allotted courts. We arrange for these based on the sign-up lists. If many people sign up, but do not appear then the courts go unused and those on the waiting list miss a chance to play. In order to ensure this if a party on the attending list has not appeared, their future reservations will be moved to the waiting list. In addition, reservations will be allowed up to fourteen days in advance only. PRICE: €9 Kindly pay at the front-desk reception "before" you play on a squash court. Free for club members. COURTS 2 courts (7 + 8) @ 15:00 to 15:45 4 courts (2 + 3 + 7 + 8) @ 15:45 to 18:00 NEW JOINERS / TOTAL BEGINNERS We, the organizers — Oliva or James— are always available to teach you the basics and improve your skills to learn the rules and get introduced to players. Ask for "demo racket" at front-desk if you don't have one. PARTICIPANT RULES 1. RSVP to participate in meetup and play. 2. Cancel your RSVP if you cannot attend. Be courteous to others who would like to attend. 3. Pay fee at club front-desk before playing. AIRPORT SQUASH & FITNESS CLUB WEBSITE http://www.airportsquash.de Become a club member for 36 EUR per month and play UNLIMITED!

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

Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.