Web Standards

¡Únete a nosotros en Urban Station para un encuentro de personas emprendedoras de diversas industrias! Durante esta reunión, tendrás la oportunidad de hacer contactos, intercambiar ideas y aprender. Además, habrá espacio de coworking disponible para aquellos que deseen trabajar en un ambiente inspirador y productivo. Durante el evento, se discutirán temas sobre finanzas, coaching y ventas para ayudar a los emprendedores a expandir sus conocimientos. También se facilitarán sesiones de coaching para la vida y marketing para ayudar a los participantes a alcanzar sus objetivos comerciales. No te pierdas esta oportunidad de fortalecer tu red de contactos, aprender de otros emprendedores y crecer tanto personal como profesionalmente en la comunidad de Urban Station. ¡Te esperamos en nuestro próximo encuentro!

**Bitcoin Devs Buenos Aires – Seminario Socrático #9 🧠 ₿** BitDevs Buenos Aires es una comunidad para quienes están interesados en investigar, debatir y construir sobre Bitcoin y protocolos relacionados. Es un espacio **amable y seguro**, tanto para developers que recién empiezan como para expertos del protocolo. 📚 **¿Qué es el seminario socrático?** Es un encuentro mensual en formato participativo donde debatimos temas técnicos actuales del ecosistema Bitcoin. Los temas los proponemos entre todos previamente, y durante el evento los analizamos, preguntamos y compartimos puntos de vista. ¡Ideal para aprender, pensar y profundizar! Los temas los pueden ver en [bitdevsba.org](bitdevsba.org) 📅 **Agenda del evento:** * 19:00 hs – Puertas abiertas y socialización 🍻 * 19:30 hs –BitDevs 🎒 **¿Qué traer?** Tu curiosidad, ganas de compartir ideas y, si querés, una compu o cuaderno para tomar notas. 🙏 Gracias enormes a **Librería de Satoshi** y **B4OS** por el Sponsor de bebidas y comida. Checa los cursos y grants para devs: B4OS.DEV ¡Se agradece mucho! [libreriadesatoshi.com](http://libreriadesatoshi.com)

Nos encontramos en el Centro Cultural San Martín y de ahí vamos a explorar por Corrientes algún sitio con música en directo, o un parque si alguien quiere tocar libremente su música.

On Fire es un Grupo que esta formado hace mas de 8 años. Estamos rearmando equipos y convocando nuevos jugadores NO IMPORTA si jugas bien o mal, lo importante es que quieras divertirte y pasar un momento agradable. Jugamos en Cano Futbol - Santiago del Estero 1253 - CABA Inscribite, conocenos, y veras que venis a Jugar cada Jueves. La idea es que puedas reservar tu lugar para jugar todo el mes. Los valores de las canchas son muy accesibles. Escribinos al 011-3640 5900

Jornada de Juegos de mesa hasta que salga el sol en el Geek Out! Club Listado de juegos ([Nuestra web](https://www.geekout.com.ar/Ludoteca/) o [Usuario en BGG](https://boardgamegeek.com/collection/user/GeekOutClub?own=1&subtype=boardgame&ff=1) ) Consulten por juegos que tengan ganas de jugar para ver la posibilidad de que alguien lo traiga por wpp al https://wa.me/+5491124601608 :D O sumate a la [Comunidad de Whatsapp](https://chat.whatsapp.com/KvF6IiO5S4VFjlV1mAokzQ?mode=ems_copy_t) https://chat.whatsapp.com/KvF6IiO5S4VFjlV1mAokzQ?mode=ems_copy_t Podes venir solo Arevalo 2061, Palermo. COSTO: $20.000 por persona que incluye bebida sin alcohol LIBRE tambien, aparte hay para comprar cafe y comida. Si no conocés los juegos no te preocupes, SIEMPRE hay gente nueva así que no vas a ser la única persona que lo esté jugando por primera vez, y SIEMPRE hay gente que los conoce y tiene la mejor buena onda para explicarlos =)

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

🎶🏆 **GRAMMY AWARDS WATCH PARTY @ THE CLASSIC** 🏆🎶 Get ready for music’s biggest night—live on the big screen at **The Classic Sports Bar**! Whether you’re rooting for your favorite artist or just here for the music, the outfits, and the vibes, this is the place to be 🎤✨ 🕗 **8:00 PM** – Red Carpet Coverage 🕙 **10:00 PM** – Grammy Awards Begin 🍔 **Kitchen open until 1:00 AM** 🎟️ **FREE entry** ⚠️ *Note:* Sound for the red carpet may not be available until the Argentina Premier League matches wrap up (around **9:30 PM**). Awards will be fully on with sound 🎧 🎲 **GRAMMY GUESSING GAME!** Fill out a ballot with your predictions for the winners 📝 👉 **Win Prizes!** 📍 **The Classic Sports Bar** Malabia 1885, Palermo Great cocktails, great food, great music—and bragging rights if you nail your picks 😎 Come early, grab a seat, and let’s watch the Grammys together! 🎶🍾

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$9000 at the event. Get the Spanglish package 4 events AR$25000 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.

## 🏊‍♂️💦 Swimming Pool Party – Culture Shock Therapy Yes, it’s happening. A **Swimming Pool Party**, because networking is better **with water, music, and good vibes** 🍹 Tired of *work → home → repeat*? Want to meet new people without awkward small talk? This is for you. ### 📍 Location 📌 **Complejo Acapulco** Av. General Enrique Mosconi 2253, Ramos Mejía ### 💰 Entry * Pool access: **$22.000** * **$20.000 (cash)** ### 🍹 Consumption * **Individual & optional** Come solo, with friends, or with your *“let’s see what happens”* attitude — it always works. 👉 **Limited spots** 👉 **RSVP on Meetup** 👉 Bring your swimsuit & best vibes 💦🔥 ## 🏊‍♂️💦 Pool Party – Culture Shock Therapy Sí, sucede. Una **Pool Party**, porque socializar es mejor **con pileta, música y buena vibra** 🍹 ¿Cansado de *trabajo → casa → repetir*? ¿Querés conocer gente nueva sin charlas incómodas? Este evento es para vos. ### 📍 Lugar 📌 **Complejo Acapulco** Av. General Enrique Mosconi 2253, Ramos Mejía ### 💰 Entrada * Acceso a la pileta: **$22.000** * **$20.000 (en efectivo)** ### 🍹 Consumo * **Individual y opcional** Venís solo, con amigos o con tu actitud de *“veamos qué pasa”* — siempre funciona. 👉 **Cupos limitados** 👉 **Confirmá asistencia en Meetup** 👉 Traé tu malla y la mejor energía 💦🔥

🇪🇸Español Abajo 👇 **☕️ Coffee Talk: Where Conversations Are Stronger Than the Coffee ☕️** Had enough of awkward small talk and silent social gatherings? This is your chance to break free. Join us for a night of meaningful conversations about life, dreams, existential crises, and why we keep procrastinating our goals. **🔹 What to expect?** ✔️ Thought-provoking questions (but not too deep, we promise). ✔️ Interesting people with zero interest in discussing traffic. ✔️ Interactive dynamics that push you out of your comfort zone—without feeling like a job interview. If you're ready for an evening of deep conversations, great coffee, and a dash of sarcastic humor, save your spot before you regret it (again). 📍 **Where?** Diletto – Perón 4217 (because coffee without great conversations is just wasted caffeine). 💰 **How much?** $5,000 ARS / $5 USD (yes, genuine connections have a price, but they’re worth every cent). **FOLLOW US** **INSTAGRAM: @CULTURE.SHOCKTHERAPY** [https://www.instagram.com/culture.shocktherapy?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==] *** **☕️Coffee Talk: Donde las Conversaciones Son Más Fuertes que el Café☕️** Si ya tuviste suficiente de las mismas charlas de ascensor y los silencios incómodos en reuniones sociales, este es tu evento. Aquí venimos a hablar de todo lo que realmente importa: la vida, los sueños, las crisis existenciales y por qué seguimos procrastinando nuestras metas. **🔹 ¿Qué puedes esperar?** ✔️ Preguntas que te harán pensar (pero no demasiado, prometemos). ✔️ Gente interesante con cero ganas de hablar del tráfico. ✔️ Dinámicas interactivas que te sacarán de tu zona de confort sin hacerte sentir en una entrevista de trabajo. Si estás listo para una tarde de conversaciones profundas con café en mano y un toque de humor sarcástico, reserva tu lugar antes de que te arrepientas (otra vez). 📍 **¿Dónde?** Diletto – Perón 4217 (porque el café sin buenas conversaciones es solo cafeína desperdiciada). 💰 **¿Cuánto?** $5.000 ARS / $5 USD (sí, las conexiones genuinas tienen su precio, pero valen cada centavo). **FOLLOW US** **INSTAGRAM: @CULTURE.SHOCKTHERAPY** [https://www.instagram.com/culture.shocktherapy?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==]

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

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