Web Performance

Looking for some laughs to shake off the Monday blues? Come join us at **The Clubhouse: Laietana** at **7:30pm every Monday** to start your week with a spark! Come by early to get your seat and to grab a drink and some comfort food from Nikki's to enjoy during the show. 🔥Coming in Hot 🔥 is a **fun** **&** **free** **open mic comedy** show in Barcelona featuring hot new material from a curated lineup of local and traveling comedians. Hosted by BCN-based comedians Clarice and Maggie, Coming in Hot serves up fresh jokes, fire comedians, and a room ready to ignite. Follow us at **@cominginhot.comedy** and reach out if you’d like to perform! **Coming in Hot** * **Mondays 7:30pm** * **Free** * **English** * **Stand-up comedy open mic** * **The Clubhouse: Laietana** * **@cominginhot.comedy** More info (reserve your spot or just show up!) https://thecomedyclubhouse.es/events/coming-in-hot-open-mic-monday/

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

🏴 English (Español abajo) 🇪🇸 🔥 JOIN OUR TELEGRAM GROUP FOR EXCLUSIVE VIDEOS! 🔥 🔗[ https://t.me/+pUvxK2s7eDNmMjA0](https://t.me/+pUvxK2s7eDNmMjA0) 🥊 FREE VIDEOS MUAY THAI COURSE FOR BEGINNERS 🥊 👉[ www.emthaiboxing.com/course-muay-thai-beginner](http://www.emthaiboxing.com/course-muay-thai-beginner) Are you into Muay Thai, breathwork, meditation, or Strength & Conditioning? Come train with certified Thai Boxing coaches, fighters, and Wim Hof & meditation instructors. **⚡ YOUR FIRST CLASS:** Arrive **15 minutes early!** 📌 **Fill out** the form & message **Elea (+34 645 04 66 64)** on **WhatsApp.** 🚫 **No confirmation = No training.** 🎇 **BEFORE your first class, complete this form:** 📋[ https://forms.gle/Hz7PEyB3JBKTzCdV9](https://forms.gle/Hz7PEyB3JBKTzCdV9) ‼️ IMPORTANT: If you don’t confirm via WhatsApp, you won’t train! ‼️ **📲 More info:** 🌍[ https://emthaiboxing.com](https://emthaiboxing.com) 🎥[ https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos](https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos) 📸[ https://instagram.com/emthaiboxing](https://instagram.com/emthaiboxing) **📞 Contact Elea (+34 645 04 66 64)** \*\*\* 🇪🇸 Español (English above) 🏴 🔥 ÚNETE A NUESTRO GRUPO DE TELEGRAM PARA VIDEOS EXCLUSIVOS! 🔥 🔗[ https://t.me/+pUvxK2s7eDNmMjA0](https://t.me/+pUvxK2s7eDNmMjA0) 🥊 CURSO GRATIS DE MUAY THAI PARA PRINCIPIANTES 🥊 👉[ www.emthaiboxing.com/course-muay-thai-beginner](http://www.emthaiboxing.com/course-muay-thai-beginner) ¿Te interesa el Muay Thai, la respiración, la meditación o el acondicionamiento físico? Entrena con entrenadores certificados de Muay Thai, luchadores y coaches de Wim Hof & meditación. **⚡ TU PRIMERA CLASE:** ¡Llega **15 minutos antes!** 📌 **Rellena** el formulario y contacta por WhatsApp con **Elea (+34 645 04 66 64).** 🚫 **Si no confirmas, NO entrenas.** **🎇 ANTES de tu primera clase, completa este formulario:** 📋[ https://forms.gle/Hz7PEyB3JBKTzCdV9](https://forms.gle/Hz7PEyB3JBKTzCdV9) ‼️ IMPORTANTE: Si no confirmas por WhatsApp, NO podrás entrenar. ‼️ 📲 Más info: 🌍[ https://emthaiboxing.com](https://emthaiboxing.com) 🎥[ https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos](https://www.youtube.com/channel/UCZKgztZtptRn-4MVpVOGmQQ/videos) 📸[ https://instagram.com/emthaiboxing](https://instagram.com/emthaiboxing) **📞 Contacto Elea (+34 645 04 66 64)**

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

🚀 **Ready to Master Your Public Speaking and Communication Skills?** Join **Success Toastmasters Barcelona** and become part of a vibrant, supportive community where you'll gain the confidence to speak clearly, think on your feet, and connect with any person or audience! 🎤 **Why Join Us?** * **Master Public Speaking:** Learn to craft and deliver powerful speeches with confidence and clarity. Each session is developed through prepared speeches, which are later evaluated, giving you constructive feedback to improve your skills. * **Think Fast & Speak Smart:** Practice responding to unexpected, challenging or even awkward questions with ease and confidence. **Ever been asked something like…** *"What made you decide to share that embarrassing story?"* *"What are your weaknesses?"* *"Who made you think that way?"* *"Why do you believe your approach is the right one?"* *"What is the greatest challenge of your life?"* *"Can you explain why your last project failed?"* *"Do you think everyone should agree with your opinion?"* These questions can be uncomfortable because they touch on sensitive topics or make you feel judged. At **Success Toastmasters Barcelona**, **you’ll build the confidence to handle tough questions and respond to unexpected challenges with poise and clarity**. * **Talk About Anything and with Anyone:** Develop the skills to speak confidently on any topic, planned or impromptu. Join us for impromptu speeches and fun dynamics, where everyone can participate from the very first day! * **Build Leadership Skills:** Gain leadership experience by organizing meetings, mentoring others, and managing projects. * **Step Out of Your Comfort Zone:** Overcome shyness and embrace bold, authentic self-expression. We are thrilled to feature **exceptional speakers** who embody confidence and the unique ability to turn any topic into an opportunity. Their journey and expertise **will inspire you to approach every conversation with self-assurance and use your voice to your advantage**. This is your chance **to learn firsthand how to communicate persuasively and transform challenges into strengths!** 🌍 **Inclusive, Diverse & Supportive Community** * **Open to everyone - no prior experience needed!** * **Hybrid Format:** In person in the heart of **Barcelona** or online from anywhere in the world. * 🌍 Our meetings are held **in English!** * 💲**Visiting a meeting as a guest Is totally FREE!** * There is no fee for guests requested by the Success club, but the **Hotel requests one compulsory drink (Wine, Beer or Soft drink) per person (7€)**. * It Would be a pleasure to meet you and accept you in our club. Step up to the challenge and join us! * **No pressure!** Simply come and watch if you’re not ready to participate yet. 📅 **When?** 🕕 **Time: 19:00** 📍 **Location:** ICON BCN, Carrer de Roger de Llúria, 21, L'Eixample, 08010 Barcelona (ask for more info if you are interested \*\*[success.toastmasters107@gmail.com**!](http://success.toastmasters107@gmail.com%2A%2A!/)) 📩 **Interested?** **Click ATTEND** button or just send us an email at \*\*[success.toastmasters107@gmail.com**](http://success.toastmasters107@gmail.com%2A%2A/) and our **Vice President of Membership** will get back to you with all the details. ✨ **Step up. Speak out. Succeed.** Join **Success Toastmasters Barcelona** and discover the speaker and leader within you! Join our What's app group: [https://chat.whatsapp.com/Im5u5Cmf1hx6nbJH0tYt70](https://chat.whatsapp.com/Im5u5Cmf1hx6nbJH0tYt70) LinkedIn: [https://www.linkedin.com/company/34658490/admin/dashboard/](https://www.linkedin.com/company/34658490/admin/dashboard/) Instagram: [https://www.instagram.com/successtoastmasters/](https://www.instagram.com/successtoastmasters/)

🔧 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

Marujas lo que se dice marujas… nosotras no somos.” En el barrio las llaman así: marujas, cotillas, curiosas. Pero ellas prefieren definirse de otra manera. Puede que a veces se les vaya la lengua, que siempre sepan lo que ocurre en el vecindario o que, de vez en cuando, decidan tomarse la justicia por su mano… pero, al fin y al cabo, ¿quién no disfruta de un buen cotilleo? () Marujonas, escrita por Carolina Morocho y adaptada junto a Yeison Forero, es una comedia satírica y de enredo que juega con el imaginario popular de las “marujas” de barrio. A través de tres personajes llenos de carácter, la obra explora con humor y descaro temas como la infidelidad, el deseo, la cultura cotidiana y la complicidad que nace entre mujeres que comparten escalera, secretos y confidencias. () En esta nueva versión, la acción se traslada a Barcelona, donde las conversaciones de balcón, los rumores de vecindario y las alianzas inesperadas adquieren un aire mediterráneo. Además, el espectáculo se presenta por primera vez en versión bilingüe castellano–catalán, incorporando la riqueza lingüística de la ciudad y reforzando el ritmo cómico de esta historia tan reconocible. Una comedia fresca, mordaz y muy cercana que ya ha conquistado a más de 2500 espectadores. Duración 65 minutos. Idioma: Castellano y Catalán Elenco: Inna Alcayde, Elisa Drabben y Yeison Forero Las puertas se abrirán a las 20:15 H La barra estará abierta durante todo el evento. Las opciones para la consumición incluída en la entrada serán : cerveza, vino, cava, vermut o refresco. La entrada comprada en puerta el día del evento costará 18€ pero no incluirá consumición. Las entradas compradas con código de descuento NO incluyen bebidas [¡Entradas aqui!](https://entradium.com/events/marujonas-barcelona-teatro-metamorfosis)

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)

**[YOU MUST BOOK ON OUR WEBSITE TO CONFIRM YOUR PLACE:](https://booking.myrezapp.com/en/online/booking/step1/7279/96173)** 🎉 BIG SPOTLIGHT: Improv Classes for Pre-Teens is here! 💭 Unleash your imagination with BIG Spotlight! Dive into a world of laughter & creativity with improv classes in English\*, perfect for pre-teens who love to explore, experiment, & express themselves. No experience needed—just a willingness to have fun. 🎭 Improv is all about boosting confidence, working as a team, & discovering the joy of thinking on your feet. Learn stagecraft, comedy, acting techniques, & sketch writing & celebrate your journey with an end of term showcase. 🦁 Secondary perks? You might just find yourself feeling braver, calmer, & bursting with joy. So, are you ready to jump in and give it a go? Because we can’t wait to see the amazing, creative things you’ll come up with! \*kids should feel confident communicating in English 🟣 AGES: 9-13 **STARTS**: Tuesday 9th September **TIMES**: Tuesdays 5:30pm - 7:00pm **DURATION**: Year long **SHOWCASE**: December, March, June **CLASS** **DATES**: 9th September - 16th June, with breaks for public holidays.

Get ready for a vibrant evening filled with Latin music, flamenco beats, and rock melodies! Join us for a special event where we celebrate the power of music to bring people together. From artists showcasing their talents to live performances that will leave you in awe, this is an event you don't want to miss. Experience the passion of flamenco, the energy of Latin rhythms, and the raw power of rock music in a unique blend that will captivate your senses. Whether you're a music enthusiast or just looking to meet new friends who share your love for music, this Latin Music Night is the perfect opportunity to connect, dance, and enjoy great music in a lively atmosphere. Let's create unforgettable memories and make new friends through the universal language of music!

Join us for an evening dedicated to **practical AI applications**, where we’ll explore how to build intelligent agents and harness the power of vector search. Whether you’re a developer, data enthusiast, or simply curious about AI, this meetup is a great opportunity to learn, connect, and have fun with the community. **Agenda** **6:30 PM – Welcome, Registration & Meet and Greet** Arrive early, grab your badge, and connect with other AI enthusiasts before the sessions begin. **7:00 PM – Running a RAG locally** Learn how to build and run Retrieval-Augmented Generation (RAG) systems entirely on your local environment, ensuring privacy, control, and reduced latency. **7:30 PM – MongoDB MCP** Discover how MongoDB integrates with the Model Context Protocol (MCP) to enable scalable, real-time data access for AI applications and agents. **8:00 PM – Long-term memory for agents** Explore strategies and architectures to equip AI agents with long-term memory, enabling more consistent, context-aware, and personalized interactions. **8:30 PM – Pizza, Networking, Swag & Closing** Enjoy some pizza, grab exclusive MongoDB swag, and continue networking with the community. **Sessions** **Title: Running a RAG locally** **Summary:** In this session, we will walk through how to design and deploy a Retrieval-Augmented Generation (RAG) system running fully on local infrastructure. We’ll cover key components such as embeddings, vector databases, and local LLMs, and discuss trade-offs between performance, cost, and privacy. Attendees will gain a practical understanding of how to build secure and efficient AI systems without relying on external APIs. **Title: MongoDB MCP** **Summary:** This talk introduces MongoDB’s role within the Model Context Protocol (MCP) ecosystem, enabling AI models and agents to interact seamlessly with live data. We’ll explore how MCP standardizes communication between models and tools, and how MongoDB can be used to store, retrieve, and manage structured and unstructured data in real time. Practical use cases and integration patterns will be demonstrated. **Title: Long-term memory for agents** **Summary:** As AI agents become more sophisticated, the need for persistent and meaningful memory becomes critical. In this session, we will explore different approaches to implementing long-term memory, including vector-based memory, structured storage, and hybrid architectures. We’ll also discuss challenges such as memory retrieval, relevance, and scalability, and how these impact real-world agent performance. **Important:** This event will be held in Spanish / Este evento se realizará en español

💘 **¡Conoce gente nueva!** Únete a nuestro **Speed Dating** en Barcelona: encuentros cara a cara organizados por grupos de edad. ✨ **¿Cómo funciona?** 🪑 Las chicas se sientan, los chicos rotan con una media de 7 minutos. ⏳ Duración: 1:30h. Tendrás una media de 10-12 citas. 💌 Al final, vota si te interesa alguien. Si hay **match**, ¡os pasamos el contacto! 📅 **Horarios:** * Registro chicas: 20:00h * Registro chicos: 20:15h * Evento: 20:30-22:00h 👥 **Grupos de edad:** 25-34 / 35-44 / 45-54 / 55-64 años 📲 **Reserva tu plaza aquí:** 👉 [Bedazzling.es/speed-dating-barcelona/](https://bedazzling.es/speed-dating-barcelona/) 📌 **Nota importante:** La inscripción es válida solo a través de la web y según disponibilidad. ¡No es válida la inscripción aquí en la app! Solemos reunir a una media de 70 personas por evento, hay mucho más de lo que ves aquí, esta app es solo uno de los muchos canales de comunicación de nuestros eventos. 📞 **Dudas? Escríbenos al WhatsApp:** 630001421 🎉 ¡Te esperamos para una noche llena de emociones!

Interested in seeing what The Alliance has been working on in 2026? Come be our practice audience as we prepare to sing at JAD/CAR Preliminary Contest! We will be debuting our brand new contest set, and you won't want to miss it! Our chapter quartets, Intermission Quartet and Coffee Talk will also be performing! This is a free event!

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

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

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

Let’s try this popular Italian restaurant in Reynoldsburg. This is the menu: https://scaliristorante.com/#4e468054-0235-43e2-81c2-44e061341e9e