Web Standards

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

**🇬🇧 The Language Exchange Meetup in Barcelona 🌍** Are you ready for an evening filled with language practice, new friendships, and tons of fun? Join our vibrant community in Barcelona where language enthusiasts gather to enhance their proficiency in various languages and expand their social circles. Embark on a linguistic adventure with us! Our language exchange sessions take place in the heart of the city, within the unique atmosphere of Space Cowboy 🤠 🗓️ **When**: Every Monday at 7pm 📍 **Where**: Space Cowboy: 31 Carders street (5 minutes from Jaume I or 8 minutes from Arc de Triomf station) 🆓 **Admission: Free**, with a friendly request to support the venue by ordering a minimum drink (€4). Please, remember that SIGNING UP IS MANDATORY for all the events, thus we can bring enough stickers for everyone. This inclusive event welcomes everyone, so come and mingle with us! (Participants under 18 must be accompanied by an adult.) 📸 We'll seek your permission before capturing any moments on camera. Agreeing to be in a photo means you're okay with us sharing it on social media. 🗣 A friendly host will hand you a sticker with your name, native language, and the language you're eager to practice. Feel free to stick to your mother tongue if you prefer. Let's make language learning a joyous journey! 😊 Our events are published on various platforms so there are always more attendees than those confirmed. **Stay Connected**: 📸 Follow us on [Instagram](https://www.instagram.com/barcelonalanguageexchange/)! 👍 Like our [Facebook page](https://www.facebook.com/thefridaylanguageexchange) to see all the albums! 🌐 Discover more about us on [our website](https://speakquick.es). 📱 **Connect on WhatsApp**: [Join the group here](https://chat.whatsapp.com/D3UQm1CAFECGyE5RknlvXQ) See you there for an evening of laughter, language, and lasting friendships. **Come alone, leave with friends!** 🌍🗣️ \-\-\- 🇪🇸 **¡El Intercambio de Idiomas de Barcelona!** 🌍 ¿Estás listo para una velada llena de práctica de idiomas, nuevas amistades y mucha diversión? Únete a nuestra animada comunidad en Barcelona, donde entusiastas de los idiomas se reúnen para mejorar su nivel y ampliar sus círculos sociales. ¡Embárcate en una aventura lingüística con nosotros! Nuestras sesiones de intercambio de idiomas tienen lugar en el corazón de la ciudad, en el ambiente único de Space Cowboy 🤠 🗓️ **Cuándo**: Todos los lunes a las 19h. 📍 **Dónde**: Space Cowboy: calle Carders 31 (a 5 minutos del metros Jaume I o a 8 min de Arc de Triomf) 🆓 **Entrada Gratuita**, solo te pedimos que tomes una consumición mínima (4€). Por favor, recuerda que LA INSCRIPCIÓN ES OBLIGATORIA para todos los eventos, para que podamos llevar suficientes pegatinas para todos. Este evento inclusivo da la bienvenida a todos, así que ¡ven y únete a nosotros! (Los participantes menores de 18 años deben ir acompañados por un adulto.) 📸 Pediremos tu permiso antes de capturar cualquier momento en cámara. Al aceptar estar en una foto, nos permites compartirla en las redes sociales. 🗣 Un anfitrión te entregará una pegatina con tu nombre, idioma nativo y el idioma que deseas practicar. Siéntete libre de hablar en tu lengua materna si lo prefieres. ¡Hagamos del aprendizaje de idiomas un viaje lleno de alegría! 😊 Nuestros eventos se publican en varias plataformas por lo que siempre hay más asistentes que los que aparecen confirmados. **Mantente Conectado**: 📸 ¡Síguenos en [Instagram](https://www.instagram.com/barcelonalanguageexchange/)! 👍 ¡Dale 'me gusta' a nuestra [página de Facebook](https://www.facebook.com/thefridaylanguageexchange), para ver todos los álbumes! 🌐 Descubre más sobre nosotros en [nuestra web](https://speakquick.es). 📱 **Conéctate en WhatsApp**: [Únete al grupo aquí](https://chat.whatsapp.com/D3UQm1CAFECGyE5RknlvXQ) Nos vemos para una tarde de risas, idiomas y amistades duraderas. **¡Ven solo, márchate con amigos!** 🌍🗣️

19時45分頃から、**[My Kasa](https://maps.app.goo.gl/MyiiXHKfTcupqLWP7)** というバルで、単に日本語で雑談するために集まりませんか。 飲むだけでもいいですが、まぁまぁ美味しいスペイン料理が比較的安く食べられます。 単なる雑談ですが、言語学や歴史などの専門家や美食に興味がある人たちの集まりである **[MUNDIÑOL](https://magradacatalunya.com/barcelona/international_meetings.html)** のイベントなので、いつものように、下記のようなテーマで雑談するかもしれません。 ¿Te apetece que nos reunamos sobre las 19:45 en el bar "**[My Kasa](https://maps.app.goo.gl/MyiiXHKfTcupqLWP7)**" para charlar un rato en japonés? Podemos quedar solo para tomar algo, pero también tienen comida española bastante rica y a buen precio. Aunque es una charla informal, al ser un evento de **[MUNDIÑOL](https://magradacatalunya.com/barcelona/international_meetings.html)** — un grupo de gente interesada en la gastronomía, la lingüística o la historia —, es probable que, como siempre, acabemos hablando de temas como los siguientes: 日本祖語 Idioma protojapónico https://magradacatalunya.com/school/proto-japonic/ 縄文語と弥生語 Idioma jōmon y yayoi https://magradacatalunya.com/school/jomon/ 蕎麦の話 Alforfón https://magradacatalunya.com/school/sarraceno/ お米の話 Arroz https://magradacatalunya.com/school/arroz/ お茶の話 Té https://magradacatalunya.com/varios/te.html 生姜の話 Jengibre https://magradacatalunya.com/varios/jengibre.html スペインの公用語 Lenguas oficiales en España https://magradacatalunya.com/barcelona/spanish-languages/ アラン語 (カタルーニャのオック語) Idioma aranés https://magradacatalunya.com/barcelona/aran.html 東アジア大語族 Macrofamilia del Asia Oriental https://magradacatalunya.com/school/asia-oriental/ ボレア諸語 Lenguas Boreanas https://magradacatalunya.com/school/borean/ その他の話題 Otros temas https://magradacatalunya.com/barcelona/linguist/

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.

Let your attendees know what to expect, including the agenda, what they need to bring, and how to find the group.

Ciao! Para **este lunes festivo** volvemos a pasear por el **antiguo** **camino agrario que une Mataró a Sant Andreu de Llavaneres**. Un itinerario fácil y sin dificultad técnica que nos llevará, sin prisas, a cruzar una tranquila zona agrícola con vista al mar. Haremos una **parada en la playa de Sant Andreu de Llavaneres** para descansar, disfrutar del mar y, para l@s mas temerari@s , darnos un baño 🏊‍♂️🏊‍♀️. Después retomaremos el camino siguiendo el **paseo marítimo** hasta **Caldes d’Estrac**, para hacer el picnic en la playa y, con quien le apetezca, daremos un **último paseo por el pueblo**, con tiempo para tomar un café, antes de **coger el tren de vuelta**. No olvides traer algo para hacer **picnic mirando al mar** 😎 🧺 (bocadillo, agua o lo que prefieras) y protección para el sol (gorra, crema, agua, para beber, etc.) . Yo, como siempre, **traeré** algunas **sorpresas gastronómicas para compartir y deleitar el encuentro**.👨🏻‍🍳 Itinerarios Curiosos es una experiencia de **paseo consciente** ( mindful walking) : paseos para improvisar, para dejarse llevar por la creatividad, la aventura; romper con la rutina diaria para redescubrir la lentitud, estimular la curiosidad, aprender de lo que nos rodea y llenar los ojos y también los otros **sentidos** de **nuevas experiencias**. ¿ Eres curios@ ? Apúntate! **En Itinerarios curiosos, la escucha y la relación entre los participantes es de suma importancia; por eso, preferimos mantener los grupos pequeños, lo que nos permite crear un ambiente íntimo y acogedor.** 🍀La aportació voluntaria mínima para este evento son **15€ (o 10€ con suscripción\*) por personas (preferiblemente en metálico)** y se efectúa al comienzo del paseo. Esta aportación incluye **organización y gestión del evento** + **sorpresas**. Tu aporte es fundamental para que pueda continuar ofreciendo experiencias como estas.🙏 **💥Novedad💥** **\*Suscripción Mindfulness Walking**: La aportación será solo de 10€ adquiriendo **bono de 5 Itinerarios Curiosos** (efectuando ingreso de **50€** via **bizum** al 671153910 con concepto “**Mindfulness Walking 2026** ” ) La suscripción permite participar en **5 Itinerarios Curiosos de 2026**, siempre que la aportación sea **igual o inferior a 15 €**. **💥💥💥** El recorrido es fácil y semiurbano pero **se recomienda venir con calzado adecuado para ir cómodos por los tramos de pista de tierra y tener un mínimo de condición física** ( hay que **andar** unos **13 km** y subir unos 80 metros de desnivel más o menos. Duración prevista del recorrido a pie : alrededor de 3h con algunas paradas incluidas ). ✨ **Te sugiero venir sin expectativas, para dejarte llevar y quizás sorprenderte a ti misma con la belleza de las cosas más sencillas.** ✨ TREN: para **la ida** cogeremos **el tren que sale de Barcelona Plaza Catalunya a las 9.30** ( llegada a Mataró a las 10.12 h) . Para la vuelta hay trenes cada media hora. Encárgate por favor de **tener tu billete preparado**. Te aconsejo comprar la tarjeta recurrente de Renfe [https://www.renfe.com/es/es/grupo-renfe/sociedades/renfe-viajeros/abonos-renfe/abonos-rodalies-catalunya](https://www.renfe.com/es/es/grupo-renfe/sociedades/renfe-viajeros/abonos-renfe/abonos-rodalies-catalunya) ⚠️**Por favor confirma tu asistencia con mínimo 1 día de antelación** siguiente número: [+34671153910](http://tel:+34671153910) 💬 Whatsapp/ Telegram Y además, para estar al tanto de mis próximos eventos, te invito a : \- Unirte al canalé de Telegram : [@itinerarioscuriosos](https://t.me/itinerarioscuriosos) \- seguir : @[ItinerariosCuriosos](https://www.instagram.com/itinerarioscuriosos/) @[travelcook](https://instagram.com/dj_masa_travelcook?igshid=MzMyNGUyNmU2YQ%3D%3D&utm_source=qr) \- echar un vistazo a estos enlaces para saber más sobre mi y la filosofía de Itinerarios Curiosos : [http://www.travelcook.es/sobre-mi/](http://www.travelcook.es/sobre-mi/) [http://www.travelcook.es/itinerarios-curiosos/](http://www.travelcook.es/itinerarios-curiosos/) ☝️Todo el que participe es responsable de sí mismo y de su propia seguridad. Al participar, aceptas estas condiciones☝️

Join us at Buzoku's Meetup in Sant Gervasi, Barcelona," a bi-monthly gathering of passionate individuals dedicated primarily to the world of Web3 and digital assets. This vibrant meetup serves as a focal point for Barcelona's growing Web3 community, bringing together diverse professionals, including investors, engineers, business development and sales experts, designers, traders, and array of other folks from leading Web3 companies. Networking: Connect with like-minded individuals in the Web3 industry. Learning Platform: Stay informed about the latest developments, announcements, and trends in Web3. Collaboration Opportunities: Explore collaboration possibilities with professionals spanning various roles within the Web3 ecosystem. 🍺🍷 on us

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) CARNÍVOROS❤️🍹FANS DEL ASADOR BUFFET LIBRE QUEDAR PARA COMER O CENAR Y HACER AMISTADES Nuevo sub grupito para ir a comer o cenar a un buffet libre de carne argentino en Barcelona ciudad. Nos ponemos de acuerdo a través del CHAT PRO QUEDADAS VARIAS de nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) Habilitamos chat whatsapp para concretar la hora y el día concreto y ver el quórum. Si te divierte comer en un buffet libre este es tu subgrupito. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

🔧 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

Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) 🤩❤️🍹SÁBADO TARDEO DE JOVENES SINGLES EN LA TERRAZA DEL HOTEL NEGRESCO PRINCESS. HACER AMIGOS/AS SINGLES. ESCUCHAR MÚSICA, CANTAR Y BAILAR CON LOS MEJORES HITS. NOS PONEMOS DE ACUERDO POR EL CHAT PRO DISCO&TARDEO JÓVENES DENTRO DE NUESTRA WEB PATREON SINGLES BARCELONA PARA ENCONTRARNOS PARA IR A BAILAR Y CANTAR AL TARDEO EN ESTA INCREIBLE ROOFTOP EL SÁBADO POR LA TARDE Y HACER NUEVAS AMISTADES EN EL EVENTO. ESTE SUBGRUPO SE ORGANIZA A TRAVÉS DEL CHAT PRO DISCO&TARDEO JÓVENES DE LA PLATAFORMA PATREON SINGLES BARCELONA DONDE LOS ASISTENTES SE PONEN DE ACUERDO PARA ENCONTRARSE. HABILITAREMOS CHAT GRUPO WHATSAPP PARA FACILITAR EL ENCUENTRO Y LA COORDINACIÓN. COLABORA, PARTICIPA Y EMPUJA. CREA ACTIVIDAD SOCIAL. COGE LA PALA. [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona) En esta ocasión vamos a disfrutar del **tardeo remember con las mejores y más increibles vistas de Barcelona** mientras disfrutamos de tapas riquísimas y las acompañamos con copas & cóckteles de categoría. ¿Te lo vas a perder?. VISITA NUESTRA NUEVA WEB y hazte miembro pro para poder comentar tu interés en el **chat pro DISCO & TARDEO JÓVENES** para agregarte al **grupo chat whatsapp** de coordinación de la birra previa para encontrarnos y **subir juntos a la terraza en grupito** que es más divertido. La mejor manera de hacer nuevas amistades **SINGLES BARCELONA** y quien sabe si conocer a alguién especial. En el grupo whatsapp pasaremos el link para poder sacar tu entrada **GRATIS**. Nuestra nueva web: [https://www.patreon.com/singlesbarcelona](https://www.patreon.com/singlesbarcelona)

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

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

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

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

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.

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

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