User Experience

**Hey fellow AWS enthusiasts! ✨** This April we welcome **[Philipp Hoyer](https://www.linkedin.com/in/philipp-hoyer-621555174/)**, Lead Engineer at Rackspace Technology. He'll walk us through a journey of AWS' popular containerization services Amazon ECS and Amazon EKS running on Fargate by discussing which fits best for which use case, where EKS can make you go nuts and when ECS might shines brighter - or vice versa. **📆 Tonight's Agenda** 19:00 - Welcoming **19:15 - Talk by Phillip** 20:15 - Networking Thanks to our friends at **[CodeCam:N](https://www.codecamp-n.com/)** who open their offices for us and sponsor food and drinks for this evening. Looking forward to seeing you 👋🏻 Nora & Frank \-\-\- The talk ⤵️ **An AWS Container Journey - The Good, The Bad and The Ugly featuring ECS and EKS** EKS on Fargate promises fully managed Kubernetes with zero node management—but the reality is often more complex than expected. This talk explores the journey of building a production workload on EKS Fargate, starting with the initial motivations and architectural decisions. It uncovers three non-obvious pitfalls that only surface during real-world implementation, including challenges with load balancing, EFS integration, and logging. For each case, the underlying issues and the required workarounds are dissected to reveal the hidden operational complexity behind the “serverless” promise. Based on these insights, the talk takes a critical look at whether ECS on Fargate would have been the simpler alternative. It provides a concise overview of ECS, highlights its own limitations, and delivers a direct comparison between ECS and EKS. The session concludes with clear, experience-driven guidance on when to choose which service—helping teams avoid costly assumptions and make better architectural decisions in AWS container environments. The speaker⤵️ Philipp is a Lead Engineer at Rackspace Technology who enjoys turning complex cloud architectures into solutions that actually work in practice. He started in software development, moved through the DevOps world of pipelines, containers, and Kubernetes, and eventually specialized in AWS. He has built and operated cloud solutions ranging from big data and streaming platforms to containerized and serverless workloads. With experience in both insurance and automotive, his focus today is on real-world cloud challenges—especially the ones that don’t show up in the docs. Get in contact with Philipp on [LinkedIn](https://www.linkedin.com/in/philipp-hoyer-621555174/) \-\-\- **Please note:** At the event, photos and videos will be taken for marketing purposes both by our hosts and our location sponsors. We try to offer a hybrid experience by providing a video stream of the talk. There will be no recording published after the event. Please also keep in mind, that we try our best effort to provide a good streaming experience. We don't offer a professional stream, so delays, technical issues or other interference are a matter to be tolerated.

\| Neki istraživački projekti trebaju prenijeti ogromne količine podataka\. Korištenje stolnog računala i uobičajene mreže možda nije najbolja opcija za postizanje optimalnih performansi\. Postavljanje DTN čvora nije uvijek jednostavno: postoji više vrsta softvera\, određene parametre na poslužiteljima treba prilagoditi\, a udaljenosti dodatno smanjuju performanse TCP‑a\. Projekt GN4‑3, u sklopu aktivnosti WP6 T2, proveo je niz testova koristeći GÉANT Testbed Service (GTS). Rezultati su objavljeni u matrici, a dokumentacija i skripte za postavljanje čvorova u dockeriziranom okruženju dostupni su na DTN wiki stranici (https://wiki.geant.org/display/DTN). ## About Network engineer (CCNA, CCNP). My research interests are in the field of secure network communication, implementation of new network protocols and WANs technology (L2 MPLS, multicast, GMPLS, SDN...).

**🎤 Introduction (10-30 minutes)** At the beginning of every meetup, we like to get to know each other better. Prepare to say a sentence or two about yourself. **🎤Main Event(1h 30min)** Topics to look forward to: * how Super ensures the quality of one of their most complex systems * enabling continuous deployment of customized solutions to new countries * minimizing the effort required to scale test coverage * using AI in QA processes that go far beyond generating tests with LLMs **⚡️ Lightning Talks (5 minutes each)** Apply at the event. **☕️ After the Meetup** We will continue the conversation with food and drinks. We are looking for hosts for meetups in 2026. If you would like to host Testival, let us know at [[testivaleu@gmail.com](mailto:testivaleu@gmail.com)]([mailto:testivaleu@gmail.com](http://mailto:testivaleu@gmail.com/)). **💰 Sponsor** This event is sponsored by [Super](https://www.super.xyz/).

Pridruži se kolegama iz Fonoe, Shopify-a, Intercoma & Mindsmithsa na prvom Engineering × Product Talks, community večeri za senior inženjere, engineering managere i product lidere koji žele razgovarati o stvarnim izazovima izgradnje i skaliranja složenih softverskih sustava u eri AI-ja. Fokus večeri je na konkretnim odlukama, trade-offovima i iskustvima iz prakse, iz perspektive ljudi koji svakodnevno grade i vode sustave koji moraju raditi pouzdano na globalnoj razini. Fonoa će podijeliti kako pristupa izgradnji platforme za globalnu poreznu usklađenost u okruženju u kojem se regulativa stalno mijenja, a točnost, pouzdanost i auditabilnost nisu opcija, nego nužnost, te gdje AI sve više igra ulogu u povećanju efikasnosti i skalabilnosti bez kompromisa na kvaliteti. **Riječ je o problemu koji uključuje:** * kompleksnu logiku kroz više jurisdikcija * stroge zahtjeve za točnost i auditabilnost * skaliranje infrastrukture i integracija * balansiranje brzine razvoja, pouzdanosti i kvalitete podataka Drugim riječima, o sustavu u kojem je točnost zapravo proizvodna značajka. **O čemu ćemo razgovarati?** * kako donositi tehničke i produktne odluke pod pritiskom kompleksnosti * kako balansirati brzinu razvoja, pouzdanost i točnost sustava * kako graditi engineering timove s visokim ownershipom i jasnim standardima * kako product i engineering surađuju kada je sustav globalan i reguliran * kako AI uvodi nove arhitekturne i produktne trade-offove u modernim softverskim sustavima **Program** **Uvodna Prezentacija** * [Davor Tremac](https://www.linkedin.com/in/davor-tremac-662144a/) – CEO (Fonoa): What we build & why it matters Uvod u problem koji Fonoa rješava i zašto je izgradnja platforme za globalnu poreznu usklađenost tehnički i organizacijski izazov. **Fireside chat** * [Pablo Carranza](https://www.linkedin.com/in/pablocarranza/) – CTO (Fonoa) * [Filip Šturman](https://www.linkedin.com/in/filipsturman/) – COO (Fonoa) Moderator: [Ante Sladojević](https://www.linkedin.com/in/antesladojevic/) – Chovik, Founder Razgovor o skaliranju organizacije, donošenju tehničkih i produktnih odluka te izgradnji sustava u kojem je točnost ključna funkcionalnost, uz sve veću ulogu AI-ja u unapređenju procesa, donošenju odluka i razvoju proizvoda. **Panel diskusija - Product & Engineering: aktualni izazovi, organizacijski modeli i kultura ownershipa** **Panelisti**: * [Majana Havranek](https://www.linkedin.com/in/majanahavranek/) – Head of Product, Mindsmiths * [Igor Belša](https://www.linkedin.com/in/igorbelsa/) – Development Manager, Shopify * [Mario Kostelac](https://www.linkedin.com/in/mariokostelac/) – Principal Machine Learning Engineer, Intercom Moderator: [Antonio Krističević](https://www.linkedin.com/in/antoniokristicevic/) – Engineering Manager, Fonoa Kako danas izgledaju odnosi između Product i Engineering timova u modernim tehnološkim kompanijama? Kako se donose odluke, kako se dijeli odgovornost i koji organizacijski modeli najbolje funkcioniraju u praksi, uz sve veći utjecaj AI-ja? Na ovom panelu razgovaramo o stvarnim izazovima s kojima se susreću product i engineering timovi: od definiranja prioriteta i ownershipa, preko suradnje između funkcija, do izgradnje kulture koja omogućuje timovima da brzo donose odluke i isporučuju vrijednost korisnicima. Panel okuplja iskusne lidere iz različitih međunarodnih tech kompanija koji će podijeliti svoja iskustva o tome kako njihove organizacije strukturiraju timove, kako balansiraju product i engineering perspektive te kako grade kulturu odgovornosti i povjerenja. **AMA – Ask Me Anything** Direktno pitaj CEO-a, CTO-a, COO-a i paneliste sve što te zanima, bez filtera! **Nakon programa** Od 20:00 do 22:00 slijedi networking uz hranu i piće - prilika za nastavak razgovora, razmjenu iskustava i neformalne diskusije sa senior kolegama iz engineering i product zajednice. Sudionici će imati mogućnost i neformalnih razgovora s C-level timom Fonoe u opuštenijem formatu. **Kome je događaj namijenjen?** * Senior Software Engineerima * Staff+ Engineerima * Engineering Managerima i Tech Leadovima * Product Managerima i Product Leaderima Cilj je okupiti ljude koji žele razgovarati o sustavima, odlukama i leadershipu, a ne o buzzwordima. **Što možete očekivati?** * konkretne uvide iz prakse, bez marketing filtera * otvorenu diskusiju s C-level timom Fonoe * priliku za postavljanje pitanja i razmjenu iskustava * kvalitetan networking sa senior kolegama iz engineering i product zajednice Mjesta su ograničena – registrirajte se na vrijeme!

Speaker: **Hrvoje Novak, Anita Banjac,** **LARES - Laboratory for Renewable Energy Systems - FER** Title: **Python as a Research Workhorse: From Data to Optimal Control in Smart City Systems** Python is often seen as a glue language for automation and data analysis, but in research it becomes a powerful platform for modeling, optimization, and control. We show how it is used to build advanced decision-support and control algorithms for large-scale technical systems – starting from real-world measurements and nonlinear system models, we move through machine learning and optimization-based control, illustrating how these pieces come together in real smart city applications. We will take a behind-the-scenes look at how advanced control solutions are built, tested, and deployed in complex, real-world systems. \-\-\-\-\-\-\-\- We are in for a treat! Join us on **Tuesday** at MaMa to hear researchers from FER share their experiences from projects they did with industry partners solving real-world problems on a scale. Drinks and friendly discussion afterwards at [Old Pharmacy Pub](https://maps.app.goo.gl/AeaRdnBrMqPiRhvPA) 🍻🍷🥤☕️

🚀 **Poziv na 9. ZGBit: Otvoreni podaci za inkluzivniji Zagreb** Dragi svi, pozivamo vas na **9\. ZGBit**, u organizaciji Gradskog ureda za digitalizaciju, nove tehnologije i tehničke poslove Grada Zagreba, koje ovoga puta posvećujemo temi: 👉 **Kako otvoreni podaci mogu unaprijediti kvalitetu života osoba s invaliditetom** U suradnji s **Gradskim uredom za socijalnu zaštitu, zdravstvo, branitelje i osobe s invaliditetom**, istražit ćemo konkretne načine na koje tehnologija i otvoreni podaci mogu doprinijeti inkluzivnijem gradu. 🔍 **Što vas očekuje?** * inspirativni primjeri iz europskih gradova koji su već napravili značajne iskorake * pregled mogućnosti koje otvoreni podaci nude u području socijalnih usluga i pristupačnosti * otvorena rasprava između korisnika, stručnjaka i donositelja odluka * kratki, praktični rad u grupama gdje će IT zajednica zajedno s korisnicima pokušati osmisliti ideje za aplikacije ili druga digitalna rješenja 🤝 Događaj je namijenjen: * osobama s invaliditetom * predstavnicima institucija i lokalne uprave * članovima IT i open data zajednice * svima zainteresiranima za društveno korisne tehnološke inovacije * članovima istraživačke zajednice koji se bave temama vezanima uz invaliditet ⏱️ Trajanje: 2,5 sata 📍 Lokacija: Zagrebački energetski centar (ZEC) Cilj nam je zajedno osmisliti konkretne ideje i potaknuti suradnju između grada, zajednice i tehnološkog sektora. 📢 Prijave će biti dostupne ovdje, putem Meetup platforme ili na meetup@zagreb.hr – pratite nas i osigurajte svoje mjesto! Vidimo se na 9. ZGBit-u!

Boje nisu samo ono što vidimo – one su energija na različitim frekvencijama. Svaka boja donosi posebne dobrobiti tijelu i umu, održava ravnotežu, jasnoću i unutarnji sklad. Probudite svoju kreativnost, aktivirajte svoju unutarnju snagu i unesite više radosti i uspjeha u svoj život. Svojim dolaskom i donacijom izravno podržavate rad našeg Kluba. Hvala :)

**Beer, Pizza and IoT Meetup (Siemens Digital Twins Special)** AGENDA 18:30-19:00: Pizza and Beer (other drinks available) 19:00-20:00: Talk by Kazeem.Oladipupo and Ege Korkan on "Why simplifying IoT interoperability makes connected Digital Twins a reality?” 20:00-21:00: Networking with potentially more beer Look forward to seeing you all there. Due to limited capacity, we reserve the right to restrict admission. Pizza, beer and seats first come first serve! :)

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

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

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

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

Dinner and dancing

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

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!