Web Performance

Looking for some laughs to shake off the Monday blues? Come join us at **The Clubhouse: Laietana** at **7:30pm every Monday** to start your week with a spark! Come by early to get your seat and to grab a drink and some comfort food from Nikki's to enjoy during the show. 🔥Coming in Hot 🔥 is a **fun** **&** **free** **open mic comedy** show in Barcelona featuring hot new material from a curated lineup of local and traveling comedians. Hosted by BCN-based comedians Clarice and Maggie, Coming in Hot serves up fresh jokes, fire comedians, and a room ready to ignite. Follow us at **@cominginhot.comedy** and reach out if you’d like to perform! **Coming in Hot** * **Mondays 7:30pm** * **Free** * **English** * **Stand-up comedy open mic** * **The Clubhouse: Laietana** * **@cominginhot.comedy** More info (reserve your spot or just show up!) https://thecomedyclubhouse.es/events/coming-in-hot-open-mic-monday/

https://barcelonacodeschool.com/backend-development-with-node-express-mongodb/ ## Learn how to build servers and work with a database! * Intensive in-person hands-on training * 1 week of hardcore back-end coding * Daily classes 9:00 to 18:00 * The course is taught in English * From zero to 👸 and 🤴 * 15% theory / 85% practice / 100% efficiency ## What you'll learn * Overall concept * Set up * Exporting and importing * Working with npm * Structuring your server * Routes and controllers * Passing data via params and body * HTTP requests * Serving static content * HTTP Status Codes * Using Postman for a development * Persistent storage with MongoDB * Runing MongoDB locally and remotely * Mongoose * Handling errors * Deployment ## Prerequisites Solid understanding of JavaScript logic and syntax; functions, loops, conditionals, arrays, objects. ## The outcomes After this course you will have a strong understanding of the **logic**, **syntax** and **usage** of Express and back-ends in general. You will be able to build Express servers from scratch and have progress further into the depths of back-end development.

Bienvenido a EAT & MEET. Los eventos donde todos los lunes en KCN sacamos nuestra vena más #foodie y la combinamos con el #networking. Si eres de Barcelona o alrededores o vas a estar por aquí con la intención de hacer negocios, emprender y dar a conocer tu proyecto entre empresarios de la zona queremos invitarte a un evento que marca la diferencia. Maridajes, comidas, cenas y desayunos con un elemento común. Hacer negocios y ampliar tu red de contactos. Los EAT & MEET son encuentros empresariales donde puedes crear sinergias que aceleren y hagan crecer tu proyecto en un entorno distendido. Distendido pero profesional. Nuestro objetivo es salir de los despachos y las reuniones impersonales de Zoom y hablar cara a cara contigo. Por eso este Tardeo de Networking del 13 de abril para profesionales. En este evento te ofrecemos la oportunidad de participar en un tardeo de negocios. Todo esto maridado no solo con buena compañía sino con una oportunidad de crecer. Nuestros EAT & MEET causan furor entre los socios. Regístrate en el enlace para reservar tu plaza: https://app.clubdenetworking.es/event/tardeodenetworkingbarcelonasants13deabril-zbownu88/FLobera

[Join our new Whatsapp Group for the latest updates!](https://chat.whatsapp.com/ELiOKSbxIn99mRuydBOKqm) This Monday we’re hosting a **free Bachata I class for beginners**, followed by a **level 2 class** which is paid and optional. Whether you’ve never danced before or just want to refresh the basics, this night is designed to be open, fun, and completely beginner-friendly. *** ### 🕖 Schedule **20:00 – Doors Open** Arrive, grab a drink, meet other dancers, and get ready for the class. **20:15 – Bachata I Class** We start with Bachata fundamentals, focusing on simple steps, partner work, and building confidence on the dance floor. **21:00 – Bachata II Class** *** **About the teacher Devon Katrina** I am a multi-disciplinary dancer, singer, and actor, born and raised in Los Angeles. I was raised by a family that loves to travel and explore the art and music of the world which inspired me to pursue ethnomusicology and world arts and culture. I studied World Arts and Culture at Santa Monica College, and UCLA. I have danced in movies, tv shows, arenas, and music videos for some of the top artists in the world, including CNCO, Pee Wee, Jon Z, Eladdio, YBN Nahmir, Happy Singh, and Midnight Sister. I was featured dancing Flamenco in the third meet the parents film “Little Fockers.” I have taught at studios all over LA, including SoHo Dance, and Liz Lira dance academy. For 7 years I taught for my mentor at Liz Lira dance Academy in Culver City I moved to Barcelona in 2023 to pursue my deep love of Bachata Sensual I taught and performed at the Vancouver Salsa, Bachata, Kizomba festival. I taught and performed Latin Burlesque at the Los Angeles Hustle Congress. I performed for over 50k people with the band Quitapenas at the Los Angeles Afro Latino Dance Festival at Grand Park DTLA. I started my own Heels troupe called “Les Femmes Fatales” in 2021 that performs my choreographies all over LA, in places such as The Granada, The Victorian, Townhouse and the Del Monte Speakeasy, the Warehouse and more. @devonkatrina ### What to expect You can come alone, many people do, and you’ll always find someone to dance with. Of course, bringing a friend makes it even more fun. The first class is **free**, and at the end of the session there will be the option to continue the next level that is **paid**. We also encourage everyone to support the venue by grabbing a drink and enjoying the atmosphere. Come for the class, stay for the social, and leave with new moves and new connections

Are you looking to improve your **public speaking**, develop **leadership abilities**, and practice both **English and Spanish**? Join our **bilingual** Toastmasters Club in Sant Cugat—a **supportive**, **dynamic** environment where you can grow your **skills** and **confidence** 💪. You’re invited to **visit our sessions as a guest**—get to know who we are, how we work, and most importantly, **enjoy** the experience! 📍 **Location:** **[Casa de Cultura Sant Cugat](https://maps.app.goo.gl/xQiYhaPfHYFdQt6R7)** (2nd floor – Aula Polivalent 2) 🕢 **Time:** Doors open at 19:15, session starts promptly at 19:30 **📧 RSVP:** Please email us at **[toastmasterssantcugat@gmail.com](http://toastmasterssantcugat@gmail.com)** to **confirm** your attendance. We’ll send you the agenda and all the details you need to make the most of your visit. 🔗 **Follow** us on LinkedIn: **[Toastmasters Sant Cugat Barcelona](https://www.linkedin.com/company/toastmasters-sant-cugat-barcelona/)** 📅 **Explore** our upcoming meetings: **[santcugat.tmclub.eu](http://santcugat.tmclub.eu/)** We look forward to welcoming you!

🏴 English (Español abajo) 🇪🇸 🔥 JOIN OUR TELEGRAM GROUP FOR EXCLUSIVE VIDEOS! 🔥 🔗[ https://t.me/+pUvxK2s7eDNmMjA0](https://t.me/+pUvxK2s7eDNmMjA0) 🥊 FREE VIDEOS MUAY THAI COURSE FOR BEGINNERS 🥊 👉[ www.emthaiboxing.com/course-muay-thai-beginner](http://www.emthaiboxing.com/course-muay-thai-beginner) Are you into Muay Thai, breathwork, meditation, or Strength & Conditioning? Come train with certified Thai Boxing coaches, fighters, and Wim Hof & meditation instructors. **⚡ YOUR FIRST CLASS:** Arrive **15 minutes early!** 📌 **Fill out** the form & message **Elea (+34 645 04 66 64)** on **WhatsApp.** 🚫 **No confirmation = No training.** 🎇 **BEFORE your first class, complete this form:** 📋[ https://forms.gle/Hz7PEyB3JBKTzCdV9](https://forms.gle/Hz7PEyB3JBKTzCdV9) ‼️ IMPORTANT: If you don’t confirm via WhatsApp, you won’t train! ‼️ **📲 More info:** 🌍[ https://emthaiboxing.com](https://emthaiboxing.com) 🎥[ https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos](https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos) 📸[ https://instagram.com/emthaiboxing](https://instagram.com/emthaiboxing) **📞 Contact Elea (+34 645 04 66 64)** \*\*\* 🇪🇸 Español (English above) 🏴 🔥 ÚNETE A NUESTRO GRUPO DE TELEGRAM PARA VIDEOS EXCLUSIVOS! 🔥 🔗[ https://t.me/+pUvxK2s7eDNmMjA0](https://t.me/+pUvxK2s7eDNmMjA0) 🥊 CURSO GRATIS DE MUAY THAI PARA PRINCIPIANTES 🥊 👉[ www.emthaiboxing.com/course-muay-thai-beginner](http://www.emthaiboxing.com/course-muay-thai-beginner) ¿Te interesa el Muay Thai, la respiración, la meditación o el acondicionamiento físico? Entrena con entrenadores certificados de Muay Thai, luchadores y coaches de Wim Hof & meditación. **⚡ TU PRIMERA CLASE:** ¡Llega **15 minutos antes!** 📌 **Rellena** el formulario y contacta por WhatsApp con **Elea (+34 645 04 66 64).** 🚫 **Si no confirmas, NO entrenas.** **🎇 ANTES de tu primera clase, completa este formulario:** 📋[ https://forms.gle/Hz7PEyB3JBKTzCdV9](https://forms.gle/Hz7PEyB3JBKTzCdV9) ‼️ IMPORTANTE: Si no confirmas por WhatsApp, NO podrás entrenar. ‼️ 📲 Más info: 🌍[ https://emthaiboxing.com](https://emthaiboxing.com) 🎥[ https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos](https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos) 📸[ https://instagram.com/emthaiboxing](https://instagram.com/emthaiboxing) **📞 Contacto Elea (+34 645 04 66 64)**

**Small Vocal Lab — Explore Your Voice in an Intimate Setting (Max 4 people)** Your voice is more than technique — it's expression, presence and connection. In this small and intimate vocal lab in Sarrià, we’ll explore the voice as a living instrument: connecting breath, body and sound in a supportive and playful environment. I’m a singer-songwriter and vocal performance coach based in Barcelona, and this space is designed for people who want to explore their voice with curiosity — whether you sing regularly or simply feel drawn to expressing yourself through sound. Each participant receives individual guidance within a small group setting (max 4 people). During the lab we’ll explore: • Breath & body connection • Vocal freedom & projection • Presence and confidence through sound ✨ No experience required ✨ Open to singers, creatives and curious voices 📍 Private studio in Sarrià (Carrer d'Amigó 42) 🕒 17:30 – 18:45 👥 Only 4 spots available This event is donation-based. If you feel inspired and would like to support the space, contributions are welcome (Bizum / Revolut / Cash). more about me: wwwmorenomike.art Instagram(new) @vocal.lab.bcn

**[GRAB YOUR TICKETS ON OUR WEBSITE](http://www.barcelonaimprovgroup.com/shows)** Welcome to a joyful night where you can watch and play your favourite short form improv games, and some you haven’t seen yet. Laugh & play together in a supportive environment open to improvisers of all levels, as well as those who just want to come along and watch the magic happen! **8:30pm** Doors & Bar open **9:00pm** Jam Starts **Tickets:** Early Bird **8€** *(book by Thursday)* General **10€** Group Ticket **55€** *(for groups of up to 8)* *\*30% discount for current students of BIG*

El "Taller de agentes IA con AI Studio y Gemma 4", será realizado por el Google Developer Expert Víctor Sanchez (lead organizer del GDG Mallorca) y por Andreu Ibáñez (lead organizer GDG Spain y GDG Lleida), y consistirá en la formación con los sistemas agénticos más modernos que se encuentren disponibles en el momento, ya que esto es una locura y todo evoluciona muy rápido. Previo al taller Andreu nos introducirá brevemente al mundo de los agentes, y su evolución en los últimos meses, para después pasar a la parte práctica de la mano de Víctor. Durante el taller haremos redeem de códigos gratuitos entregados por Google Cloud/Google Developers, para montar una VPS (servidor remoto privado y virtual) donde instalaremos un sistema dockerizado y un agente Hermes, que está comiendo el paso a OpenClaw, y que seguro en breve tendrá competencia. Este agente de IA estará conectado al último modelo de Gemma 4 disponible, lo que nos permite ejecutar instancias locales según el hardware de que dispongamos. La instalación se realiza con Docker, consiguientemente cualquier entorno o tipo de sistema operativo sirve (Windows, Linux, Mac). Y no te preocupes si nunca lo has usado, Víctor te enseñará :) Los asistentes deberán traer su laptop bien cargado y tener conectividad propia vía su propio móvil haciendo de hotspot, ya que no podemos garantizar el caudal para todo el mundo vía wifi. El taller en resumen enseñará a los asistentes a crear la VPS en Google Cloud, instalar el agente Hermes dockerizado y hacer pruebas con un modelo open source Gemma 4. La aplicación de este sistema ya dependerá de cada cual, ya que al ser Gemma 4 multimodal, las aplicaciones son infinitas. De su web: Gemma 4 introduces key capabilities and architectural advancements: Reasoning – All models in the family are designed as highly capable reasoners, with configurable thinking modes. Extended Multimodalities – Processes Text, Image with variable aspect ratio and resolution support (all models), Video, and Audio (featured natively on the E2B and E4B models). Diverse & Efficient Architectures – Offers Dense and Mixture-of-Experts (MoE) variants of different sizes for scalable deployment. Optimized for On-Device – Smaller models are specifically designed for efficient local execution on laptops and mobile devices. Increased Context Window – The small models feature a 128K context window, while the medium models support 256K. Enhanced Coding & Agentic Capabilities – Achieves notable improvements in coding benchmarks alongside native function-calling support, powering highly capable autonomous agents. Native System Prompt Support – Gemma 4 introduces native support for the system role, enabling more structured and controllable conversations. Aunque el taller es gratis, el local exige un consumo mínimo por persona de una pizza y una bebida, aprox 14 €. Agenda --- Hosted By Andreu Ibanez, GDG Organizer Andreu Ibanez is Google Developers Group Lleida Founder and lead organizer, Co-organizer at GDG Spain, mentor admin and speaker in the Google open source programs Google Summer of Code and Google Code-in. Director TIC Laboratories at the Scientific Park of Lleida, Spain. where he funded in 2010 the Liquid Galaxy LAB, a Google GEO projects LAB, and now also runs the Artificial Intelligence LAB and LleidaDrone LAB. Advisor at tech startups in different areas such as BIM modeling, e-sports, and others. He's Founder and President LleidaDrone, one of the oldest drone technology associations in Spain with more than 70 different drone events developed. Claudia Diosan, Fullstack developer I am a GDG Lleida member, a WTM Lleida Lead and I was selected as a student of Google Summer Of Code Intership 2019 and 2020 developing a social project for the Liquid Galaxy Lleida Project. Victor Carreras Jimenez, Mobile Lead Con más de 7 años inmerso en el desarrollo móvil, Victor Carreras ha evolucionado desde sus inicios como desarrollador y escalado con maestría roles clave, consolidándose como líder técnico, arquitecto y desarrollador integral hasta su rol actual como Arquitecto y CTO de Movilidad en DCX en Capgemini donde lidera equipos especializados en Flutter, Android e iOS contribuyendo al éxito de proyectos de envergadura. Fuera de la oficina, Victor es una figura activa en las comunidades de Google, participando como speaker y mentor en eventos de Flutter. Su compromiso educativo se refleja también en su blog personal, donde comparte conocimientos valiosos y perspectivas sobre las últimas tendencias en desarrollo móvil, inspirando a la comunidad tecnológica cada semana. Con una combinación única de liderazgo, experiencia técnica y contribución comunitaria, Victor Carreras Jimenez es un referente en el emocionante mundo del desarrollo móvil. Yash Raj Bharti, Senior Mentor I'm a Senior Mentor of Google Summer of Code at Liquid Galaxy, founded by Google in 2008, and the maintainer of Liquid Galaxy Project Website. I have completed my bachelor's and master's from IIT BHU, where I dived into the realm of User Experience. I Innovated the First Ever UX solution to control Google Earth using Google Maps to solve Mercator Projection zoom levels. I am a Speaker & Mentor Delegate of the Liquid Galaxy, invited by Google on October 2024 at the Sunnyvale, CA Google Campus. Paula Vidal Pascual, Lead organizer Aerospace Engineering student at TU Delft. Víctor Pérez Jiménez, Organizer building, breaking and fixing software • engineer • GDG organizer • prev. New Relic & RevenueCat • padel & chess rookie • aspiring polyglot Óscar Carrasco, Lead organizer and mentor Hello, world! Josep Sert, Lead organizer Alba Montoya Mostany, Lead organizer Miquel Gibert, Lead Organizer, senior mentor Complete your event RSVP here: https://gdg.community.dev/events/details/google-gdg-lleida-presents-taller-de-agentes-ia-con-ai-studio-y-gemma-4-roadtrip-buildwithai-parada-1-gdg-barcelona/.

😀 Ponente: * Xavier Champer 🤓 Nivel / Temática: * Principiante / Medio * Mantenimiento ⏰ Horario: * 18:30 Bienvenida / Presentación * 18:35 Charla * 19:15 Preguntas * 19:30 Networking * 20:00 Cierre Mantener una web en WordPress parece sencillo: actualizar plugins, temas y listo. Pero con el tiempo aprendes que no es tan simple. En esta sesión compartiré lo que he aprendido tras años gestionando webs reales: errores que he cometido, problemas que me he encontrado y el sistema que utilizo hoy para mantener WordPress de forma segura y profesional. Veremos: * Qué herramientas facilitan el trabajo * Cómo preparar una web antes de tocar nada * Cómo convertir el mantenimiento en un proceso y no en una improvisación Será una sesión práctica, cercana y pensada para que puedas aplicar lo aprendido tanto si gestionas tu propia web como si trabajas con clientes. \-\-\-\- En la zona suele ser complicado aparcar a la hora del evento. Tenéis un [parking gratuito relativamente cercano](https://www.google.es/maps/place/Parking+P%C3%BAblic+Gratu%C3%AFt/@41.5488728,2.0179276,494m/data=!3m1!1e3!4m6!3m5!1s0x12a492f9fb7faed5:0x9145ade091b72c20!8m2!3d41.5481186!4d2.0178386!16s%2Fg%2F11f3qx9djn?entry=ttu&g_ep=EgoyMDI0MTIwMy4wIKXMDSoASAFQAw%3D%3D) (unos 10') en el que suele haber sitio.

\-\-\-\-\-This edition of MCP Connect is hosted by **Glovo**. **Please register [here](https://luma.com/km48w4jb)!-----** Join us at **Glovo’s HQ** for another edition of MCP Connect. MCP Connect is for developers, practitioners, researchers, and enthusiasts working with the Model Context Protocol and AI agents. We share best practices, new tools, and real-world use cases for building MCP servers and integrating them into agentic workflows. Whether you are building MCP servers for your internal or external use cases or just exploring how agents connect to applications, MCP Connect is a place to exchange ideas, learn, and help shape the future of AI workflows. **Agenda** **6:00 PM - Welcome.** Doors open, perfect to meet other guests! **6:30 PM - Talks** * [Pierre-Louis Theron](linkedin.com/in/theronpl/?utm_source=luma), Co-founder & CEO of [Alpic](https://www.linkedin.com/company/alpic-ai/?utm_source=luma) * [Raphael Cantafaro](https://www.linkedin.com/in/raphacantafaro/), Principal Product Manager, and [Daniel Sandoval Cervelló](linkedin.com/in/daniel-sandoval-cervello/?utm_source=luma), Engineering Manager, at [Glovo](https://www.linkedin.com/company/glovo-app/posts/?feedView=all) * [Toby Oliver](https://www.linkedin.com/in/toby0/), CEO at [Encore Design](https://www.linkedin.com/company/encore-design-ai/?utm_source=luma) **7:30 PM - Networking**

**THE ACTOR'S INSTRUMENT** is a weekly practice dedicated to developing the actor's primary tool: **the self** **THIS WORK FOCUSES ON:** Presence, responsiveness, imagination and the ability to act truthfully under imaginary circumstances. **IT IS NOT ABOUT PERFORMANCE or RESULT.** **IT IS ABOUT PROCESS, AWARENESS, AND AVAILABILITY** **THE WORK:** * Through structured exercises and guided exploration, actors train: * Attention and concentration * Physical and Vocal awareness * Emotional availability * Imagination and impulse * Connection to partner and enviroment **THE WORK IS ACTIVE, PRACTICAL AND ROOTED IN DOING.** **THE APPROACH:** This is a safe space to practice, not presentation. **Actors are invited to:** * Let go of fixed outcomes * Work moment to moment * Explore without forcing results * Develop sensitivity to impulse and response * The aim is to build an instrument that is awake, responsive and precise. **WHO THIS IS FOR:** * Actors at any stage of their development * Artists interested in deepening their craft * Those looking for a consistent, focused practice **STRUCTURE:** Sessions are * Guided * Participatory * Process-oriented Work may include solo exercises, partner work and group exploration.

💘 **¡Conoce gente nueva!** Únete a nuestro **Speed Dating** en Barcelona: encuentros cara a cara organizados por grupos de edad. ✨ **¿Cómo funciona?** 🪑 Las chicas se sientan, los chicos rotan con una media de 7 minutos. ⏳ Duración: 1:30h. Tendrás una media de 10-12 citas. 💌 Al final, vota si te interesa alguien. Si hay **match**, ¡os pasamos el contacto! 📅 **Horarios:** * Registro chicas: 20:00h * Registro chicos: 20:15h * Evento: 20:30-22:00h 👥 **Grupos de edad:** 29-38 / 39-48 / 49-58 años 📲 **Reserva tu plaza aquí:** 👉 [Bedazzling.es/speed-dating-barcelona/](https://bedazzling.es/speed-dating-barcelona/) 📌 **Nota importante:** La inscripción es válida solo a través de la web y según disponibilidad. ¡No es válida la inscripción aquí en la app! Solemos reunir a una media de 70 personas por evento, hay mucho más de lo que ves aquí, esta app es solo uno de los muchos canales de comunicación de nuestros eventos. 📞 **Dudas? Escríbenos al WhatsApp:** 630001421 🎉 ¡Te esperamos para una noche llena de emociones!

Interested in seeing what The Alliance has been working on in 2026? Come be our practice audience as we prepare to sing at JAD/CAR Preliminary Contest! We will be debuting our brand new contest set, and you won't want to miss it! Our chapter quartets, Intermission Quartet and Coffee Talk will also be performing! This is a free event!

**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 You will need to scan your ID at the door to get a visitor badge. **Abstract** GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise. We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration. Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team. **YouTube Link** TBD

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

Let’s try this popular Italian restaurant in Reynoldsburg. This is the menu: https://scaliristorante.com/#4e468054-0235-43e2-81c2-44e061341e9e

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

**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: This month Chris Pazsint will be talking about Agentic Coding. How does one use CLI Based Agents, and Agentic IDEs such as Cursor, Kiro, Antigravity? How to include agentic coding plugins for IDEs you already love such as Visual Studio Code. 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

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