Web Standards

Buenos Aires Tango Meetups – Music, Dance & Argentine Culture 🇦🇷 Join us for a relaxed evening of tango, music, and good company. Every week we gather to enjoy the spirit of Buenos Aires: live tango music, dancing, and a warm social atmosphere where everyone is welcome. During the night you may find: • Live tango music • Social dancing • A short beginner-friendly tango lesson • Open microphone for musicians and singers • A chance to share a mate or a glass of wine Whether you dance tango, love music, or are simply curious about Argentine culture, this is a great place to meet people and enjoy the night. No partner required • Beginner friendly • Live music Come alone or with friends — you’ll find a welcoming community here.

## ☕ **Language Exchange Café – Español & English. Real connections ✨** **Ubicación:** Francis Café – Charcas 3251 **Horario:** 18:00 a 20:00 **Entrada:** $5.000 ARS / 5$ ### **Español** ¿Cansado de practicar idiomas solo con apps que no te contestan? ¿Harto de decir *“How are you?”* y que nadie te pregunte de vuelta? Este **Language Exchange Café** es para personas reales, conversaciones reales y cafés de verdad ☕ Nos juntamos en **Francis Café** para hablar **español, inglés (o spanglish sin culpa)**, intercambiar culturas y crear conexiones que no mueren cuando se termina el café. No es una clase No hay profesores Nadie te corrige con cara de superioridad Solo charlas relajadas, risas, acentos variados y ese momento mágico donde entendés… o fingís que entendés y seguís igual Ideal para: extranjeros, viajeros y locales curiosos ️ practicar idiomas sin presión conocer gente interesante en un ambiente tranquilo Vení por el idioma. Quedate por el café. Y tal vez… por las conexiones reales ✨ *** **Location:** Francis Café – Charcas 3251 **Time:** 6:00 – 8:00 PM **Entry fee:** $5,000 ARS ### **English** Tired of practicing languages with apps that never reply? Sick of saying *“How are you?”* and no one asking back? This **Language Exchange Café** is for real people, real conversations, and real coffee ☕ We meet at **Francis Café** to speak **Spanish, English (or guilt-free Spanglish)**, exchange cultures, and create connections that don’t disappear when the coffee is gone. Not a class No teachers No one correcting you with a superior look Just relaxed chats, laughs, different accents, and that magical moment when you understand… or pretend you do and keep going Perfect for: expats, travelers, and curious locals ️ practicing languages with zero pressure meeting interesting people in a calm environment Come for the language. Stay for the coffee. And maybe… for the real connections ✨

IDIOMAS Y AMISTADES EN EL CENTRO DE BUENOS AIRES ¿Querés practicar idiomas y conocer gente de todo el mundo en un ambiente relajado y social? Mate Club es un espacio de intercambio de **inglés, español y portugués** donde nos juntamos a conversar de forma real, espontánea y dinámica. FORMULARIO DE INSCRIPCION: [https://forms.gle/sKe9TDeGFBosfVUSA](https://forms.gle/sKe9TDeGFBosfVUSA) Valor de entrada única: 7,000ARS Valor del abono mensual: 25,000ARS (4 encuentros durante el mes) 🧉 Compartimos mate durante todo el evento. 💬 Proponemos dinámicas para que todos puedan participar. 🌍 Participan locales, viajeros y estudiantes de distintos países. 🤝 Organizamos los grupos para que realmente practiques. Si querés mejorar tu fluidez, perder la vergüenza al hablar y vivir una experiencia auténtica en Buenos Aires, sumate. Nos vemos en Mate Club 🧉

Hola, AI enthusiasts! We are thrilled to announce another gathering of **AI Builders Buenos Aires**! Whether you are a seasoned ML engineer, a founder integrating LLMs into your product, or a developer just starting to tinker with the latest models, this is the place for you. We believe that the best way to build the future is to build it together. That’s why we’re kicking things off with a relaxed, community-focused evening. **What to expect:** * **Meet & Greet:** Get to know your fellow builders in BA. * **Idea Exchange:** Briefly share what you are working on, the tools you love (or hate!), and the challenges you're facing. * **Networking:** Grab a drink, exchange contacts, and maybe find your next co-founder or hackathon partner. This isn't a formal lecture—it's an open space to connect, share knowledge, and spark new collaborations. Let’s turn Buenos Aires into a hub for AI innovation! Telegram group: t.me/aibuildersba

## ​\*\*¡Distributed Snake Challenge!\*\* 🐍🦀 ​En este hackathon vamos a ensuciarnos las manos construyendo una versión multijugador del clásico **Snake**. El desafío consiste en implementar la lógica de red para que múltiples jugadores puedan competir en un mismo tablero en tiempo real desde la perspectiva del cliente. ​Exploraremos cómo manejar el estado global del juego, la sincronización de ticks, entre otras cosas. ¡Podes construir el cliente de la forma que se te ocurra! Por terminal, usando Bevy, SDL2 ​¡Vení a poner a prueba tus conocimientos de Rust, networking y sistemas distribuidos! *** ​**Este evento es organizado por el equipo de [Oxidar.org](https://oxidar.org/), con la colaboración de TxPipe e Input Output Global.** **¡Los esperamos para compilar código y comer manzanas (virtuales)! 🦀**

**📍Basta Callejón** **Av. Juan B Justo 2441, CABA** Seas SysAdmin, Developer, DBA, InfoSec, Networking o de cualquier profesión ligada a sistemas. Incluso si te interesa este ámbito, las #AdminBirras son tu lugar. Hace ya varios años que nos juntamos a charlar y tomar algo, arrancando a las 19 hasta que nos echen. Whether you are a SysAdmin, Developer, DBA, InfoSec, Networking or any profession related to IT, even if you are interested in this field, #AdminBirras is your place. For years we've been meeting to chat and have a drink in Buenos Aires starting at 7:00 p.m. until they kick us out. We welcome nomads traveling in Buenos Aires! come by and have some beers with local IT people!

👉🏼**Ampliá tu círculo social y conectá con personas fuera de tu entorno habitual**. Te invitamos a un evento único donde podrás relajarte, disfrutar de una cerveza 🍻, y compartir experiencias en un ambiente cálido y distendido. Si aún no te animaste a participar, ¡es el momento! Este encuentro está diseñado para conocer gente nueva, generar contactos valiosos y pasarla bien. 🔥Sabemos que el primer paso puede ser difícil, pero ya hemos organizado más de **150 eventos**, y siempre recibimos tanto a participantes nuevos como a aquellos que vuelven una y otra vez. El ambiente es abierto, ameno y perfecto para hacerte sentir parte de nuestra comunidad desde el primer momento. Si eres nuevo en la ciudad, quieres sociabilizar, conocer y conectar con gente interesante, te animo a unirte y formar parte de nuestra comunidad. 👉🏼 **El evento es GRATUITO**. El CONSUMO es OBLIGATORIO. 🕒 **Edades habituales**: entre 30 y 60 años. ¡No te pierdas esta oportunidad de expandir tus horizontes! ¡Te esperamos!

Vengan con ganas de tomar buena cerveza.

How does it work? Get paired with native speakers in a series of 10-minute conversations during every two-hour session. Attending as little as two times a week, for 2 hours at a time, you’ll meet and practice with an unparalleled number of native speakers. https://youtu.be/blo5nNjgMBc https://youtu.be/xk04lA9x3qQ https://youtu.be/2TJMigrxiwI There is no shortcut to Spanish fluency - but Spanglish is so fun you won’t want one! Spanglish starts during the 30 minute check in: Get to know the other Spanglishers – about half of the attendees at every event are new! After a little bit of ice-breaking, you’ll head to an assigned table for your first one-on-one conversation. No need to worry about making mistakes – the person sitting across from you is in the same boat! You converse for 5 minutes in english, 5 in Spanish – and then move on to a new conversation partner. By the second rotation we promise you’ll be having so much fun you’ll forget you’re learning. What do we talk about at Spanglish?: Whatever you want! There are no set topics. We talk about everything from our favorite superheroes to our favorite restaurants – it’s the best way to practice another language – hanging out in a relaxing environment and talking about stuff you know and like! Who attends Spanglish? Study abroad students, international students, local Argentine students studying English and anyone looking for a flexible, affordable, and comfortable environment to practice their conversation skills. How much does it cost? AR$10000 at the event. Get the Spanglish package 4 events AR$28000 Enjoy the virtual language exchange events for FREE You can find more information on our website http://www.spanglishexchange.com and see pictures of the events at facebook.com/SpanglishBuenosAires *** ►HOW TO BE PART? Go directly to the bar during the check in time and you will find a Spanglish Staff who will register you! ►HOW DOES IT WORK? Get paired with native speakers in a series of 10-minute conversations during every two-hour session. Attending as little as two times a week, for 2 hours at a time, you’ll meet and practice with an unparalleled number of native speakers. There is no shortcut to Spanish fluency - but Spanglish is so fun you won’t want one! Spanglish starts during the 40 minute check in: Get to know the other Spanglishers – about half of the attendees at every event are new! After a little bit of ice-breaking, you’ll head to an assigned table for your first conversation. No need to worry about making mistakes – the person sitting across from you is in the same boat! You converse for 5 minutes in english, 5 in Spanish – and then move on to a new group of conversation partners. By the second rotation we promise you’ll be having so much fun you’ll forget you’re learning. ►WHO ATTENDS SPANGLISH? Study abroad students, international students, local Argentine students studying English and anyone looking for a flexible, affordable, and comfortable environment to practice their conversation skills.

VERSION EN ESPAÑOL ABAJO 👇 **🌎 Social Meet- by Culture Shock Therapy** Meeting new people as an adult shouldn’t feel like a job interview Social Meet is a relaxed international gathering where locals, expats, and travelers come together to talk, laugh, and connect naturally 📍 Tienda de Cafe Italiano – Perón 4233, CABA 🕕 Every Saturday \| 18:00 – 20:00 🎟 Entry: 5,000 ARS (≈ 5 USD) What you can expect: • Multilingual conversations • Cultural exchange • Locals + expats + travelers • Genuine laughs • A relaxed and friendly atmosphere Just real people and real conversations. Follow us on Instagram: [https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy) ━━━━━━━━━━━━━━━━━━━━ VERSIÓN EN ESPAÑOL 👇 **🌎 Culture Shock Therapy – Social Meet** Conocer gente nueva de adulto no debería sentirse como una entrevista. Social Meet es un encuentro internacional relajado donde locales, extranjeros y viajeros se juntan para hablar, reír y conectar de forma natural. 📍 Tienda de Cafe Italiano – Perón 4233, CABA 🕕 Todos los sábados \| 18:00 – 20:00 🎟 Entrada: $5.000 Qué podés encontrar: • Conversaciones en varios idiomas • Intercambio cultural • Locales + extranjeros + viajeros • Risas reales • Ambiente relajado y amigable Sin presión. Sin caretas. Sin incomodidad. Solo gente real y buenas conversaciones. Seguinos en Instagram: [https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)

Friday July 25, we are saying goodbye to the event of Chacarita. Let's come and give a warm farewall to it all! No worries! August we are moving Mundo Lingo Fridays to a new home! 100s of people from around the world meet weekly to socialise, have a drink, and meet foreign/local people of all ages. It's chilled, fun and free. The Flags Place flags on your chest from top to bottom according to fluency. We offer flags from 200+ places. Stand to mingle, sit to dwindle! Talk about anything you like. You don't have to be an advanced speaker - it's open to everyone! Reception 9 - 10pm Not obligatory, but arrive at this time if you’re new or want those drinks specials. Connect with us 👉 [x.MundoLingo.org](https://x.mundolingo.org/)

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

**TBA**

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

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

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

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

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