Skip to content

HTML5

Meet other local people interested in HTML5: share experiences, inspire and encourage each other! Join a HTML5 group.
pin icon
15,387
members
people1 icon
21
groups

Frequently Asked Questions

Yes! Check out html5 events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.

Discover all the html5 events taking place this week here. Plan ahead and join exciting meetups throughout the week.

Absolutely! Find html5 events near your location here. Connect with your local community and discover events within your area.

HTML5 Events Today

Join in-person HTML5 events happening right now

Bitcoin Developer Meetup Seminario socratico #11 BitDevs
Bitcoin Developer Meetup Seminario socratico #11 BitDevs
**Bitcoin Devs Buenos Aires – Seminario Socrático #11 🧠 ₿** 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 [https://bitdevsba.org/socratic-seminar-11/](https://bitdevsba.org/socratic-seminar-11/) 📅 **Agenda del evento:** * 18:30 hs – Puertas abiertas y socialización 🍻 * 19:00 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. Revisa los cursos y grants para devs: B4OS.DEV ¡Se agradece mucho! [libreriadesatoshi.com](http://libreriadesatoshi.com)
🌍 Language Exchange Café – Español & English | ⚡Culture Shock Therapy
🌍 Language Exchange Café – Español & English | ⚡Culture Shock Therapy
## ☕ **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 ✨
Buenos Aires Tango Meetups
Buenos Aires Tango Meetups
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.
Club de emprendedores
Club de emprendedores
escribir al whatsapp 1165664135
Noches de juegos en la Ludoteca del Oeste
Noches de juegos en la Ludoteca del Oeste
Detalles ¡Hola gente bella! Como todos los miércoles, les invitamos a pasar una noche lúdica en la Ludoteca del Oeste, un espacio comunitario para jugar, compartir y divertirnos. 📍 Dónde: Biblioteca Mariano Moreno – Springolo 680, Sáenz Peña (zona oeste, cerca de la estación) 🕖 Horario: De 19:00 hasta la 1, 2 o 2:30 am… ¡hasta que caigan los dados! Jugamos de todo: Primero arrancamos con algunos fillers o party games para romper el hielo, y ya tipo 20 hs armamos mesas con lo que surja: euros pesados, cooperativos, drafting, roles ocultos… siempre hay variedad. 🎒 Podés venir sin juegos, ¡acá siempre sobran! Pero si querés traer los tuyos, mejor todavía. 🍕 Cada une se trae algo para comer o bien pedimos entre todes y dividimos. 💸 La actividad no tiene entrada fija, solo pedimos una contribución de $2000 para apoyar a la biblioteca. ✉️ Si vas a venir, avisá así te reservamos lugar en alguna mesa. ¡Te esperamos para una noche llena de juegos y buena onda!
Terapia Access Bars , sesiones individuales en LA PLATA, Buenos Aires, Argentina
Terapia Access Bars , sesiones individuales en LA PLATA, Buenos Aires, Argentina
¿Te gustaría eliminar de tu cabeza todo lo que te limita? ¿Te gustaría estar más alegre y atraer la abundancia a tu vida? “Todo en la vida viene a mí con facilidad, alegría y gloria”. Los pensamientos son una forma de energía que tienen carga eléctrica. Cuando pensamos mucho nuestro cerebro se sobrecarga, lo que hace que éste se encuentre en una frecuencia de ondas Beta. Este tipo de frecuencia nos bloquea, dificulta enormemente la relajación y eleva el nivel de estrés con los problemas que todo esto conlleva. Access Bars es una técnica de aplicación manual que consigue, mediante unos suaves toques en ciertos puntos específicos de la cabeza, que las ondas cerebrales cambien, pasando de ondas Beta (estado de vigilia) a ondas Theta o Delta (estados de relajación profunda). ¿Pero es sólo eso Access Bars? Access Bars es un proceso que activa 32 barras energéticas situadas en la cabeza. Cada una de estas barras contiene información sobre determinadas áreas de la vida (dinero, control, creatividad, poder, sexualidad, cuerpo, envejecimiento, alegría, tristeza, etc.). La información que dichas barras contienen son los puntos de vista que has ido creando y haciendo significativos a lo largo de tu existencia y que, de una forma u otra, te mantienen anclado y te impiden mejorar en algún aspecto de tu vida. Al ser estimuladas, las barras comienzan a descargarse y eliminar información (carga eléctrica). Se trata, literalmente, de formatear nuestro cerebro, como si de un disco duro se tratase. ¿Significa eso que perderás información valiosa para ti? ¿que olvidarás nombres, datos importantes o recuerdos vitales? PARA NADA. Access Bars no borra ese tipo de información, llamémosla objetiva, sino que, por ejemplo, hará desaparecer puntos de vista, percepciones como “los hombres son malos” o “hay que sufrir para conseguir lo que se quiere” seas consciente de ellas o no. Estas ideas asentadas en tu mente están limitando tu capacidad de recibir mucho más de esta vida. ¿Y qué se siente después de que esas barras sean activadas en una sesión de Access Bars? El primer síntoma suele ser una relajación profunda como casi nunca antes se ha experimentado. Muchas personas se duermen durante la sesión, otras entran en un estado de entresueño, en el que parecen dormidas pero están conscientes. En este estado de la mente, el inconsciente comienza a soltar y eliminar la basura acumulada durante años de forma suave y placentera. El segundo síntoma suele ser una sensación de paz y claridad mental, muy poco común para la mayoría de las personas. En los días siguientes a la sesión te envuelve un sentimiento de mayor seguridad y confianza en ti mismo, mayor creatividad, más soltura y alegría a la hora de relacionarte, y más placer y dinamismo en cuanto a lo físico se refiere. ¿Y a todo el mundo le pasa lo mismo? No, esto es lo que la mayoría describimos, en algunos casos la experiencia ha sido incluso mejor ¿Quieres saber qué más sucede tras una sesión? Los pensamientos limitantes y juicios que habitaban tu cabeza comienzan a desaparecer. Dejas de actuar en función del pasado o del miedo al futuro para vivir plenamente conectado con el presente. Lo que antes creías que era difícil o imposible sucede con menos o ningún esfuerzo de tu parte. Las posibilidades infinitas empiezan a mostrarse en tu vida y por primera vez en años vuelves a tener posibilidad de elección (real), no de elegir en base a tus pensamientos o sentimientos viejos y obsoletos que te limitaban, sino en base a tu conocimiento del momento presente. Access Bars es el inicio de un cambio de paradigma y una forma diferente de obrar en el mundo. Resulta tan fácil que parece mentira, lo sé, y tan profundo que deja boquiabierto a más de una persona, pero cuando lo experimentes entenderás de lo que hablo. LA PLATA - BUENOS AIRES - ARGENTINA (mayor parte del año) SANTIAGO - CHILLAN - CHILE (consultar) NYC - EEUU (Sept 2020)

HTML5 Events This Week

Discover what is happening in the next few days

W3 @ Bierlife
W3 @ Bierlife
Vengan con ganas de tomar buena cerveza.
🍻NETWORKING en PALERMO - 🌍 Compartí y Conectá
🍻NETWORKING en PALERMO - 🌍 Compartí y Conectá
👉🏼**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!
Spanglish Thursday Language Exchange Palermo - Every Thursday
Spanglish Thursday Language Exchange Palermo - Every Thursday
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.
Mundo Lingo Buenos Aires - Palermo Soho
Mundo Lingo Buenos Aires - Palermo Soho
100s of people from around the 🌎 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](http://x.MundoLingo.com)
Mundo Lingo Buenos Aires - Palermo Hollywood
Mundo Lingo Buenos Aires - Palermo Hollywood
100s of people from around the 🌎 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 👉 http://x.MundoLingo.com
Mundo Lingo BA - Parla Italiano
Mundo Lingo BA - Parla Italiano
::: English ::: We gather to practice Italian in the afternoon! The idea is to share among natives and students, of all levels! \- If you want to participate\, just come on Friday\, at 7PM willing to chat in Italian language\. \- Entrance is free\. \- You pay for your drinks\. Thank you all, we hope this becomes a space of practice, but mainly of pleasant encounters. ::: Castellano ::: Nos reunimos a practicar Italiano por la tarde! La idea es compartir entre nativos y estudiantes, de todos los niveles! \- Si querés participar\, solo basta que vengas el viernes a las 19hs con ganas de conversar en idioma italiano\. \- La entrada es gratuita\. \- La consumición corre por cuenta de cada participante\. Gracias a todos, esperamos que sea un espacio de práctica, pero por sobretodo, de gratos encuentros. ::: Italiano ::: Ogni terzo giovedì del mese, ci troviamo per parlare insieme in italiano durante un aperitivo dedicato esclusivamente alla lingua del Belpaese! \- L'incontro si svolge dalle 19 alle 21 al bar Growlers \(Olleros 3750 \- Chacarita\) e l'ingresso è totalmente gratuito\! \- Durante la serata sarà anche possibile ordinare al bar qualcosa da bere o da mangiare\. \- Parteciperanno tanto italiani madrelingua come persone di ogni nazionalità\, che studiano l'italiano o sono interessate a migliorare il loro livello di conversazione\. \- L'ambiente informale\, rilassato ed amichevole sará quello tipico di Mundo Lingo\, non solo si potranno scambiare quattro chiacchere in italiano ma nasceranno sicuramente anche tante amicizie\! Poi dalle 21 in poi sarà possibile continuare partecipando alla serata normale di Mundo Lingo!
Make Friends: Not Small Talk - Deep talks & Coffee | 🌎Culture Shock Therapy
Make Friends: Not Small Talk - Deep talks & Coffee | 🌎Culture Shock Therapy
SPANISH VERSION BELOW 👇 **☕ Culture Shock Therapy – Deep Conversation / Coffee Talk** Some conversations change your day. Some change your life. Every Sunday we create a space for meaningful conversations about life, emotions, culture, psychology, relationships, and the things we usually don’t talk about in normal social events. 📍 Tienda de Cafe Italiano – Perón 4233, CABA 🕕 Every Sunday \| 18:00 – 20:00 🎟 Entry: 5,000 ARS (≈ 5 USD) **What you can expect:** • Deep questions • Social dynamics • Interactive games to feel comfortable • Open-minded people • Respectful environment • Coffee, ideas, and connection You don’t need to be an expert. You just need to be honest. This is not small talk. This is real conversation. Follow us on Instagram: [https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy) ━━━━━━━━━━━━━━━━━━━━ VERSIÓN EN ESPAÑOL 👇 **☕ Culture Shock Therapy – Deep Conversation / Coffee Talk** Algunas conversaciones te cambian el día. Otras te cambian la vida. Cada domingo creamos un espacio para conversaciones con sentido sobre la vida, emociones, cultura, psicología, relaciones y todo lo que normalmente no se habla en eventos sociales comunes. 📍 Tienda de Cafe Italiano – Perón 4233, CABA 🕕 Todos los domingos \| 18:00 – 20:00 🎟 Entrada: $5.000 **Qué podés encontrar:** • Preguntas profundas • Dinámicas sociales • Juegos para que todos se sientan cómodos • Gente abierta • Ambiente respetuoso • Café, ideas y conexión No necesitás ser experto. Solo necesitás ser auténtico. Esto no es charla superficial. Es conversación real. Seguinos en Instagram: [https://instagram.com/culture.shocktherapy](https://instagram.com/culture.shocktherapy)

HTML5 Events Near You

Connect with your local HTML5 community

HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
From Web Forms to Web Components - Burton Smith
From Web Forms to Web Components - Burton Smith
**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA
Columbus PHP: Monthly Meetup
Columbus PHP: Monthly Meetup
Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
COhPy Monthly Meeting
COhPy Monthly Meeting
**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com
DoJo (Informal Python Meeting)
DoJo (Informal Python Meeting)
**New Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)