Développement web

En este encuentro trabajaremos con **conversaciones reales**, de esas que a veces evitamos, postergamos o atravesamos con tensión. Es un espacio de **práctica colectiva**, donde miramos **cómo hablamos, cómo escuchamos y qué efecto tienen nuestras palabras**. **✅¿Cómo será el encuentro?** * Trabajo en grupo * Casos reales aportados por los participantes * Sin juicios, sin consejos rápidos, sin recetas La propuesta es **entrenar la mirada**: detectar qué acerca y qué aleja en una conversación, y qué nos pasa cuando la compasión se pierde. **✅¿Para quién es?** * Personas que atraviesan conversaciones difíciles en su vida personal o laboral. * Líderes, profesionales, emprendedores o cualquier persona interesada en comunicarse mejor. 👉🏼**Valor:** * Miembros **Meetup**: **$6,000 ✅** * Miembros **Club de Liderazgo**: $4,000 (únete en [club.exoliderazgo.com](club.exoliderazgo.com)) *\*El valor incluye acceso al encuentro. NO incluye consumición.* **Facilitador**: Esteban Coluccio, Coach Ontológico Certificado (ICF) Lic. en Administración, Magister en Finanzas, ex Director Financiero de IBM. Realizó cursos de Liderazgo en Armonk, New York - San Pablo, Brasil, entre otros. 👉🏼Para mantenernos conectados, te invito a seguirme 📱[Instagram](https://www.instagram.com/exoliderazgo)

Join our **Night Crawl**! We´re planning an unforgotable night to make great memories and friendships ⚠️ NEW: The tour is for people aged 25 or older. If you’re younger you can join on Fridays (write us for more details) ITINERARY: 8:30 PM to 10:00 PM: First bar with complimentary pizza 10:00 PM to 11:30 PM: Second bar with a welcome shot 11:30 PM to 1:00 AM: Third bar with a welcome shot 1:00 AM to 7:00 AM: Nightclub with priority entrance We have a [group chat](https://chat.whatsapp.com/EYUV7su8YvxKFK6JPX5Lli?mode=gi_t) to meet others attending ️ How to get the entrance? - On [Passline](https://www.passline.com/eventos/nightcrawl-496024) - At the first venue with cash or card If you buy it before Saturday, it’s cheaper ✨ What is included? - Pizza in the first bar - A shot in the second and third bar - Club entry without queue - Games to meet other friends - The best energy to make it an unforgettable night See you! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- ¡Únete a nuestro Night Crow! Estamos planeando una noche inolvidable para crear grandes recuerdos y amistades ⚠️ NUEVO: El tour es para mayores de 25 años. Si eres menor, puedes unirte los viernes (escríbenos para más información). ITINERARIO: 20:30 a 22hrs: Primer bar con bandejeo de pizza incluido 22 a 23:30hrs: Segundo bar con shot de bienvenida 23:30 a 1am: Tercer bar con shot de bienvenida 1am a 7am: Club nocturno con entrada preferencial Hay un [chat grupal](https://chat.whatsapp.com/EYUV7su8YvxKFK6JPX5Lli?mode=gi_t) para conocer a otros asistentes ️ ¿Cómo conseguir la entrada? - En [Passline](https://www.passline.com/eventos/nightcrawl-496024) - En el primer bar, en efectivo o tarjeta ✨ ¿Qué incluye? - Pizza en el primer bar - Un shot en el segundo y tercer bar - Entrada al club sin filas - Juegos para conocer gente - El mejor ambiente para una noche inolvidable ¡Nos vemos!

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)

**COUCHSURFING BA – Distrito Federal Fridays** 📅 Every Friday ⏰ From 21:00 📍 Distrito Federal, Honduras 5608, Palermo, Buenos Aires The weekly meeting point for travelers and locals who want to share languages, travel stories, and a great night out. Expect an easy-going crowd, good music, and a party that keeps going. ✨ What to expect * Multilingual crowd (stickers to show your languages) * Travel-story ice-breakers * International playlist * Free entry Come solo or with friends – everyone’s welcome. RSVP here and we’ll save you a spot. *** **COUCHSURFING BA – Distrito Federal Fridays** 📅 Todos los viernes ⏰ Desde las 21:00 📍 Distrito Federal, Honduras 5608, Palermo, CABA Punto de encuentro semanal para viajeros y locales que quieren compartir idiomas, historias de viaje y una buena noche. Buena onda, música variada y fiesta hasta tarde. ✨ Qué encontrarás * Grupo multilingüe (etiquetas para mostrar idiomas) * Dinámicas para compartir historias * Playlist internacional * Entrada libre Ven solo o acompañado – todos son bienvenidos. Confirma asistencia y guardamos tu lugar.

# Mate Club – Language Exchange en 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 🧉 📩 Consultas: mateclubdeconversacion@gmail.com ***\* It's important to note that the people who RSVP through Meetup are often new, so they don't necessarily reflect the actual number of regular attendees.\****

Saldremos a navegar en mi velero desde mariana Puerto Norte (ubicada en Palermo, frente a aeroparque Jorge Newbery) Av. Rafael Obligado 4899. IG: velebaires https://youtu.be/S5EjxJGS15Q El precio por persona es de $20.000. Soy instructor de náutica, si quieren les puedo enseñar a navegar. Realice el curso de Piloto de yate (habilitación que permite cruzar Oceanos) * No necesitas tener experiencia. * En caso de lluvia, se suspende. * Trae ropa cómoda, nada en especial. * Sugerimos llegar 10 minutos antes de la salida. * Cupos disponibles por orden de llegada. * No incluye comida ni bebidas. Puedes traer lo que quieras (no están permitidas las bebidas alcohólicas) * La serie de mi velero tomó fama por su seguridad y fortaleza, ya que cruzó el Océano Atlántico y navegó de Ushuaia al Polo Norte ida y vuelta. Nos reunimos en la entrada del Puerto.

**IMPORTANTE**: El evento transcurre en el parque, que es grande; y si el clima lo requiere en algún café cercano. Por tal motivo se recomienda ingresar al grupo de **Whatsapp** para acceder a la ubicación exacta y actualizada: https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa **IMPORTANT:** The meeting is in the park, that is quite big; and in case of raining in a nearby Cafe. Because of that, is highly recommended to join the WhatsApp group in order to know the precise and uploaded location: https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa 🏛️ **¿DE QUÉ SE TRATA FILOSOFÍA PRÁCTICA?** Filosofía Práctica es un encuentro semanal para quienes disfrutan de conversaciones profundas, el pensamiento crítico, y la exploración de nuevas ideas. No necesitas conocimientos previos, solo curiosidad y ganas de compartir. Cada semana abordamos un tema distinto, practicando la comunicación y construyendo una comunidad de personas reflexivas. 📓 **¿CÓMO FUNCIONA?** * Compartimos el tema de la semana en nuestro grupo de WhatsApp con algunas preguntas guía. * Nos reunimos a las 14:00, comenzando con una charla informal antes de la discusión. * Conversamos en grupos pequeños para que todos puedan participar. * Al final, cada grupo comparte sus conclusiones y cerramos la sesión alrededor de las 16:00. 🧧 **¿CUÁNTO CUESTA?** ¡Es completamente gratis! Si nos reunimos en un café, solo pedimos que apoyes el lugar comprando una bebida. Algunas sedes alquilan un espacio y pueden solicitar donaciones voluntarias, pero no es obligatorio. 💛 **LO QUE DICEN** 🗣 “Siento que Filosofía Práctica te ayuda a construir tu propio sistema de creencias a través de diversas perspectivas, sin imponer lo que está bien o mal.” – Ekam 🗣 “Desde la primera vez que asistí (el tema era autoridad), supe que este era mi lugar. Me encanta cómo nos desafía a cuestionar diferentes puntos de vista, fomentando la apertura y la flexibilidad mental.” – Daniel 🗣 “Siempre quise tener este tipo de conversaciones, pero nunca encontré el espacio adecuado… hasta ahora. La gente, los temas, los debates abiertos… todo hace que sienta que pertenezco aquí.” – Sofía 🤓 **PREGUNTAS FRECUENTES** 📌 **¿Debo estudiar antes de asistir?** – No es necesario. Nos interesa saber *qué piensas tú*, no solo lo que dijeron los filósofos clásicos. Si quieres compartir ideas de alguna corriente de pensamiento, ¡adelante!, pero no es un requisito. 📌 **¿Se habla español?** – ¡Sí! Organizamos los grupos según el idioma para que todos se sientan cómodos participando. 📌 **¿Puedo ir solo/a?** – ¡Por supuesto! Muchos asistentes llegan solos y terminan haciendo grandes conexiones. 📌 **¿Dónde se reúnen?** – Compartimos la ubicación en WhatsApp y Meetup. Recomendamos unirte al grupo de WhatsApp para estar al día. ✨ **Desde 2021, Filosofía Práctica ha crecido a más de 50 capítulos en todo el mundo. ¡Únete a la comunidad!** **EL GRUPO DE WHATSAPP ES EN INGLES, CUALQUIER DUDA CONSULTE POR EL ORGANIZADOR AL INGRESAR.** 📲 [WhatsApp](https://chat.whatsapp.com/JXuUvIkBR8VKyanyUgFKWa) \| 📷 [Instagram](https://www.instagram.com/practicalphilosophyclub/) \| 🌍 [Website](https://www.practicalphilosophy.club/)

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)

Si, el titulo es un poco Bait. Ya no vamos a estar mas en Meetup, dado que la herramienta se quedo en el tiempo y es muy poca la gente que la utiliza. Ahora tenemos una comunidad en Whatsapp https://chat.whatsapp.com/I27JDtZXoPW67jkylNxnuz donde estamos organizando miles de actividades (un poco exagerado!) El espacio tiene un costo, que pueden consultar por Instagram en www.instagram.com/geekoutar o por wpp al telefono +54 9 11 2460-1608 Los esperamos!!!

mandar msj por wttsp

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

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

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

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!