Graphical User Interfaces

Frustruje tě občas AI při vývoji softwaru či automatizaci procesů? Zajímá tě jak programují a pracují s AI ostatní – doopravdy, ne v demo ukázkách? Chceš sdílet a poznávat lessons learned a tipy, co fungují? Tohle je večer o reálné práci s AI. O chybách, slepých uličkách, hackech a malých vítězstvích. V práci i na side projektech. Počet míst je omezen. **Nutná registrace zde:** https://contextloop.eventcube.io/events/92896/contextloop-ai-vibecode-sdileni-zkusenosti-trablu-a-tipu/ 🧠 **Co tě čeká:** * krátké ukázky reálných projektů a využití AI * otevřené sdílení problémů („tohle mi nefunguje, pomozte“) * společné hledání řešení a sdílení tipů * lehká soutěž / výzva, do které se může zapojit každý (vem s sebou notebook!) * networking v menším, přátelském kruhu 📍 **Místo konání:** ***Work Lounge Václavské náměstí (Open Event Space)*** https://www.worklounge.com/mistnosti/vaclavske-namesti/80-open-space Adresa: Václavské náměstí 3, Praha 1 ✨ **Jak to bude vypadat?** Jde o neformální večerní setkání určené především těm, kteří využívají, programují nebo se učí programovat s pomocí AI (ať už v práci nebo ve volném čase). Nic fancy, nejde o přednášky ani konferenci, ale o sdílení reálných projektů, zkušeností a problémů z praxe. Bez pódia a bez klasických speakerů – cílem je, aby každý mohl být součástí dění. 👥 **Komu je akce určena:** Těm, kdo používají AI k automatizaci, vývoji softwaru nebo se sami učí programovat s pomocí AI (vibecoding), ale i kdokoli se zájmem o takovéto praktické využití AI. ⏰ **Program:** ***18:00–18:10 — Přivítání a sběr témat*** úvod a sběr otázek / problémů od účastníků (AI, vibe coding, projekty) ***18:10–20:00 — Show & Struggles (ukázky vybraných projektů)*** krátké vstupy (10 min) reálné projekty, práce s AI otevřené sdílení problémů a slepých míst ***20:00–21:00 — Společné řešení & interakce*** hlasování o nejčastějších / nejzajímavějších problémech společné hledání řešení a sdílení tipů ***21:00–21:30 — Mini soutěž*** kdo má chuť to zkusit, notebooky s sebou ***21:30–22:00 — Networking*** neformální diskuze a volné pokračování debat u projektů Detaily a časování programu se mohou změnit. Máš otázku? Napiš nám zprávu nebo email na info@contextloop.cz.

\~FREE EVENT\~ Meet Locals & internationals People Every Tuesday & Make New Friends🙂 For introverts and shy people (we all are sometimes), we have ice-breaking games and more... so feel free to come by. Everyone is invited to enjoy amazing Cocktails in 135kc only🍸 Beer in 49 kc 🥂🍻 It is organized after our Biggest Event in Central Europe with 234 people in a single event. 🙂 📍LOCATION TEQUILA TALES BAR & MUSIC CLUB Újezd 409/19, 118 00 Malá Strana, 118 00 Prague, Czech Republic (Nearest tram stop- Hellichova & Ujezd) ❓Questions❓ Follow & write to https://www.instagram.com/tequilatales_prg/ *** \~AKCE ZDARMA\~ Každé úterý se seznamte s místními a mezinárodními lidmi a najděte si nové přátele🙂 Pro introverty a stydlivé lidi (všichni jsme někdy) máme hry na lámání ledu a další... tak neváhejte a přijďte. Všichni jsou zváni k vychutnání úžasných koktejlů jen za 135 kč🍸 Pivo za 49 kč 🥂🍻 Je pořádána po naší největší akci ve střední Evropě s 234 lidmi na jediné akci. 🙂 📍 POLOHA TEQUILA TALES BAR & MUSIC CLUB Újezd 409/19, 118 00 Malá Strana, 118 00 Praha, Česká republika (nejbližší tramvajová zastávka- Hellichova & Újezd) ❓Otázky❓ Sledujte a pište https://www.instagram.com/tequilatales_prg/

**Používáte už AI asistenty při kódování, nebo nad tím zatím jen přemýšlíte?** Ať už jste skeptici nebo nadšenci, Jiří Kubala a Šimon Podhájský vám na našem nadcházejícím setkání ukážou, jak s AI v reálu pracují oni. Dozvíte se o konkrétních use cases, kde to funguje a kde to zásadně selhává, a hlavně jak na to, aby vám AI skutečně ušetřila čas místo toho, aby vám ho žrala. Nebude to o teoretickém hype, ale o reálném kódu a praktických zkušenostech. Jiří a Šimon sdílí své přístupy, workflow a taky pár fail stories, které vás možná ušetří vlastních chyb. A samozřejmě, večer zakončíme kvalitním pokecem u piva a v atmosféře bublajících dýmek. Přijďte včas, abyste si zajistili pohodlné místo. Těšíme se na vás!

🎲 **Board Games Night at Sophie’s Hostel** 🎲 **Every Tuesday \| From 19:00 \| Sophie's Hostel bar** Ready to roll the dice on a fun night in? Join fellow travelers and new friends for **Board Games Night** every Tuesday at 19:00 in the hostel bar! Whether you're a competitive strategist or just in it for the laughs, we've got a table (and a game) for you. 🃏 Classic and modern games (You are more than welcomed to bring your own games) 🎉 Laid-back, social vibe and meet international travellers 🍻 Bring your drink, bring your game face! No experience needed—just show up and play. It’s the perfect way to meet people, unwind, and maybe even win bragging rights for the night!

# **Secret Ingredient for Successful Career in IT** Join us for a meetup where you will discover the **secret ingredients** **for achieving success in the field of Information Technology.** Join us for a meetup where you will discover the **secret ingredients** **for achieving success in the field of Information Technology.** This event will provide you with the opportunity to listen to experienced professionals from various levels within the IT industry, as they share their journeys towards reaching their current positions. Our guest speaker, **Jan Prokop**, will share his journey in Cybersecurity and his Information Security manager role. Following the presentation, we will host a panel discussion, bringing together **managers, students and IT Emerging Talent Rotational (ETR) program participants** to provide a comprehensive understanding of the challenges and opportunities in IT. Don't miss out on this chance to uncover the secret ingredients for successful career in IT and connect with others in the field! **Program**: 17:00 – Welcome and Future Talent Programs Overview for university students and graduates (Internship and ETR programs) 17:30 – 18:00 Jan Prokop - his Journey in Cybersecurity area 18:00 – 18:45 Panel discussion with Kate Gulina, Tomas Mlynar, Olivia Zhou, Jakub Kantner and Martin Budil 18:45 – 19:00 QA 19:00 – 19:30 Networking See you there! Please note: photos and/or short videos may be taken during this event for use in our promotional and marketing materials (website, social media, newsletters, etc.). If you prefer not to be photographed or recorded, please let an organizer know when you arrive and we will do our best to accommodate your request.

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **CANDLEKEEP MYSTERIES** Want a change of pace from the **Tomb of Annihilation** storyline? An alternative route through the anthology of seventeen mystery-themed adventures. **CM11 - Zikran's Zephyrean Tome (Level 10)** Zikran’s *Zephyrean Tome* is an ancient spellbook said to command the winds themselves—and now its scattered pages are stirring violent skies, drawing adventurers into a race against rival factions to claim its power before the air turns deadly. \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **CAST IDENTIFY: WHAT IS ADVENTURERS LEAGUE?** Adventurers League (AL) is a D&D public play program - start the story at one table, and bring your character to the next part of the adventure at any AL table in the world! **New to D&D?** No problem! Our DMs will be happy to help you - just bring your imagination and the items below! \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **ADVENTURING GEAR: WHAT TO BRING** Mandatory: ♦ 200 CZK (pay in cash or by QR code) Recommended: ♦ Snacks & drinks ♦ Pen or pencil ♦ Polyhedral dice (or borrow some of ours) ♦ A Lv 5 - 10 AL legal character \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **STUCK IN A PIT TRAP: CANCELLATIONS** If you realize you cannot join us, please do change your RSVP to "No" as soon as possible - there may be other players waiting to join. See you there, Adventurer, and may your dice roll high! ♦ Discord: https://discord.gg/WXvRrksrT4 ♦ Facebook: facebook.com/ddalprague ♦ Contact: ddalprague@gmail.com ♦ Adventurer's League: https://www.dndbeyond.com/posts/1676-what-is-adventurers-league ♦ Current Player's Guide: https://drive.google.com/file/d/1wkVAx2QQL39caCHPl8UNmLDaExcjLPYD/view?usp=sharing

We will read/watch this short play (30 pages; 1:17:00 video) and discuss our reactions and interpretations together. You can find an excellent film adaptation [here](https://m.youtube.com/watch?v=L5vhQ4d_KMI). As for the text, I haven’t found a good online version but you might be able to obtain one. This is an absurd play about a woman buried up to her waist in sand going about her day. To say more would spoil the pleasure of watching it. I look forward to hearing your reactions!

**The BUILD Meetup is here!** Join us for an exclusive session with the Snowflake community in Prague! We're bringing the Season of BUILD to you with an in-person event focused on the latest innovations in AI and data. Come learn, network, and collaborate with local experts and fellow builders. **Event Details** The **Season of BUILD** is a global initiative created to connect developers and builders who are innovating on the Snowflake Data Cloud. This is your chance to get an exclusive, deep dive on the product capabilities announced at our virtual BUILD conference. This isn’t your typical tech talk. This is a hands-on opportunity for you to roll up your sleeves, learn about new features, and connect with other builders and local experts who are at the forefront of the Snowflake ecosystem. Come together with your peers in Prague to learn, collaborate, and strengthen your network. **What to Expect** * Hands-on Learning: **We’ll be exploring one of two cutting-edge themes: Snowflake Intelligence or Dynamic Tables.** You’ll walk away with practical insights and real-world skills you can immediately apply to your projects. *Snowflake Intelligence:* Discover how to build and deploy intelligent, AI-powered applications directly on your data. This is where you learn to turn your data into a secure and scalable AI engine. *Dynamic Tables:* Learn how to create self-managing data pipelines with simple, declarative SQL. Say goodbye to complex orchestration and hello to continuous, low-latency data streams. * **Networking with a Purpose:** This is more than just an event; it's a community. Connect with fellow Data Engineers, Data Scientists, and Software Developers who are actively building with Snowflake. **Who Should Attend** This event is for anyone who loves to build, create, and innovate with data. Whether you’re a seasoned AI specialist, a data professional looking to streamline your workflows, or a developer just starting your journey on the Data Cloud, this is your opportunity to gain new skills, share ideas, and connect with a dynamic community. **Ready to build?** Spaces are limited, so secure your spot and join us for an evening of learning and collaboration. **RSVP** here **[See BUILD Meetup at Snowflake User Groups Prague](https://usergroups.snowflake.com/events/details/snowflake-prague-presents-build-meetup/)**.

🎨 **Art Night at Sophie’s Hostel** 🍷 **Sip. Paint. Express.** Join us for a one-of-a-kind **Art Night** where creativity flows as freely as the drinks! Whether you're a seasoned artist or just looking to try something new, this is your chance to **draw anything you want**, in a relaxed and inspiring setting. 🎨 All painting supplies are provided for just **150 CZK (Pay on arrival either by cash or card)** — or feel free to **bring your own** and join in for free. 🍷 Our **amazing bar** will be open all night, so grab your favorite drink and let the creativity pour. 🕒 There’s **no time limit** — stay as long as you’re vibing. 💫 It’s not about being perfect — it’s about **expressing your feelings through art**. Whether you come solo or with friends, **Art Night at Sophie’s Hostel** is your space to relax, sip, create and meet new people.

**⚠ IMPORTANT!⚠** **We moved the talks start to 19:00, club opens at 18:30.** **Due to illness the previously announced lecturer, the topic has changed:** **Talk** by *Jakub Červinka* **A general introduction to the Advent of Code.** The talk will be continued by a moderated discussion. **Schedule** **18:30** – Doors open **19:00** – Talk “A general introduction to AoC” 19:45 – Lightning talks: add yours to [https://bit.ly/prpylight](https://bit.ly/prpylight) after 20:00 – Networking **Good to know** * You don’t have to register for this meetup – the actual attendance is usually bigger than indicated in the “Going” list here. * **Cash only payments – club doesn’t accept cards.** * Talks at Pyvo are mostly in Czech but if there’s somebody who doesn’t understand Czech talks are switched to English if the speaker is able to do so. * Besides both soft drinks and beer it's possible to eat at the club. Choice is variable and consists of 4 to 7 options ranging from toast, sausages and soup to fried cheese in a bun, goulash or schnitzel. * Club closes at midnight.

Get ready to code, create, and connect at The Vibe Coders Prague - Vibe Coding Workshop. Join us for whole day hackaton packed with innovation, teamwork, and good vibes. ​Whether you are a seasoned vibe coder or a complete newbie, whether you have an idea for a project or you don't, whether you want to work alone or in a team... all are welcome! This is your chance to dive into exciting challenges, try out AI-assisted coding and meet fellow tech enthusiasts. ​​​We'll spend the day vibe coding followed by evening demos of all the cool stuff that was built. And if you don't want to present anything in the evening, that's ok too! No pressure. ​​Bring your laptop, your ideas, and your best team spirit. Agenda: * 09:00–10:00 — Kick‑off: idea sharing and basic vibe coding intro (opportunity to present MSD) * 10:00–12:00 — Vibe coding (solo or in teams) * 12:00–12:30 — Lunch break (light lunch) * 12:30–18:00 — Vibe coding continues * 18:00 — Optional presentations begin * 18:00–21:00 — Project presentations and networking PLEASE REGISTER ON: THE VIBE CODERS PROFILE. [The Vibe Coders - Prague, vol. 10 · Luma](https://luma.com/qfk2mjzs) See you there! Please note: photos and/or short videos may be taken during this event for use in our promotional and marketing materials (website, social media, newsletters, etc.). If you prefer not to be photographed or recorded, please let an organizer know when you arrive and we will do our best to accommodate your request.

We’re opening our doors for another Make meetup — this time exploring how AI agents are reshaping teams, roles, and leadership. Short talks, honest perspectives, and a panel that skips the hype and gets practical. 👉 Save your spot via the link: https://luma.com/rip-engineering-team

Hello ladies, Another meeting is here 🎉 Would you like to get to know other women who are interested in IT or work in the field? Let's build a community together, meet & get to know new friends, and talk about everything and anything. A table will be booked on name Michaela. Looking forward to seeing you! 😊

Hola tod@s! Tenemos otra reunion este viernes en Cafedu! Sois muy bienvenidos!

## Learn Infrastructure-as-Code (the FUN Way) — Through Minecraft 🎮☁️ **Joint Meetup: Azure CBUS × Columbus HashiCorp User Group** What if learning Terraform and Infrastructure-as-Code didn’t feel like a whitepaper… but more like a game? Join us for a joint Azure CBUS and Columbus HashiCorp User Group meetup where **Mark Tinderholt** \(Principal Architect\, Microsoft Azure \| HashiCorp Ambassador \| “The Azure Terraformer”\) shows how **Minecraft** can be used as a surprisingly powerful way to understand real-world Infrastructure-as-Code concepts. In this session, Mark will demonstrate how Terraform and Azure can be used to provision, configure, and manage Minecraft servers—while teaching the same patterns you’d use for production cloud infrastructure. ### What we’ll cover * Infrastructure-as-Code fundamentals using **Terraform** * Provisioning real infrastructure on **Azure** * Applying **IaC best practices** (immutability, repeatability, versioning) * How playful environments like Minecraft make complex concepts *click* * Why learning through experimentation beats click-ops every time ### Who should attend * Developers, platform engineers, and cloud engineers * Terraform users (new or experienced) * Anyone curious about Infrastructure-as-Code but tired of boring examples * Minecraft fans who want to see it used in a totally unexpected way No prior Minecraft experience required—just curiosity and a willingness to learn infrastructure the fun way. Come for the blocks, stay for the Terraform. 🧱➡️📐 Want to be a speaker? submit your talk to our Call for Presenters!!! https://sessionize.com/cbus-hug-2026/

Bring your work or your hobby, hang out, and code with us. Follow @buckeyecocoa for more information.

**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 **Abstract** GitHub Copilot is rapidly changing how developers write, understand, and maintain code. Powered by generative AI and deeply integrated into modern development environments, Copilot acts as an intelligent coding assistant, helping developers move faster while maintaining quality and focus. In this session, we’ll explore what GitHub Copilot is, how it works, and where it fits into a real-world developer workflow. We’ll break down what Copilot can (and cannot) do, where it can be used, and how licensing differs for individuals and organizations. Most importantly, this talk goes beyond theory with a live, hands-on demo showcasing Copilot inside the IDE and on GitHub, demonstrating how it can assist with code generation, refactoring, learning new APIs, and accelerating day-to-day development tasks. Designed for developers, technical leads, and engineering managers, this session provides a practical introduction to AI-assisted development, highlights best practices for getting value from Copilot, and closes with guidance on how to continue learning and evolving alongside this rapidly advancing tool. Attendees will leave with a clear understanding of how GitHub Copilot can enhance productivity, improve developer experience, and fit into modern software teams today, not someday. **YouTube Link** 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.

**NEW LOCATION: Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: * 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. * 6:30 to 8:00 pm. Main meeting and presentation(s). For this first meeting of the year, we will be reviewing submissions for the [Your Program is Hideous and Obfuscated Challenge (YPHOC). ](https://docs.google.com/document/d/13zbxwElpJqPMuAN4Ele2hUgsqtFKzH3OCTL5NEeiLKQ)Submissions for this challenge are due by January 12th, 2026. The details can be found here: or on our website http://www.cohpy.org See Our [Parking Map](https://docs.google.com/presentation/d/1u2A4fLNlxwLJn0KA_hKc8bnFlFHLvsHBDh-_8wzX_tk/edit?usp=sharing) We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact centralohpython@gmail.com

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

**Topic and Speaker TBD** ***Bring your laptop and expect to write some (non-AI generated) code!*** *(title subject to change)* Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017