Web Technology

[https://barcelonacodeschool.com/reactjs-crash-course/](https://barcelonacodeschool.com/reactjs-crash-course/) ## Front-end web development with React.js! * Intensive in-person hands-on training * 1 week of hardcore React 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 * JSX syntax * create-react-app * Structuring React app * Components-based approach and reusability * Class and function components * Passing data between components with props * Using state and state management * Shared state management * Events and event handlers * Lifecycle methods * Hooks * Async requests * Promises * Conditional rendering * React router * Metadata in React * Using external components * Production build, deployment ## Prerequisites Solid understanding of JavaScript logic and syntax; functions, loops, conditionals, arrays, objects. Good knowledge of HTML/CSS: DOM, structuring HTML, CSS selectors, Grid, Flexbox. ## The outcomes After this course you will have a strong understanding of the **logic**, **syntax** and **usage**of ReactJS. You will be able to build React apps from scratch and have progress further into the depths of React or any other front-end JS library/framework such as Angular, Vue, Ember or anything else. ## Tuition: 850€ 100% is paid upon registration.

If you’re actively **building/coding AI projects** (LLM apps, agents, evals, RAG, infra), come join. This is a **technical networking** meetup. Conversations are usually technically deep and hands-on. 👉🏻 **Good fit:** engineers, technical founders, researchers. 👉🏻 **Not a fit:** "AI curious", general networking. 👉🏻**Bring:** a project, demo, repo, problem you’re stuck on, or a hiring need. ⏰ We'll start at **7:00 PM at [Alice Secret Garden C/ de Pau Claris, 90, L'Eixample!](https://maps.app.goo.gl/ucBUHhce9Ps2dBrJ8)** After you enter through the main entrance, please go straight to the garden in the back: **[video](https://firebasestorage.googleapis.com/v0/b/ai-engineers-website.firebasestorage.app/o/alice-secret-garden.mp4?alt=media&token=41463aed-27db-44f0-ae42-9f6ad2b5d486)** 🔥 Join our **[community on WhatsApp (developers only)](https://forms.fillout.com/t/76vmbAQRoNus)** 🔥 LinkedIn: **[LinkedIn](https://www.linkedin.com/company/ai-engineers-community)** 🔥 Website: **[https://ai-engineers.community](https://ai-engineers.community)** See you then!

\# ¡Hola\! Soy Josep Domènech\, director de la Coral Gospel Barcelona\, musicales\, música moderna y técnica vocal\. ¿Te gustaría aprender a cantar? en un coro? Gospel? Musicales? Música moderna? aprender técnica vocal? te atreves? O tal vez ya cantas y quieres seguir aprendiendo. ¡Únete a nuestra familia de voces en la Coral Gospel Barcelona! Somos un grupo de unas 100 personas que ensayamos de lunes a viernes en la Calle València 84, Local 1. Cada día ofrecemos 2 clases separadas: Lunes: 18:45\-20:15 Gospel\| 20:15\-21:45 Gospel Martes: 18:45\-20:15 Gospel\| 20:15\-21:45 Musicales Miércoles: 18:45\-20:15 Gospel \| 20:15\-21:45 Musicales Jueves: 18:45\-20:15 Musicales \| 20:15\-21:45 Gospel Viernes: \| 18:45\-20:15 Técnica vocal\| 20:15\-21:45 Gospel Tú decides cuántos ensayos quieres hacer. Puedes venir un, dos, tres o todos los días. ¡ Precio único 45€ al mes. Puedes unirte en cualquier día del mes, solo pagas la parte proporcional. Cada ensayo empieza con calentamiento, y luego trabajamos técnica vocal y finalmente repertorio. Normalmente empezamos con repertorio nuevo y el final del ensayo está para repasar y salir con la energía alta El primer ensayo es GRATUITO. Después, tú eliges cuántos días quieres venir. Si te animas, escríbeme. También puedes visitar nuestra web [www.coralgospelbarcelona.com](http://www.coralgospelbarcelona.com/) para conocernos mejor. Y si te da vergüenza llamar o presentarte, puedes unirte a nuestro grupo de WhatsApp aquí. [https://chat.whatsapp.com/HQQWFIhHTbUCDZQzDhmqth](https://chat.whatsapp.com/HQQWFIhHTbUCDZQzDhmqth) ¡Te esperamos! 652116550 Josep Hello! I'm Josep Domènech, director of the Barcelona Gospel Choir, musicals, modern music, and vocal technique. Would you like to learn to sing? In a choir? Gospel? Musicals? Modern music? Learn vocal technique? Do you dare? Or maybe you already sing and want to continue learning. Join our vocal family at the Barcelona Gospel Choir! We are a group of about 100 people who rehearse Monday through Friday at Calle València 84, Unit 1. Each day we offer 2 separate classes: Monday: 18:45\-20:15 Gospel \| 8:15\-9:45 PM Gospel Tuesday: 6:45\-8:15 PM Musicals \| 8:15\-9:45 PM Musicals Wednesday: 6:45\-8:15 PM Gospel \| 8:15 PM \- 9:45 PM Musicals Thursday: 6:45 PM \- 8:15 PM Gospel\| 8:15 PM \- 9:45 PM Gospel Friday: 6:45\-8:15 PM Gospell\| 8:15 PM \- 9:45 PM Gospel You decide how many rehearsals you want. You can come one, two, three, or every day. Up to 25 rehearsals per week! Flat price: €45 per month. You can join any day of the month; you only pay the proportional part. Each rehearsal begins with a warm-up, then we work on vocal technique and finally repertoire. We usually start with new repertoire, and the end of the rehearsal is for reviewing and leaving with high energy. The first rehearsal is FREE. After that, you choose how many days you want to come. If you're up for it, write to me. You can also visit our website [www.coralgospelbarcelona.com](http://www.coralgospelbarcelona.com/) to get to know us better. And if you're too shy to call or introduce yourself, you can join our WhatsApp group here. [https://chat.whatsapp.com/HQQWFIhHTbUCDZQzDhmqth](https://chat.whatsapp.com/HQQWFIhHTbUCDZQzDhmqth) We'll be waiting for you! 652116550 Josep

Encuentro para conocernos , compartir nuestros momentos vitales, nuestras necesidades, descubrimientos, recibir ayuda si lo deseas, etc. Si eres nuev@ en el crecimiento interior-personal-espiritual , te ofrezco leerte tu carta astrologica y compartirte tips esenciales para ser más Fuerte y Libre. Animate. Juntos somos más Fuertes ! **Si quieres asistir escríbeme por whatsapp al 678777477.** **Los encuentros se organizarán desde el grupo de whatsapp.** (por lo que aunque no veas inscripciones aquí no significa nada).

Te sumergirás en la magia de la improvisación a través de juegos y ejercicios dinámicos. Aprenderás a afinar tu atención y mejorar tu capacidad de escucha, desarrollarás la habilidad de crear y aceptar propuestas, y dominarás la creación de espacios y personajes. Conocerás el emocionante mundo del Match de Improvisación y los juegos de impro, un formato que ofrece infinitas posibilidades para aprender mientras te diviertes. Un escenario donde la espontaneidad y la creatividad se combinan para crear momentos teatrales inolvidables. ***No es necesaria experiencia previa, todos los niveles son bienvenidos.*** No os preocupéis si no hay muchos inscritos al evento, trabajamos con otras plataformas desde nos llegan también mas inscripciones. **ATENCION!!!** para poder asistir al evento tenemos que haberos confirmado vuestra asistencia por privado.

☀️ Eros Art Space Comunidad artística en crecimiento. Ofrecemos formaciones abiertas, para todos los ritmos y todas las edades. 🎨 Técnicas disponibles · Dibujo: grafito, carboncillo, conté, sanguina · Pintura: acuarela, óleo, acrílico, pastel · Técnicas mixtas: collage, monotipia y otras · Taller de arte infantil · Taller de pintura experimental 📚 Programas de participación · Mensual / trimestral: 2h o 4h semanales con seguimiento continuo · Pack libre: elige tus clases sin límite mensual · Clase suelta: ideal para probar o venir puntualmente 🕒 Horarios · Turno mañana: 12:00 – 14:00 · Turno tarde 1: 16:00 – 18:00 · Turno tarde 2: 18:00 – 20:00 👥 Cupo máximo: 10 personas, atención cercana y acompañamiento personalizado. Si quieres, dime qué técnica te interesa y si te encaja alguna sesión o modalidad (mensual, pack libre o clase suelta), y te cuento con más detalle ✨ **Plazas limitadas.** Reserva tu plaza al **650 927 591**

🔧 Join us for **two talks** focusing on **getting more out of PHP** without unnecessary complexity, from async execution to performance insights. Stay for **discussion, drinks, and snacks** afterward. **Details** ⏰ Aptil 9th 🗓 Starting 6:30 pm 🇬🇧 Talks in English 🎟 Free 📍NN Working. Carrer de Pau Claris, 194, L'Eixample, 08037 Barcelona (4th floor) **Talks:** **1\. Topic:** **PHP Fibers: simplifying async code and speeding up development** **Speaker:** [Max Fomichev](https://www.linkedin.com/in/maxim-fomichev/), Infrastructure Engineer at Manychat **About the Talk** We constantly search for creative ways to get maximum out of php, without bringing excessive complexity for our developers daily work. In this speech I'll sum up our way, describe where are we now in a bit, and share how we started to use fibers and asynchronous http requests to speed up both our code writing and execution, while avoiding excessive cognitive load for our developers dealing with "asynchronous" programming. **About the Speaker** Max has decades of experience in IT, primarily focused on programming in PHP and running Unix servers. For the past six years, he has been working at Manychat, a leading chat-marketing platform, where I combine the roles of an Infrastructure Engineer, SRE, and developer, optimizing systems and ensuring reliability. **2\. Topic:** PHP Performance Demystified - Measure, Understand, Optimize **Speaker:** [Volker Dusch](https://www.linkedin.com/in/volker-dusch/), Head Of Engineering at Tideways, PHP 8.5 Release Manager **About the Talk** In this talk, we'll explore options for PHP performance analysis. From understanding how the PHP virtual machine and OPCodes work, to performing your own reliable and meaningful benchmarks, and how to use request profiling using open-source and commercial offerings. You will leave with an overview of the available tools and an understanding of how to use them in your day-to-day. Learning how to spot bottlenecks and optimize them away efficiently and confidently. **About the Speaker** With over 20 years of software development experience, Volker has seen PHP grow and mature from PHP 3, working on long-living custom applications in high-traffic environments. From social networks to medical data processing, he has worked as an engineer, team lead, and Head of Engineering, mostly focusing on PHP, Go, C, JavaScript, HTML/CSS and System Operations. https://phpc.social/@edorian **Thanks to Manychat to host the meetup** – [Learn more](http://%5Bhttps/%5B%5Bmedium.com/manychat-engineering%5D%5D%5D(%5Bmedium.com/manychat-engineering%5D%5D)(%5Bmedium.com/manychat-engineering%5D%5D(medium.com/manychat-engineering%5D))(https:/%5B%5Bmedium.com/manychat-engineering%5D%5D(%5Bmedium.com/manychat-engineering%5D)(%5Bmedium.com/manychat-engineering%5D(medium.com/manychat-engineering)))) about Manychat Engineering – [Careers](http://%5Bhttps/%5B%5Bcareers.manychat.com/%5D%5D%5D(%5Bcareers.manychat.com/%5D%5D)(%5Bcareers.manychat.com/%5D%5D(careers.manychat.com/%5D))(https:/%5B%5Bcareers.manychat.com/%5D%5D(%5Bcareers.manychat.com/%5D)(%5Bcareers.manychat.com/%5D(careers.manychat.com/)))) at Manychat – [Videos](http://%5Bhttps://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d%5D(https://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d) "\[https://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d\](https://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d)") from the previous meetups

Join us to find out how our courses can change your life in a better way. We will explain why we teach our emerging courses, what are the outcomes for the graduates and which career opportunities are waiting for you in the future. We also give personalized advisory on what course to choose based on your personal motivations, current situation, and background. Agenda: – Meet and Greet – Course Curriculums Walkthrough: find out more about the courses you are interested in – Q&A Our next success story could be you! So RSVP today and we’ll see you at Barcelona Code School. This event can be attended either on our campus at c/ Paris 157, 08036, Barcelona or online at https://meet.google.com/fso-revo-vuw

The event is free and the euro will be returned to you if you come to the event, that measure is done due the big amount of no-shows that create the organizers problems when booking the place. let's try and see how it works. Join us for at the meetup at BrewDog Barcelona Bar, designed for women passionate about technology. This is more than just a meetup; it’s an opportunity to connect, share experiences, and build relationships that can propel your career forward. **Why Attend?** * **Meaningful Connections:** Meet other women who, like you, are working to transform the tech industry. Whether you’re a software engineer or a startup leader, this is the perfect space to expand your professional network. * **Mutual Inspiration:** Hear and share stories of success, challenges overcome, and lessons learned. Together, we can gain new perspectives and motivate each other to continue growing. * **Relaxed Atmosphere:** Enjoy an evening in the cozy setting of BrewDog, where conversations flow as easily as the craft beer. It's the perfect environment to unwind and engage with like-minded women in tech. Don’t miss this chance to connect, inspire, and be inspired. Let’s build a stronger tech community together! WhatsApp: Group [https://chat.whatsapp.com/GSwiV9YYOtwCcxnOPvgtbL](https://chat.whatsapp.com/GSwiV9YYOtwCcxnOPvgtbL)

🚀 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!

April Meetup is here! Let's gooo! We have some amazing speakers, and of course pizza and drinks will be available after the event. ────────── **18:30: Welcome** Grab a drink, and a seat until everybody arrives! **18:45 Intro by Host Neciu Dan** **19:00 Type safety across the network chasm** Speaker: [Alexander Vechi](https://www.linkedin.com/in/alvechy/), Product Engineer at SkyScanner Type safety often stops at the network boundary. In this talk, Alex will look at how modern frameworks try to bridge that gap, and share lessons from Skyscanner’s setup with protobuf-generated TypeScript types, including versioning, nullability, and validation to make API contracts safer in real frontend code. **19:25** **Building a Workflow Builder From The Ground Up** Speaker: [Martí Serra Molina](https://www.linkedin.com/in/ACoAADubmLMBJy_b_UNaB8Za17gbj1sc69JgkcY/?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base%3BBKaAifpsSFG5%2BC062yD%2Blw%3D%3D) Frontend Engineer \| Creator of Formity Workflow builders are powerful tools for visually designing and automating complex processes, but building one from scratch in React poses unique challenges. Most teams reach for React Flow to handle node-based diagram rendering, yet there is still significant logic to build on top of it — a node layout algorithm, workflow state modeling, drag-and-drop, undo and redo, and more. In this talk, you will learn how to build a workflow builder from the ground up and the real-world complexities that emerge along the way. **19:50: Drinks and networking!** Do you want to talk at this meetup? Reach out to Dan Neciu [on LinkedIn](https://www.linkedin.com/in/neciudan/) And please help us spread the news and grow the community: **20:55 Meetup finished** **(FOR EARLY ACCESS: WE ALWAYS POST FIRST ON SOCIAL MEDIA)** [Twitter(X)](https://x.com/ReactJsBCN) [BlueSky](https://bsky.app/profile/reactbarcelona.bsky.social) [LinkedIn](https://www.linkedin.com/company/reactjs-barcelona/) [Instagram](https://www.instagram.com/reactjs_barcelona/) ────────── **Sponsors:** Skyscanner 🌎 We're here to help every traveller explore the world effortlessly, with a vision to become the world's number one travel ally. ────────── **Join the Master Security Course for FREE!** Modules 1 & 2 are live now — **Exploits and XSS** — completely free to access. * Understand how common vulnerabilities actually work * Learn to identify and prevent security flaws in your code * Get practical, real-world examples you can apply immediately * Types of XSS + real case studies of XSS in ReactJS and more This is just the beginning — start building security expertise today. [Join here](https://neciudan.dev/master-security)

🔧 Join us for **two talks** focusing on **getting more out of PHP** without unnecessary complexity, from async execution to performance insights. Stay for **discussion, drinks, and snacks** afterward. **Details** ⏰ Aptil 9th 🗓 Starting 6:30 pm 🇬🇧 Talks in English 🎟 Free 📍NN Working. Carrer de Pau Claris, 194, L'Eixample, 08037 Barcelona (4th floor) **Talks:** **1\. Topic:** **PHP Fibers: simplifying async code and speeding up development** **Speaker:** [Max Fomichev](https://www.linkedin.com/in/maxim-fomichev/), Infrastructure Engineer at Manychat **About the Talk** We constantly search for creative ways to get maximum out of php, without bringing excessive complexity for our developers daily work. In this speech I'll sum up our way, describe where are we now in a bit, and share how we started to use fibers and asynchronous http requests to speed up both our code writing and execution, while avoiding excessive cognitive load for our developers dealing with "asynchronous" programming. **About the Speaker** Max has decades of experience in IT, primarily focused on programming in PHP and running Unix servers. For the past six years, he has been working at Manychat, a leading chat-marketing platform, where I combine the roles of an Infrastructure Engineer, SRE, and developer, optimizing systems and ensuring reliability. **2\. Topic:** PHP Performance Demystified - Measure, Understand, Optimize **Speaker:** [Volker Dusch](https://www.linkedin.com/in/volker-dusch/), Head Of Engineering at Tideways, PHP 8.5 Release Manager **About the Talk** In this talk, we'll explore options for PHP performance analysis. From understanding how the PHP virtual machine and OPCodes work, to performing your own reliable and meaningful benchmarks, and how to use request profiling using open-source and commercial offerings. You will leave with an overview of the available tools and an understanding of how to use them in your day-to-day. Learning how to spot bottlenecks and optimize them away efficiently and confidently. **About the Speaker** With over 20 years of software development experience, Volker has seen PHP grow and mature from PHP 3, working on long-living custom applications in high-traffic environments. From social networks to medical data processing, he has worked as an engineer, team lead, and Head of Engineering, mostly focusing on PHP, Go, C, JavaScript, HTML/CSS and System Operations. https://phpc.social/@edorian – [Learn more](http://%5Bhttps/%5B%5B%5Bmedium.com/manychat-engineering%5D%5D%5D%5D(%5B%5Bmedium.com/manychat-engineering%5D%5D%5D)(%5B%5Bmedium.com/manychat-engineering%5D%5D%5D(%5Bmedium.com/manychat-engineering%5D%5D))(%5B%5Bmedium.com/manychat-engineering%5D%5D%5D(%5Bmedium.com/manychat-engineering%5D%5D)(%5Bmedium.com/manychat-engineering%5D%5D(medium.com/manychat-engineering%5D)))(https:/%5B%5B%5Bmedium.com/manychat-engineering%5D%5D%5D(%5B%5Bmedium.com/manychat-engineering%5D%5D)(%5B%5Bmedium.com/manychat-engineering%5D%5D(%5Bmedium.com/manychat-engineering%5D))(%5B%5Bmedium.com/manychat-engineering%5D%5D(%5Bmedium.com/manychat-engineering%5D)(%5Bmedium.com/manychat-engineering%5D(medium.com/manychat-engineering))))) about Manychat Engineering – [Careers](http://%5Bhttps/%5B%5B%5Bcareers.manychat.com/%5D%5D%5D%5D(%5B%5Bcareers.manychat.com/%5D%5D%5D)(%5B%5Bcareers.manychat.com/%5D%5D%5D(%5Bcareers.manychat.com/%5D%5D))(%5B%5Bcareers.manychat.com/%5D%5D%5D(%5Bcareers.manychat.com/%5D%5D)(%5Bcareers.manychat.com/%5D%5D(careers.manychat.com/%5D)))(https:/%5B%5B%5Bcareers.manychat.com/%5D%5D%5D(%5B%5Bcareers.manychat.com/%5D%5D)(%5B%5Bcareers.manychat.com/%5D%5D(%5Bcareers.manychat.com/%5D))(%5B%5Bcareers.manychat.com/%5D%5D(%5Bcareers.manychat.com/%5D)(%5Bcareers.manychat.com/%5D(careers.manychat.com/))))) at Manychat – [Videos](https://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d "https://www.youtube.com/playlist?list=PLIfURI1S1wkA2sVy_AYtJcR_HyBpsTa2d") from the previous meetups

Os traemos un nuevo coding dojo en **[Plain Concepts](https://www.plainconcepts.com/)**. Esta vez de la mano de **Joaquín Azcarate, Adrián Pastén y Anyul Rivas** 💥 📅 **Agenda** **7 de abril de 2026**, de 18:30 a 21:00. Haremos ensemble programming para realizar la **Tennis Kata**. En esta ocasión le daremos un giro muy interesante: el reto será resolverla aplicando **programación funcional**. ¡Un ejercicio genial para pensar de forma diferente! El idioma será castellano e inglés. 🙇‍♀️ **Facilitan** [Joaquín Azcarate](https://es.linkedin.com/in/joaquin-azcarate), [Adrián Pastén](https://es.linkedin.com/in/adri%C3%A1n-past%C3%A9n-lagos-b3526211b) y [Anyul Rivas](https://es.linkedin.com/in/anyulled/es) 🎒 **¿Qué tengo que llevar?** Ganas de reflexionar y aprender. Si es tu primer coding dojo, puedes ver la charla de Paolo Sciarra: [introduction to coding dojos](https://youtu.be/OwxSSgvR86U) para entender por qué practicamos con katas y qué esperar de un coding dojo. 🏢 **Ubicación** Oficinas de Plain Concepts: Carrer del Comte d'Urgell, 240, 6C, Eixample, 08036 Barcelona. *(Nota para los asistentes: Al llegar, podéis dirigiros a la recepción en la planta 6C o seguir las instrucciones de acceso del edificio).* Muchísimas gracias a nuestro sponsor **[Plain Concepts](https://www.plainconcepts.com/)** por acogernos en su espacio y 🍲 🍕 🍴🥤🧃. ¡Nos vemos allí!

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

Topic to be announced! **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**

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

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm