Google Web Toolkit (GWT)

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

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/

Barcelona's newest improv adventure starts now. Every week, Matt and Noah will host an evening of improv fun and games at Flaherty's in the Gothic Quarter. The evening begins at 19:30 where participants will meet, sign in, and grab a beverage. At 20:00, we will have a focused, 1-hour workshop set at an intermediate level to work on one aspect of improvisation (e.g. characters, cooperation, physicality). We'll then have a short break for bathrooms, food, and/or beverages followed by an improv jam at 21:15. No experience is necessary to play in the jam and it's okay to just watch. Come for the workshop or the jam, all are welcome on this island of misfit toys. Both events are donation based.

Para tod@s los principiantes que queréis aprender a jugar beach voley, este es su evento. Enseñaremos paso a paso como se juega, la técnica, las posiciones en el campo y más que todo nos divertiremos. Espero veros pronto. For all the beginners who want to learn to play beach volleyball, this is your event. We will teach step by step how to play, the technique, the positions on the field and most of all we will have fun. I hope to see you soon.

Make friends and play games! The evening begins at 19:45 where participants will meet, sign in, and grab a beverage. At 20:00, we will have a focused, 1-hour workshop on one aspect of improvisation (e.g. characters, cooperation, physicality). We'll then have a short break followed by an improv jam at 21:15. No experience is necessary to play in the jam and it's okay to just watch. Don't mind the attendance numbers. Our regular attendees just show up and don't RSVP here. Usual attendance is 8-10 for the workshop and 10-15 for the jam. Come for the workshop or the jam, all are welcome on this island of misfit toys. Both events are donation based.

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

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

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

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)

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

🔧 Join us for **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

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

🚀 Hey, everyone! The **largest English-speaking tech & business community from Andalucía** is now coming to Barcelona! What started as a bi-weekly morning coffee uniting like-minded entrepreneurial minds in Málaga ☕️ is expanding — and we’re bringing that same raw energy, openness, and connection to Barcelona. As always, there’s no formal agenda or moderation — just real, unfiltered conversations in English (and a bit of Spanish) 🗣️ Our focus remains the same: cultivating meaningful relationships, creating space to exchange ideas, share journeys, and learn from others building in the startup ecosystem 👥 It’s the perfect environment to test ideas, form new alliances, and spark unexpected collaborations — all over great coffee and breakfast. Let’s gather, connect, and dive into thoughtful conversations in a relaxed setting. Barcelona, we’re coming!

**TBA**

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

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

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!

Columbus Code & Coffee is an inclusive, informal co-working session. People of all skill levels attend, and we love it that way. Many people (optionally) bring projects to work on, and many other people (optionally) socialize the entire time. It's entirely up to you! **What to Expect at the Intro Circle** \~\~\~\~\~\~\~\~\~\~\~\~\~ Near the beginning of the event (1:30 pm), we do a standup: * Organizer announcements, updates, and logistics Round 1 - (7 secs max): * Your name * What you're working on * What you can help others with Round 2: * Community events you wanna plug. If none, that's cool too. Round 3: * Job opportunities you're hiring for OR announce that you are looking for one. If none, that's cool. After the introduction circle, everything is self-organized! Feel free to work alone, pair up, attend one of our workshops/presentations, or mingle!

**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 You will need to scan your ID at the door to get a visitor badge. **Abstract** GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise. We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration. Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team. **YouTube Link** TBD

The global Azure community is coming together again, and Columbus is officially on the map. View the session lineup and speakers at [Global Azure Columbus 2026](https://coazure.github.io/cbus-global-azure-2026/) On **Saturday, April 18, 2026**, the Azure Columbus Meetup, DevOps Meetup, and Code and Coffee Meetup are hosting our local edition of Global Azure 2026. This is a free, community-driven event packed with learning, networking, and all things Microsoft Azure. Whether you’re building modern cloud-native apps, experimenting with AI agents, deploying containers, automating infrastructure, or just beginning your Azure journey, this event is for you! **What to Expect** * Engaging technical sessions * Real-world Azure architecture & cloud-native patterns * AI, agents, automation, and modern DevOps * Food and drinks (because learning burns calories) * Time to connect with fellow engineers, architects, and cloud enthusiasts **Who Should Attend?** * Software engineers (any language, any stack) * Cloud architects * DevOps engineers * Data professionals * AI explorers * Platform builders * Anyone who loves solving hard problems with great tools If you build, deploy, automate, scale, monitor, or optimize in Azure, you’ll feel right at home. **Why Global Azure?** Global Azure is a worldwide community event where Azure user groups host learning sessions on the same day across the globe. It’s grassroots. It’s technical. It’s practical. And it’s powered by people who genuinely love sharing what they’ve learned. And yes, it’s free to attend!