Web Technology

🚀 Hey, everyone! The **largest English-speaking tech & business community from Andalucía** is now coming to Barcelona! What started as a bi-weekly morning coffee uniting like-minded entrepreneurial minds in Málaga ☕️ is expanding — and we’re bringing that same raw energy, openness, and connection to Barcelona. As always, there’s no formal agenda or moderation — just real, unfiltered conversations in English (and a bit of Spanish) 🗣️ Our focus remains the same: cultivating meaningful relationships, creating space to exchange ideas, share journeys, and learn from others building in the startup ecosystem 👥 It’s the perfect environment to test ideas, form new alliances, and spark unexpected collaborations — all over great coffee and breakfast. Let’s gather, connect, and dive into thoughtful conversations in a relaxed setting. Barcelona, we’re coming!

En **La lógica del caos**, Svetlana abre una puerta en medio del ruido del mundo. No para ordenar el caos, sino para invitarte a atravesarlo y descubrir tu propio camino.Este **espectáculo de tarot en Barcelona** propone una experiencia escénica participativa donde el público se convierte en parte activa del viaje. En tiempos donde todo parece desmoronarse, esta **experiencia escénica participativa** te sumerge en un viaje surrealista donde lo incierto se convierte en mapa, juego y revelación. Aquí el público no solo observa: **participa, decide y se adentra en un recorrido lleno de magia, humor e intuición**, donde perderse puede ser la forma más directa de encontrar algo esencial. Guiados por Svetlana —entre **magia, ironía y un humor afilado**— entraremos en un **Tarot Vivo**, un espacio escénico donde símbolos, azar y decisiones del público activan una historia irrepetible en cada función. Magia escénica, tarot interactivo, humor surrealista y participación del público se combinan en este **espectáculo de tarot en Barcelona**, una experiencia teatral única en el escenario del Teatreneu. Entradas en atrápalo o en la misma web del teatreneu

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹FREE LANGUAGE EXCHANGE IMPROVE PRACTICE cat, esp, eng, ita DANCE & DRINKS 🤩❤️🍹INTERCAMBIO DE IDIOMAS GRATIS MEJORA PRACTICA cat, esp, eng, ita BAILE & BEBIDAS MAKE NEW FRIENDS/ HAZ NUEVOS AMIGOS/AS VEN SOLO/A O CON AMIG@S Y PÁSALO PIPA HACIENDO NUEVAS AMISTADES TOMANDO UNA CERVEZA, BAILANDO Y PRACTICANDO IDIOMAS DE UNA FORMA NATURAL ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DEL CHAT PRO "GEN Y" DENTRO DE LA PLATAFORMA PATREON SINGLES BARCELONA. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

Join us for an open, friendly online meetup where we explore how AI tools can support neurodivergent people in daily life, work, creativity, and wellbeing. We’ll share experiences, discuss practical use cases, and highlight ways AI can reduce friction, increase autonomy, and create more accessible environments. Whether you’re curious, skeptical, excited, or just want to listen, you’re welcome. This is a collaborative, ND‑friendly space. -- **IA i Neurodiversitat: Descobrint Impactes Positius** Uneix‑te a una trobada en línia oberta i accessible per explorar com les eines d’IA poden donar suport a persones neurodivergents en el dia a dia, la feina, la creativitat i el benestar. Compartirem experiències, casos pràctics i maneres en què la tecnologia pot reduir friccions, augmentar l’autonomia i crear entorns més inclusius. Tothom és benvingut, tant si vols participar com si només vols escoltar. -- **IA y Neurodiversidad: Explorando Beneficios Reales** Te invitamos a un encuentro online abierto y cercano para hablar sobre cómo las herramientas de IA pueden apoyar a personas neurodivergentes en su vida diaria, trabajo, creatividad y bienestar. Compartiremos experiencias, ejemplos prácticos y formas en que la tecnología puede reducir barreras, aumentar la autonomía y fomentar entornos más accesibles. Es un espacio seguro y colaborativo, abierto a participar o simplemente escuchar.

**#Actividad de pago: ¿Te gustaría descubrir cómo residuos locales pueden transformarse** en materiales bellos y útiles para diseño y arquitectura? Te invitamos a **Del Residuo al Recurso**, un taller práctico donde exploraremos fibras vegetales, aglutinantes biodegradables, pigmentos y técnicas sencillas para crear nuevos materiales a partir de residuos de Barcelona. Nos hace mucha ilusión compartir esta experiencia en la **Nave 3 de AKASHA Hub**, un espacio muy especial para encontrarnos, experimentar y seguir conectando creatividad, materiales e iniciativas con impacto positivo. **No hace falta experiencia previa.** ¡Ven con ganas de aprender, probar y ensuciarte un poco las manos! **Inscripciones abiertas aquí:** [https://www.bagaceira.org/event-details/del-residuo-al-recurso-transformando-residuos-de-barcelona-en-materiales-para-diseno-y-arquitectura](https://www.bagaceira.org/event-details/del-residuo-al-recurso-transformando-residuos-de-barcelona-en-materiales-para-diseno-y-arquitectura?utm_source=chatgpt.com)

Show de Stand Up Comedy en el que te ofrecemos a los humoristas más cañeros del panorama actual. Cómicos conocidos que te traerán sus mejores chistes. ¡No te pierdas este show, será memorable! Aforo limitado. Consigue tu [entrada](https://www.atrapalo.com/entradas/monologos-de-l-oncle-jack_e4916901/) en Atrápalo. Precio: 7€

Join the Barcelona Cryonics Group for an insightful event delving into the world of cryonics and its role in life-extension. Connect with like-minded individuals who share an interest in pushing the boundaries of human longevity and explore the possibilities that cryonics offers in extending our lifespan.

**(CASTELLANO a continuación ⛱️ ENGLISH below)** **Senderisme a la vora del mar – dissabte 11 d'abril** La proposta d’avui: donar la benvinguda a la temporada marinera recorrent **un dels últims trams del camí de ronda de la nostra estimada Costa Brava, just abans d’arribar a la frontera francesa**. Una ruta iniciàtica i captivadora, amb **racons impressionants d’una bellesa absoluta i sorprenentment poc coneguts**. Farem una **ruta de 11 km i només 160 m de desnivell acumulat**, sortint de Llançà en direcció nord. Pel camí, un reguitzell de cales espectaculars ens esperen per relaxar-nos i carregar piles. I els més valents podrem fer el **primer bany de la temporada en la que possiblement sigui… la cala més bonica de la Costa Brava!** *(No direm el nom de la cala, que després Instagram ho espatlla tot 😉)* **Preu:** **25€ x l'excursió** **+ 15€ pel transport** (es paga directament al conductor) **= TOTAL 40€.** **Targeta *Nature Connect*... cada 10 rutes, 1 gratis!** **El preu inclou guiatge per guia titulat + assegurança d'accidents + RC... Viatja tranquil, gaudeix més!** 🥪 Què cal portar? * Picnic per dinar en ruta + mínim 1,5 L d’aigua * Calçat de muntanya i banyador 👙 i tovallola * Roba en capes (adaptable al temps) ❗️ Política de cancel·lació: * ✅ Fins a **48 h abans**: devolució del pagament (amb descompte de 5 € per gestió) o **canvi per una altra ruta** dins dels pròxims 6 mesos. * ❌ Passades les 48 h: **no es faran devolucions ni canvis**. Gràcies per la teva comprensió! 📲 Segueix-nos... * 📷 Al nostre Insta 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 a Can Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 **i uneix-te al 👉 [Grup de WhatsApp](https://chat.whatsapp.com/H8fQ4srpGthI7j1OWyuBYQ) 👈** per estar informat de properes sortides! Per a + INFO, no dubtis a contactar-me (preferiblement via **WhatsApp**) ☎️ **609 309 797 (Jordi)** \-\-\-\-\-\-\-\- 🦀 **CASTELLANO** 🐠 **Senderismo junto al mar – sábado 11 de abril** La propuesta de hoy: dar la bienvenida a la temporada marinera recorriendo **uno de los últimos tramos del camino de ronda de la Costa Brava, justo antes de llegar a la frontera francesa**. Una ruta iniciática y cautivadora, con rincones impresionantes de una belleza absoluta y sorprendentemente poco conocidos. Realizaremos **una ruta de 11 km y tan solo 160 m de desnivel acumulado**, saliendo de Llançà en dirección norte. Por el camino, nos esperan calas espectaculares donde relajarnos y recargar energías. Y los más valientes podrán darse el **primer baño de la temporada en lo que posiblemente sea… ¡la cala más bonita de la Costa Brava!** *(No diremos el nombre de la cala, que luego Instagram lo estropea todo 😉)* ℹ️ **Detalles prácticos:** * **Precio:** 25€ excursión + 15€ coche (se paga directamente al/a la conductor/a) = **Total: 40€** * **Incluye:** guía titulado, seguro de accidentes + responsabilidad civil. * **Tarjeta *Nature Connect*:** cada 10 rutas… ¡1 gratis! 🥪 **¿Qué hay que llevar?** * Picnic para comer en ruta + 1,5 L de agua * Calzado de montaña + bañador y toalla ❗️ **Política de cancelación:** * ✅ Hasta 48 h antes: devolución del pago (menos 5 € de gestión) o cambio por otra ruta dentro de los próximos 6 meses. * ❌ Pasadas las 48 h: no se realizan devoluciones ni cambios. ¡Gracias por tu comprensión! 📲 **Síguenos y mantente al día:** * 📷 En Instagram 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 En Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 Y únete al **👉 [Grupo de WhatsApp](https://chat.whatsapp.com/GnAyY0TPC259jA8FC2jIJy) 👈** para estar al día de nuestras próximas salidas **Para + INFO, no dudes en contactarme** (preferiblemente por WhatsApp) ☎️ **609 309 797 (Jordi)** \-\-\-\-\-\-\-\- 🦀 **ENGLISH 🐠** **Coastal hiking by the sea – Saturday, April 11th** **Today’s proposal: welcoming the seaside season by walking one of the last stretches of the coastal path of Costa Brava**, just before reaching the French border. An easy and captivating route, featuring **stunning spots of absolute beauty that remain surprisingly little known**. We will hike **11 km with only 160 m of total elevation gain**, starting from Llançà and heading north. Along the way, a string of spectacular coves awaits us — perfect places to relax and recharge. And for the brave ones, there will be the chance to take the **first swim of the season in what might just be… the most beautiful cove on the Costa Brava!** *(We won’t reveal the name — otherwise Instagram would ruin it 😉)* ℹ️ **Practical info:** * **Price:** €25 for the hike + €15 for car transport (paid directly to the driver) = **Total: €40** * **Includes:** certified guide + accident and liability insurance * ***Nature Connect* Card:** every 10 hikes… 1 free! 🥪 **What to bring:** * Picnic lunch + at least 1.5 L of water * Mountain/hiking shoes * Layered clothes to adapt to changes of temperature * Bathing wear ❗️ **Cancellation policy:** * ✅ Up to 48 h before: refund (minus €5 admin fee) or a transfer to another hike within the next 6 months. * ❌ Less than 48 h before: no refunds or changes. Thanks for your understanding! 📲 **Stay connected:** * 📷 On Instagram 👉 [Instagram](https://www.instagram.com/natureconnectbarcelona) * 😎 On Facebook 👉 [Facebook](https://www.facebook.com/natureconnecthikes) * 🥰 Join our **👉 [WhatsApp group](https://chat.whatsapp.com/GnAyY0TPC259jA8FC2jIJy) 👈** to stay updated on upcoming outings **For more info, feel free to contact me** (preferably via WhatsApp) ☎️ **+34 609 309 797 (Jordi)**

**Ens trobarem a tres quarts d'onze del matí (10:45 h), a la porta del Palau Robert, passeig de Gràcia 107, Barcelona 08008** Un cop apuntats, si finalment, pel motiu que sigui, no podeu venir, agrairem que us doneu de baixa. Durant l'esdeveniment, no hi ha garanties de que es contestin les trucades, ni tampoc els missatges, estarem massa enfeinats fent fotos. Recordeu que les fotos que més us agradin les podeu compartir posant-les a l'album de fotos d'aquest esdeveniment. I per als més despistats, si us plau, recordeu que això és un grup de fotografia, i que l’objectiu principal de les trobades és fer fotos.

*** **[QUÉ ES EL SOFTCOMBAT?](https://youtu.be/Essu82NpRvc)** **[¿Qué es el Jugger? | El Jugger, qué es y cómo jugarlo](https://youtu.be/dfyrlQn14oM)** **[¿Qué es el LARP?](https://youtu.be/fB3FkxDZhBA)** El Softcombat és una activitat esportiva en la qual, mitjançant armes encoixinades (conegudes com boffers), es recreen combats medievals, es practiquen jocs d'equip i s'aprenen moviments marcials de combat. El Rol en Viu consisteix a afegir-li una acció més teatral i dramàtica a aquests enfrontaments. Si t'interessa aprendre a combatre, emular les lluites de les teves pel·lícules favorites, lluitar amb espasa, subjectar un escut, dominar els secrets de l'equilibri de peus o fer fitnes d'un mode diferent; el Softcombat i el Rol en Viu són una activitat que has de provar. \*\*\* **REGLES BÀSIQUES PER AL SOFTCOMBAT** **NORMATIVA I SEGURETAT** la participació en un esdeveniment implica l'acceptació d'aquestes: Per a garantir la seguretat dels participants, totes les armes alienes a seran testades prèviament, conservant-se el dret a admissió de l'arma o de l'usuari. Com tot esport de contacte, cal anar amb compte i apel·lar sempre al sentit comú i a la companyonia, en inscriure's en la nostra comunitat, el participant o tutors del participant accepten la total responsabilitat de qualsevol mal, lesió, pèrdua... que pugui succeir dins dels entrenaments. La participació en un esdeveniment implica l'acceptació d'aquestes. 1. No estan permesos cops ni al cap ni en els genitals. 2. La/s rajo/s que subjecten l'arma fins a la nina no són blanc vàlid. 3. No es pot estocar, només colpejar amb el lateral de l'arma. 4. Abans de començar qualsevol enfrontament, cal estendre les armes, procedir a una lleugera salutació mitjançant el xoc entre aquestes. 5. Cuida del company amb el qual entrenes. Vigila la seva esquena i advertir-li de forats, arbres, altres persones o altres irregularitats en el terreny. 6. Abans d'emprar qualsevol propietat aliena, demana permís al seu propietari. Si algú trenca l'equip d'una altra persona, el propietari pot reclamar una compensació econòmica pels materials. 7. Els menors de 14 anys hauran d'anar acompanyats d'un adult responsable. Els menors de 16 anys hauran de portar un document emès per un tutor responsable, eximint de responsabilitat als Organitzadors. 8. L'Organització no es farà responsable de cap mena de lesió, mal o ferida que pugui succeir durant els entrenaments. 9. Diverteix-te i gaudeix, és un gran esport. 10. L'organització es reserva el dret a vetar la participació als qui consideri, sense haver de donar explicacions. Sobretot davant persones que hagin demostrat de manera present o passada un comportament deshonest, vexatori o frau davant l'entitat, els seus membres o equip de direcció. 11. Amb la participació en les activitats de Softcombat Bcn Events Associació Cultural, es declara que l'interessat accepta la política de privacitat i tractament de dades personals concorde a la normativa vigent de la LOPD (UE 2016/679). La qual garanteix un tractament anònim i confidencial de les dades facilitades, excepte indicació explicita del signant. A més, garanteix que el seu ús només serà a mode de còmput de participants davant les autoritats legals territorials de manera numèrica, en cas que fos necessari. D'igual mode, declara el seu consentiment perquè SoftBcn Events faci ús de qualsevol imatge, relacionada amb l'esdeveniment, amb la finalitat de realitzar promoció i difusió de la seva activitat a llarg termini. 12. En cas d'estar en contra, es pot sol·licitar la retirada de la imatge en el nostre correu. **MATERIALS PERMESOS** [https://www.youtube.com/playlist?list=PL5WPtm8uctCcPuc-lq_x7h-Uly9cjclOS](https://www.youtube.com/playlist?list=PL5WPtm8uctCcPuc-lq_x7h-Uly9cjclOS) **Conoce nuestras otras Redes sociales:** [https://www.facebook.com/SoftcombatBcn/](https://www.facebook.com/SoftcombatBcn/) [https://www.instagram.com/softcombatbcn/](https://www.instagram.com/softcombatbcn/) [https://www.youtube.com/softcombatbcnevents](https://www.youtube.com/softcombatbcnevents) [https://twitter.com/SoftBCN](https://twitter.com/SoftBCN)

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

We will cover metadata-driven approach to building and operating data pipelines at scale on AWS. Discuss architecture, design trade-offs, and lessons learned from running a unified pipeline across multiple customers using configuration-driven workflows. **Presenter: Dilshad Nasirov** Seasoned Software Architect and cloud practitioner with 20+ years of experience building scalable systems and data platforms. Specializes in AWS, with deep expertise in data lakes, serverless architectures, and real-time data processing. Has led the design and delivery of enterprise-grade solutions across industries, helping organizations improve performance, reduce costs, and unlock data-driven insights. https://www.linkedin.com/in/dilshad-nasirov-4538431/ **CALL FOR SPEAKERS** Learn more: https://www.awscolumbus.com/get-involved/ **THANK YOU** *Leading EDJE* for hosting our meetup! Leading EDJE specializes in helping organizations innovate and solve complex problems. EDJE does this with their "A" player team of professionals using agile methodologies and SCRUM management techniques to give organizations a competitive advantage that sets them apart. Learn more at https://www.leadingedje.com/ **THANK YOU** *Amazon Web Services* for sponsoring pizza! Learn more at https://aws.amazon.com/. **DIRECTIONS** 6515 Longshore Loop, Suite 300 Dublin, OH 43017 (3rd floor) **FREE PARKING** at the Endres Garage across the street, 6540 Riverside Dr, Dublin, OH **Want to sponsor the pizza and/or bar tab for a future meetup?** Please contact me if you would like to sponsor this meetup's pizza and/or bar tab: angelo@mandato.com

**TBA**

Join us for an engaging panel discussion on **AI Agentic Coding** and how autonomous AI systems are transforming the way software is built. Experts in AI, software engineering, and developer tools will share insights on how agentic AI—systems that can plan, reason, and execute coding tasks—is reshaping modern development workflows. The discussion will cover topics such as AI-assisted development, productivity gains, challenges around reliability and governance, and what the future of software engineering may look like with AI agents as collaborators. Whether you’re a developer, tech leader, or AI enthusiast, this session is a great opportunity to learn, ask questions, and explore how agentic AI is redefining coding

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

Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you. Our Website [https://linktr.ee/citcbus](https://linktr.ee/citcbus) Sponsors and Partners * Improving (Venue Sponsor) * Bethel World Prayer Center (Fiscal Sponsor) * Fruits & Roots (Coffee Partner)