Graphical User Interfaces

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

**¿Alguna vez has entrado en un bosque con algún tipo de malestar y has salido completamente diferente?** Como si algo se hubiera soltado por el camino… Como si la tierra hubiera sostenido lo que pesaba… Como si los árboles te hubieran devuelto calma, claridad o incluso un poco de sentido. Esa es la experiencia que quiero acercarte. **Esta meditación guiada es una práctica creada para ayudarte a:** • Bajar el ritmo • Volver al cuerpo • Escuchar lo que está vivo en ti • Reconectar con la naturaleza **¿Cómo realizar la práctica?** • Reserva aproximadamente 60 minutos solo para ti • Busca un bosque o espacio natural donde puedas estar tranquilx • Intenta estar a solas, sin interrupciones • Lleva contigo: Una botella de agua. Una libreta y un boli. Un móvil y auriculares (si lo deseas) para escuchar la meditación. • Tiene 3 partes: 1 de pie y las otras sentadxs o tumbadxs. Permítete vivir esta experiencia a tu ritmo. Sin exigencia. Sin expectativas. El bosque no te pide nada. Solo te recibe. **DESCÁRGALA AQUÍ:** [https://forms.gle/6v6MtRXeZS1auvv46](https://forms.gle/6v6MtRXeZS1auvv46) Puedes guardarla y volver a ella siempre que lo necesites. Un abrazo Carla

**RESERVA TU MESA DE JUEGO DE LUNES A DOMINGO EN EL ARCHIVO ARCANO** 🎲 Bienvenido al mejor club de juegos de mesa de Barcelona! Hazte miembro gratis y disfruta de un espacio para jugar único, con ludoteca propia, tienda y salas tematizadas. **¿Qué es un club de juegos de mesa?** El Archivo Arcano no es solo una tienda con mesas para jugar; es un espacio exclusivo para miembros, donde disfrutar de tus partidas tranquilamente mientras tomas o comes algo rodeado de juegos y manuscritos. **¿Cómo ser miembro?** Fácil. Puedes hacerte miembro gratuitamente adquiriendo una Membresía Primigenia. Si el Arcanismo se apodera de ti, siempre estarás a tiempo de ampliar a las membresías Sectaria o Arcana, con más y mejores ventajas. Puedes hacerte miembro directamente en el Archivo Arcano o en https://www.archivoarcano.com/tienda/Membres%C3%ADas-c121295603?sort=priceAsc **Reserva de mesas** Puedes reservar una mesa en cualquier momento. Por un precio de 6€ por persona, dispondrás de tu mesa durante toda una franja horaria de 5 horas (mañana, mediodía o tarde-noche) de lunes a domingo entre las 10h y las 22h. Puedes reservar a través de meet up, en wahtsapp al +34930253566 o en https://www.archivoarcano.com/reservas **Ludoteca Arcana** ¿Quieres probar juegos antes de comprarlos o simplemente no quieres traer los tuyos? Échale un ojo a mas de 200 juegos disponibles en el Archivo Arcano y ven a jugar con cualquiera de ellos: puedes pedirlo al hacer tu reserva o directamente en el local. Ya conoces las ventajas, estás a un solo paso de disfrutarlas todas. Mira a través de la cerradura, el ARCHIVO ARCANO te aguarda!

**🏛️ WHAT'S PRACTICAL PHILOSOPHY ABOUT?** Practical Philosophy is a weekly meet-up that brings critical thinkers together for an opportunity to dive deep on a topic, practice communicating, and building a community. All with no ‘official’ philosophy knowledge required! 😎 Practical Philosophy is based on the idea that philosophy should be accessible to all, and not something reserved only for academics. Each week we choose a topic, and the goal is to use the conversation to develop our critical thinking and communication as we explore that topic. The goal is to help develop our Critical Thinking, Communication, and Community 🙌 **📓 HOW DOES IT WORK?** Each week, we pick one topic and discuss it. The topic for the week is shared, generally in the [Whatsapp group](https://chat.whatsapp.com/LAtygOTKzmf1SnQKzJl68Z), along with jump-off points to get the conversation going. When groups get bigger than 6-8 people, it’s important that we break into smaller groups. This way we are able to maintain a conversational flow as opposed to having our meetups feel like a discourse or lecture. **General Meeting Agenda** Each Practical Philosophy meet-up follows this general timeline: * 19:30-19:45 - People arrive and chat, get to know each other before the official start. * 19:45-19:55 - Meeting introduction, explanation of Practical Philosophy and the topic for the week, read the guidelines and the overview so attendees know what to expect in terms of timelines. * 19:55-21:15 - Break into small groups - introduce yourselves and general thoughts on the topic, open discussion afterwards. At this point the group can review the ‘jump-off’ questions as needed, but they are just there to help guide the conversation. It’s not obligatory to answer them. * 21:15-21:30 - Bring everyone back together to discuss conclusions of the topic - each group gives a short 1-minute summary. Organizer concludes the meeting and everyone takes a group photo. * 21:30 - The official meeting is over but it’s a great opportunity to get to know people in a non-structured environment, so we often stick around, chat, and get to know each other. **🧧PRICING?** Practical Philosophy Club is FREE to attend! At the Barcelona group, we often meet in a friends house. In this case, we ask that everyone bring a snack or a drink to share! **💛 WHAT PEOPLE SAY ABOUT PRACTICAL PHILOSOPHY** **🗣** “I feel like Philosophy Club helps someone build their own belief system through a series of perspectives while not promoting what’s right and wrong” - Ekam 🗣 “I got hooked from day 1 (the topic was authority) and felt it was the right place for me. I feel it is a place where people can go to learn and discuss new perspectives and increase critical thinking and community by interacting with people who might challenge your point of views but at the same time encourage you to have openness and mind flexibility.” - Daniel **🤓 FAQ** * **​What will we talk about? What's the topic?** **​**The topic for the week is shared every Sunday in the Whatsapp group. We try to add the topic to the comment section on this event page as well but if you don’t see it, the topic and the jump-off points will be in our [Whatsapp](https://chat.whatsapp.com/LAtygOTKzmf1SnQKzJl68Z). * **Do I need to study or read anything to attend?** No preparation is necessary. This isn’t a study of other thinkers. We want to know what YOU think about the topic, not what an old philosopher thought. If you have a perspective from a religion or a school of thought to share, throw it on the table and we’ll discuss it, but it's not required. * **Is there a specific philosophy that Practical Philosophy is focused on?** The goal of our meet-ups is to not have dogmatic discussions, and flex our critical thinking muscles. Because of this, we want to hear from every realm of thought, and don't study a particular school. * **Is it mostly men that attend?** Surprisingly, no! Although philosophy is seen as a Candelabra affair in a dark room with a bunch of guys, our Practical Philosophy meetups are generally 50/50 between genders, and we don’t meet in any dark rooms. * **Can I come alone?** Of course you can, we encourage it :) * **Can I be late?** Please don't be! We do have a 15 minute grace period where we allow people to funnel in while we hang out, but after that if you arrive too late, it disrupts the flow of the conversation. * **Where do you meet?** The location is posted in Meetup and our [Whatsapp](https://chat.whatsapp.com/LAtygOTKzmf1SnQKzJl68Z) group for this location. It is HIGHLY RECOMMENDED that you join the Whatsapp group! If you want to know what other cities have a Practical Philosophy Club, you can see our chapters on our [website](https://www.practicalphilosophy.club/). **PRACTICAL PHILOSOPHY CLUB - Philosophy, everywhere. ✨** We started in Practical Philosophy back in 2021 and there are now 20+ chapters in over 15 countries, including Canada, Spain, Japan, Mexico and many more! 🗺️ **\*\*\*** **Join our [Whatsapp group](https://chat.whatsapp.com/LAtygOTKzmf1SnQKzJl68Z) 👈** **Follow us on [Instagram](https://www.instagram.com/practicalphilosophyclub/) 👈** **Our [website](https://www.practicalphilosophy.club/) 👈**

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

Hi and welcome to our next Socrates Café philosophy meetup! Do you have a hunger for deeper understanding of yourself and the world? Do you value deep, honest and respectful dialogue? If yes, then this meetup will be very interesting for you. • WHAT IS A MEETUP ABOUT? We ask, answer and discuss questions and ideas to stimulate critical thinking and to widen our perspectives with new concepts and thoughts. The main purpose of these meetups is to enrich ourselves with the perspectives of others, not to convince others about our own perspectives. Our meetups are about our own philosophies of life and not necessarily what the great philosophers and academics have said or written. It is not a debating club or a platform for proselytizing. Instead, we place the emphasis on questioning, open mindedness and challenging our own assumptions while listening to and respecting the views shared by others. A Socrates Café meetup is considered a success when participants leave a discussion with many more questions than they had at the beginning. • WHAT TOPIC IS DISCUSSED AT THE MEETUP? Participants suggest topics at the beginning of each meeting. We then vote and choose that event's most popular topic for discussion. No academic training in philosophy necessary; just enthusiasm for exchanging ideas and points of view. Some examples of subjects chosen on previous meetups: * What ideals are worth dying for? * Why are we never satisfied? * Why is it that human beings know that the society is going wrong, leaders are well informed about it and things continue as is? * Is identity necessary? * How can it be that people in democratic societies are so obsessed with power? (Desire to be different, better, stronger than others) * What is friendship? • WHO PARTICIPATES AT THIS MEETUP? Anybody is more than welcome to join our meetups. Our events gather people from different backgrounds, different cultures, while no philosophical background is mandatory. Our usual participants are people that have a hunger for deeper understanding of themselves and the world. People that value deep, honest and respectful dialogue. The inspiration for Socrates Cafe originates with the book of the same name, written by the philosopher Christopher Phillips. (Socrates Cafe: A Fresh Taste of Philosophy, 2002). Phillips felt that the Socratic method of dialogue and discussion should be practiced not just in academic settings, but among everyday people interested in examining deep questions together. Hundreds of Socrates Cafe groups now exist around the world. To learn more, visit [https://socratescafe.com](https://emea01.safelinks.protection.outlook.com/?url=https%3A%2F%2Fsocratescafe.com%2F&data=05%7C02%7C%7C1b245fc060a24a1b22c508dd324f736a%7C84df9e7fe9f640afb435aaaaaaaaaaaa%7C1%7C0%7C638722038989360624%7CUnknown%7CTWFpbGZsb3d8eyJFbXB0eU1hcGkiOnRydWUsIlYiOiIwLjAuMDAwMCIsIlAiOiJXaW4zMiIsIkFOIjoiTWFpbCIsIldUIjoyfQ%3D%3D%7C0%7C%7C%7C&sdata=pLtcEu25qgDHP1XvhFs5Cx4L1rRDYmqwnNWgxalKovY%3D&reserved=0 "Protegido por Outlook: https://socratescafe.com/. Haga clic o pulse para seguir el vínculo.").

Animal Flow -Nivel inicial- para todes! Vamos a entrenar con el peso del cuerpo, trabajando fuerza, flexibilidad y coordinación. No necesitas conocimiento previo, solo ganas de venir a entrenar y divertirte! ✨Pero que es el Animal Flow? Es un tipo de entrenamiento donde se combinan una serie de movimientos de manera fluida utilizando solamente el cuerpo. Es una práctica diferente, divertida, donde se gana fuerza, flexibilidad y coordinación. Y que vamos hacer?👇🏽 ✨Movilización de muñecas, ejercicios para aumentar la fuerza,flex y movilidad de las muñecas, ya que vamos a estar mucho tiempo arriba de nuestras manos. ✨Activaciones, ejercicios estáticos/isométricos, para tener una estabilidad global en el cuerpo osea la base para poder fluir de una forma continua y controlada. ✨Form specifics stretches, estiramientos que comienzan en una posición base y luego se mueven a través de varios rangos de movimiento, fuerza a través del movimiento. ✨Switches y trasnsitions, la mayor parte del flow, movimientos dinámicos que se vinculan entre sí para formar las combinaciones. ✨Flows, es un flujo coreografiado, como podría ser una danza, combinando todo lo aprendido. Si tenes alguna duda o pregunta escribime y charlamos! 🐒 @lalavelasco.w

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

**Welcome to our second 📸 COFFEE TALK SERIES of the Year!!!!** A focused creative session for photographers and travelers who want to translate their journeys into compelling visual stories. Join us at the **[Bar-restaurant del Museu Marítim](https://maps.app.goo.gl/Q1zSsyCYu32KAgLFA)** for an intimate thematic review — where we share our travels, exchange cultural perspectives, and refine our craft. Supportive. Constructive. Real. Beginners, enthusiasts, and seasoned travelers — all are welcome. –––––––––– **EVENT DETAILS** **Date:** April 11, 2026 **Time:** 3:00 PM **Location:** **[Bar-restaurant del Museu Marítim](https://maps.app.goo.gl/Q1zSsyCYu32KAgLFA)** Av. de les Drassanes, 1, Ciutat Vella, 08001 Barcelona **Meeting Point:** Inside the café **Google Maps:** [Link](https://maps.app.goo.gl/Q1zSsyCYu32KAgLFA) **Group Size:** Limited to 8–12 participants for deeper feedback. –––––––––– **SESSION FORMAT** **Welcome & Introductions** Quick intro round — who you are and what kind of photography or creative work you focus on. **Portfolio Review Rounds** Each participant shares 5–10 selected images. We’ll offer constructive feedback, insights, and creative suggestions in a respectful and supportive format. **Open Discussion** Questions about editing, sequencing, style, pricing, presentation, or creative direction. –––––––––– **IMPORTANT** This isn’t a class. It’s not a competition. It’s a constructive feedback space. We share. We reflect. We improve. Please bring your portfolio ready to show on your laptop, tablet, or printed format. –––––––––– WHAT TO EXPECT Bring your: • 5–10 selected images • Laptop or tablet (optional) • Printed copy (optional) • Open mindset Come prepared to both give and receive feedback. –––––––––– STAY CONNECTED 📍 Join our [WhatsApp group ](https://chat.whatsapp.com/LDphol4BTdR4iuMdoH9Sw3?mode=gi_t)for updates. 📸 Follow [@takeaphotowalkcommunity ](https://www.instagram.com/takeaphotowalkcommunity/)and tag us in your work. –––––––––– **ABOUT TAKE A PHOTO WALK** Founded in Barcelona in July 2024, Take a Photo Walk connects photographers and creators around the world through real-life creative experiences. Barcelona is where it all began. –––––––––– Good coffee. Honest feedback. Stronger portfolios. See you in Barcelona. ☕

Grupo de personas interesadas en realizar talleres de Arte Terapia de línea Jungiana Integrativa semanalmente en estudio artístico ubicado en Poble-Sec, Barcelona. Participación abierta a toda persona adulta que se sienta llamada por esta posibilidad, especialmente aquellas que se encuentren transitando la transformación (llamada crisis) de la mediana edad. Los talleres consisten en un proceso creativo donde exploramos y expresamos nuestros mundos interiores a través de la técnica del collage (principalmente), u otras formas de expresión plástica que sintamos indicadas en el momento, para así escuchar y ser escuchados, compartir y profundizar en nuestro autoconocimiento y en la relación con nuestro mundo interior, buscando integrar, concientizar y reconciliar las distintas voces, con el objetivo de poder abrirnos a la mágica promesa de lo trascendente. Talleres de una a tres personas, de dos horas de duración, sin límite mínimo o máximo de sesiones. Facilitado por Romeo D'Orazio, Arquitecto, Máster en Arte Terapia Jungiana y Antroposíntesis (por el Instituto de Arte Terapia Analítica Integrativa de España), conocedor del proceso creativo-artístico y más. Contacto e info: romeo.dorazio@gmail.com (Castellano, Inglés, Italiano). Aportación (materiales, local, gestión, etc.) : 20€

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)

Hello hello! I am Jelena, from [www.photosbyjelenka.com](www.photosbyjelenka.com) and I am hosting one of my **dream workshops: Portraits in Water** — a creative session dedicated to capturing stunning, ethereal portraits using nothing more than a **simple bathtub, water, and a bit of imagination**. During the workshop, I will guide you through my personal process of creating **dreamlike water portraits**. You’ll learn how a small setup can produce powerful images as we gradually transform the scene around our model. Throughout the class we will experiment with different visual elements, including: * floating flowers and leaves * colored water dyes or milk to change the mood and palette * bubbly foam to create soft, surreal textures This technique is very close to my heart. I created an entire **bathtub portrait series** years ago, and one of the photographs from that series even **won a photography competition.** Some of those images are included in this event for inspiration. Whether you’re a beginner or an experienced photographer, this workshop will show you how to **turn a simple idea into a striking visual story**. **PRICE: 25 EURO** You can see more of my work and get to know how I am from my Instagram: **@photosbyjelenka**

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

¡Barcelona se prepara para **[GrafanaCON 2026](https://grafana.com/events/grafanacon/)**! Por primera vez, el evento aterriza en nuestra ciudad del 20 al 22 de abril y queremos celebrarlo junto a la comunidad local. Durante el meetup, sortearemos 3 entradas 🎟️ entre quienes nos acompañéis. ¡Una oportunidad de oro para asegurar vuestro lugar en el evento del año! Te esperamos en **[Schwarz Digits Spain](https://www.linkedin.com/company/schwarz-digits-spain/)** para compartir charlas, novedades y mucho networking. 📍Ubicación: c/ Bergara 13\, Barcelona \| [https://maps.app.goo.gl/zd6h3BGzHNxgAgjT6](https://maps.app.goo.gl/zd6h3BGzHNxgAgjT6) 📅 Agenda: **18:30:** Bienvenida 👋 **18:45:** 🎙️ **"Desmontando el mito: ¿Es seguro nuestro ecosistema Open Source?"**, [Nuria Revuelta](https://www.linkedin.com/in/nuria-revuelta-yus-143332123/) \- Account Executive en [Grafana Labs](https://grafana.com) Charla que explora los principales mitos sobre la seguridad del Open Source, analizando qué hay de cierto y qué no en las percepciones más comunes. También abordaremos cómo implementar buenas prácticas para garantizar un entorno de trabajo seguro utilizando OSS. **19:15:** 🎙️ **“Cómo crear un sorteo interactivo con Grafana usando el Infinity plugin”** [Imma Valls](https://www.linkedin.com/in/imma-valls/) \- Staff Developer Advocate en [Grafana Labs](https://grafana.com) En este rato vamos a montar un dashboard en directo que lea las respuestas del formulario de participación en el sorteo de entradas con el plugin Infinity. Visualizaremos algunos datos (no privados!) y configuraremos un panel que elija aleatoriamente y de forma transparente a 3 ganador@s de las entradas. Sin bases de datos, solo Grafana y un Google Sheet. **20:00 - 21:00:** Networking con pizzas y bebidas 🍻🍕 ¡Nos vemos allí! 👋 Grafana & Friends Barcelona.

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!

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

Come out to Improving for our monthly iOS and Mac meetings. This Month's Presentation: Nothing yet. (You should volunteer). What is Cocoaheads (http://cocoaheads.org/)? CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics. What is BuckeyeCocoa (http://buckeyecocoa.org/)? BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend. Presentations! Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website. To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter. Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/

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

The Fellowship of the Star Schema: Transforming OLTP Data for Power BI One does not simply build reports on OLTP data. Join us on an epic journey from the depths of raw, normalized tables to the shining halls of a well-modeled star schema fit for Power BI greatness. We will demystify the differences between OLTP and OLAP, walk through star schema vs snowflake (and why Power BI has a clear favorite), and show you the compression differences between normalized and columnar storage that will make you never look at an OLTP model the same way again. We will cover the different types of dimensions, when to use them, and how to handle Slowly Changing Dimensions without losing your mind. You will leave knowing exactly how to identify a bad model, how to convert OLTP data into a clean star schema, and how to forge relationships that rule them all. Whether you are a data wizard, a curious hobbit, or somewhere in between, your models will never be the same.

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

AI is changing how art is made. But when does it stop being your work and start being the machine’s? This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation? We encourage audience participation during this event that will be moderated by Chris Slee. Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus. Sponsored by [Transform Labs](https://www.transformlabs.com/services)