Web Design

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

Ven a probar un entreno con nosotros. Y si te gusta, entra en el equipo ! Cada entreno se enfoca en una técnica individual o colectiva : bote, finta, bloqueo, ataque, defensa, jugadas... Cualquier duda o pregunta, me puedes escribir al 613077170 (Spanish, english or french) o visitar nuestra web [https://www.basketballbarcelona.com/](https://www.basketballbarcelona.com/) Sesión de prueba: 10€ **DESARROLLO DE LOS ENTRENOS DE BASQUET** Cada entreno se enfoca en una técnica individual o colectiva : bote, finta, bloqueo, ataque, defensa, jugadas... Al final del entreno se monta un partido para aplicar lo aprendido en la sesión Súmate al equipo y ven cada semana a mejorar todos los aspectos que hacen de uno un buen jugador. Aprendrás o mejorarás las técnicas individuales y colectivas con un coach profesional que se adapta al nivel de cada uno. En un ambiente amistoso y trabajador, desarollarás aptitudes individuales como el tiro, el bote, el ataque y la defensa. Se trabajarán también técnicas colectivas como los bloqueos, contrataques y jugadas diversas **EL COACH** Desde mi descubrimiento por el básquet, con tan solo 15 años ya estaba al frente de un equipo de iniciación y colaboraba organizativamente de forma solidaria en todos los torneos y competiciones anuales del club. Mi pasión por el básquet no se detuvo aquí, así que después de 8 años como jugador federado, quise ver el básquet desde otro prisma. Este, me llevo a trabajar de forma autónoma como arbitro en la Federación Catalana por mas de 4 años sobre las distintas regiones de Catalunya. Ahora, como profesional de la salud y el deporte con mas de 13 años de experiencia en el sector y tras mi regreso a Barcelona después de estudiar un postgrado de entrenamiento de alto rendimiento, crear esta escuela de básquet junto Alexis, es uno de los proyectos mas emocionante que he tengo en mi ciudad natal.

Tips for a great event Be descriptive A good title immediately gives people an idea of what the event is about. Get organized Describe things in a clear order so it's easy to digest. Start with an overall description of the event and include a basic agenda, before you move into really specific details. Add an image Upload a photo or image to give members a better feel for the event.

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

La Via Ferrata más bonita de la Costa Brava, única en el mundo. Su situación privilegiada sobre el mar Mediterráneo 🌊 la hace muy especial. Consta de dos tramos, uno de iniciación y otro un poco más exigente, que nos harán disfrutar del mar y la montaña en una sola actividad. Solo disponible el primer tramo debido a las restricciones actuales. Al inicio de la actividad te explicaremos los secretos de la progresión en via ferrata y durante el recorrido te asistiremos para que la experiencia sea totalmente segura. 🍻 Al finalizar la actividad tomaremos juntos un pequeño refrigerio. **SALIDAS TODOS LOS DÍAS, confirma la disponibilidad del evento en otras fechas y horarios.** **Reserva de plaza:** Para confirmar la reserva de tu plaza clica [👉AQUÍ ](https://wa.me/34687951072)y escribe a continuación del mensaje predeterminado. Consulta otros horarios! **Fitxa técnica:** 🧗Tipo de actividad: via ferrata 📊 Dificultad: K1 - K2 iniciación ⏱️ Duración: 2:30 Los horarios pueden sufrir variaciones. **Material y equipamiento que debes llevar:** Calzado deportivo, con suela en buenas condiciones y adherente, preferiblemente de montaña. Ropa deportiva. Ropa de abrigo. Pequeña mochila. Agua y comida para la actividad (tipo barrita energética) Protección solar. **Hora y punto de encuentro:** 08:00 en la via ferrata, Sant Feliu de Guixols. Una vez confirmada la asistencia te enviaremos la localización exacta. **CONSULTAR OTROS HORARIOS.** **Transporte:** **No disponemos de transporte para este evento.** **Precio de la actividad**: 39 euros Incluye: Organización y gestión de la actividad. Material necesario para la actividad, individual y colectivo. Seguro de accidentes y RC de AXA Seguros. Guía de descenso de barrancos y via ferrata profesional y titulado. Reportaje fotográfico. Aperitivo al finalizar la actividad. Número máximo de participantes: 8 participantes + guía Datos de contacto: Nombre del guia: Miguel Lòpez Contacta [👉🏼AQUÍ](https://wa.me/34687951072)[ ](https://wa.me/34691347001)para otras fechas

🔧 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

Es una sesión de liberación energética en la que se potencia tu propia Energía Vital. Por eso, uno de los primeros beneficios de la sesión es sentirte en revitalizada, en calma, ligera...A partir de ahí, puedes experimentar mucho más. Es una sesión grupal aunque la experiencia es totalmente personal. Durante la sesión, estás tumbada con los ojos cerrados y escuchando una playlist de música que te lleva a diferentes estados. Mientras tanto, yo voy tocando en diferentes lugares energéticos para ayudarte al proceso de liberación. Es una sesión para regalarte un espacio para sentirte en conexión contigo misma. Mis grupos son pequeños e íntimos para que te sientas sostenida y cuidada en todo momento. Recomendaciones: \- Usar ropa cómoda \- Comer ligero \- Venir con el corazón abierto para sentir cómo se expresa tu propia energía \- Traer antifaz si eres muy sensible a la luz \- Hay esterillas y mantas pero si quieres traer tu propio material está perfecto\. \- Traer tu propia botella de agua Lugar: Espai Entre Vidas. Zona Sagrada Familia. Marina 261 1 5. Barcelona

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)

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹NUEVO SUBGRUPO BAILAR TECNO, MÚSICA TECNO, CLUBS Y SESIONES HOUSE & DANCE NUEVO SUBGRUPO PARA LOS AMANTES DE LA MÚSICA TECNO QUE QUIEREN DISFRUTAR Y HACER NUEVAS AMISTADES QUE TAMBIÉN LES GUSTE LA MÚSICA TECNO. SE VAN A PROPONER SALIDAS A CLUBS TIPO MOOG, APOLO, LES ENFANTS, RED58, RAZZMATAZZ, BIKINI, MONUMENTAL y otras que nos hagáis llegar COMENTA TU INTERÉS A TRAVÉS DEL CHAT PRO DISCO&TARDEO JÓVENES DE NUESTRA NUEVA WEB. LINK ABAJO. NOS PONEMOS DE ACUERDO POR EL CHAT GRUPO WHATSAPP QUE EMPEZAMOS A ARMAR DESDE YA PARA FACILITAR EL ENCONTRARNOS. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DEL CHAT PRO DISCO&TARDEO JÓVENES 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) GRUPO CHAT WHATSAPP CRECIENDO

🔧 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

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) **No host. El grupo manda.** **No host. El grupo manda.** Actividad sin host. El grupo manda. Actividad sin host. El grupo manda. **Deporte Social Descentralizado** es una convocatoria social semanal para ver si personas con un mismo interés son capaces de coordinarse de manera descentralizada sin ayuda de grupo WhatsApp. **Objetivo principal: hacer deporte.** **Objetivo secundario: socializar.** Siempre Mismo día: Martes. Siempre Misma hora: 18:00h. Siempre Mismo punto de encuentro: Torre Veneciana de pl. España (lado El Prat). Siempre Mismo tiempo de espera de cortesía: 5 min. Siempre Mismo lugar de actividad: explanada de la Font Màgica (lado El Prat) Siempre Mismo color de camisetas: blanco. Siempre Misma duración de la actividad: 90 min. (18h-19:30h) \*\*\*\*\*\*\*\*\*\*\* Posterior quedada libre para ir al chiringuito debajo del MNAC para tomar algo **(opcional)** \*\*\*\*\*\*\*\*\*\*\* Recomendaciones: ropa ligera transpirable de deporte Calzado adecuado Cerca hay una fuente pública. También puedes traer tu botella de agua. **Rango de edad: 30-45 años aprox.** Si nos hacemos algunas fotos las compartiremos en el chat DEPORTE SOCIAL DESCENTRALIZADO en la plataforma [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

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

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!