Laser Tag

**3x3 Basketball** practice in **Gymnázium Na Pražačce** indoor basketball court. **Start at 19h00**. Everybody is welcome, no age, gender nor any restriction of any type to join. We got a full field, rotating with 3x3 matches on each side. Cost: **90 crowns**. Please send the money using the **QR Code** stored here: https://imgur.com/a/thtAJd0 In case of any Opt-out within 24h of the session, or no show, the payment will be due (you still can ask someone to come instead of you, as your spot will be booked)

\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **VAULT OF THE UNDYING** We jump into the exciting tale of **Dragonlance**! It takes places in the lands of Solamnia, near the capital city Solanthus, on the world of Krynn. **BMG-DL-VOTU-05 Dragons of Affliction (Level 5 - 7)** Clues to the Genesis Shard’s location lead you to the Garnet Mountains and the halls of the Dwarves of Kayolin. There, the clans convene with the Knights of Solamnia, who are petitioning for an alliance to defend their shared borders against invasion. However, an ancient evil threatens bones long hidden in the earth, endangering the critical accord. \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **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-7 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/1yaVW5QrBNCaXPJ1uOSCLaa7v4BCBnUBi/view?usp=sharing](https://drive.google.com/file/d/1yaVW5QrBNCaXPJ1uOSCLaa7v4BCBnUBi/view?usp=sharing)

Maybe we all could be working remotely, getting things done through armies of AI agents. But do we want to? Working as Lead Facilitator and Design Thinking Architect in MSD, Lukas sees a lot of demand for human connection - even in workshops focused on designing AI solutions. In this Meetup, you’re going to pack your facilitator’s toolbox. You will experience and learn exercises that help professionals across various domains empathize, connect and learn from each other. Warning: By joining this Meetup you are at risk of making new friends. Attend at your own risk! **Speakers**: * Lukáš Liebich **Agenda**: * 17:30 – 17:45 - Registration * 17:45 - 19:15 Interactive Workshop * 19:15 – 20:00 Networking time 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.

~~Because nothing says “midweek crisis” like screaming pop ballads with strangers~~ So you’ve survived Monday... congrats! Celebrate by joining us **every Tuesday** for the most *questionable life choices* you’ll never regret — Karaoke Night! **FREE ENTRY** – because we know you blew your paycheck on brunch last weekend. 🧍‍♀️👨‍🦯For the socially allergic (aka shy or introverted), we’ve got **ice-breaking games** that are only mildly awkward. You might actually meet someone who *also* sings off-key. Soulmates? Maybe. 🍸 Cocktails for **135 Kč** – dangerously tasty. 🍺 Beer for **49 Kč** – cheaper than therapy. 📍 **WHERE THE MAGIC HAPPENS** **TEQUILA TALES BAR & MUSIC CLUB** Újezd 409/19, Prague 1 (Tram stop: Hellichova or Újezd – don’t pretend you don’t use Google Maps) 📲 Stalk us or message your future karaoke group here: [https://www.instagram.com/tequilatales_prg/](https://www.instagram.com/tequilatales_prg/)

Join us for a movie night at **Kino Ponrepo** on **Tuesday, April 7th.** We’ll meet at **20:00** ***at Ponrepo cafe*** before the film starts at **20:30**. I will be waiting at the cafe, so please look me up (reference my meetup photograph). We'll be watching *[Happy end](https://nfa.cz/cs/25840-happy-end?screening=63508),* a 1964 experimental comedy film by Oldřich Lipský. Come enjoy this screening and stay for a drink and a chat about the film afterwards! **NOTE:** Please buy your own tickets (available online: [tickets](https://goout.net/en/tickets/happy-end/jqjkb/)). (seats not numbered) **Kind request:** If you register to attend but later cannot make it, please update your RSVP in time — thank you!

Time to gather your smartest(or just the funniest) friends! 😁 Our Pub Quiz Tuesdays are back for another night of international trivia, chill vibes, and great times. 😊 Get a team of 1 to 4 people together and see if you have what it takes. We have some awesome prizes waiting for our top teams, so every guess counts. And if you don’t win? You will lead skmethjng new and how some fun! 😁 We kick off at 6:45 PM (start at 7 PM). Grab a table early, get a drink, and let’s see if your crew will be our next champions! 🍻🧠 Event costs 70 CZK, you can pay in person, or online: https://connect.boomevents.org/erasmusinprague/erasmus-pub-quiz-cfxza Organised in collaboration with Erasmus in Prague :)

Anyone up for having an after work pint? :) Join me at Becketts Irish pub at 7pm! Try to come on time, the booking is on my name. :) PS. A symbolic fee of 40 CZK will be collected in order to cover the Meetup membership subscription, thank you for understanding and hope to see you all there! Maya

Pojďme se pravidelně potkávat a sdílet zkušenosti z Power Platformy, co nás na ní baví, co nás trápí a co nového zajímavého přichází. A pokud už nám to někde reálně běží, pochlubme se, jak to funguje nebo nefunguje. Témata jsou primárně Power Automate, Power Apps, Power Pages, Power BI, Copilot Studio, Dynamics 365 a Dataverse. Budeme rádi i za méně pokročilé příspěvky, protože většinou jsme velmi hluboko v technických detailech. **Lokalita:** Fyzicky v Microsoftu v Praze Vyskočilova 1561/4a, Praha 4, 140 00 Místnost Morava Případně online na [https://ppug.community/stream](https://ppug.community/stream) **Jazyk:** čeština **Agenda:** [https://ppug.community/agenda](https://ppug.community/agenda) **Přihlašte vlastní příspěvek:** [https://ppug.community/sessions](https://ppug.community/sessions) **Link na stream:** [https://ppug.community/stream](https://ppug.community/stream) **Občerstvení:** Bagety **Úroveň:** 100-300 Tak si prosím naplánujte čas ve svých kalendářích a přijďte, pokud bude chuť a čas, tak si po meetupu určitě můžeme sednout na pivo.

Let's play badminton at Sports Centre Olšanka. We'll meet at 11.40 and play for 60 minutes. If you have a Multisport card please bring it along, as it will make the court free for you and also reduce the cost for others. If you don't have a Multisport card the game will cost you a maximum of 150 crowns, probably much less. I will cover the cost of the court so please bring cash to pay me. There is a small organisation fee of 20 crowns for all players to participate in this event. Racquets can be rented for 50 crowns.

**5-a-side Football** practice at Rajská Zahrada artificial grass pitch. No cleats shoes. Maximum of 15 participants for a 3 teams of 5 rotating. **Kick off at 18h00**. Everybody is welcome, no age, gender nor any restriction of any type to join. Cost: **90 crowns**. Please send the money using the **QR Code** stored here: https://imgur.com/a/G8NWGjM In case of any Opt-out within 24h of the session, or no show, the payment will be due (you still can ask someone to come instead of you, as your spot will be booked)

**Pomlázky se už pletou, vajíčka se malují… a až se z té velikonoční radosti vzpamatujeme, tak nás čeká první jarní pražský meetup! 🥚🌿🔥** Večer plný talků, nápadů, budoucnosti a podobně naladěných lidí. Jako vždy to rozjedeme Nowwwinkami a pak se ponoříme hlouběji do programu, který opět stojí za to. Přijďte si pro svoji dávku inspirace. Hostit nás budou Mews ve svých pražských kancelářích, kde se můžete těšit nejen na skvělé prostředí, ale i komunitu lidí, kteří žijí frontendem stejně jako vy. 🚀 **Hlavní line-up a na co se těšit dále** 🤩 * 🟢 18:00 otevíráme * 1️⃣ 18:40 **Nowwwinky** od Tomáše Kouta * 2️⃣ 19:00 **Frontend Observability v časech AI: přežitek nebo nutnost?** od Alexe Ratmana * 3️⃣ 19:30 **Proč vám váš CEO bere práci?** od Martina Michálka * 4️⃣ 20:00 **7 klíčových kompetencí vývojáře v době AI** od Marka Velase * 🎓 80+ nadšených účastníků * 🍻 a v neposlední řadě kvalitní catering a networking \-\-\- 1️⃣ Tomáš Kout se svými **Nowwwinkami** otevře večer svým přehledem toho nejzajímavějšího z poslední doby. Rychle, výstižně a se vším, co si zaslouží vaši pozornost. \-\-\- 2️⃣ Následuje přednáška na téma **Frontend Observability v časech AI: přežitek nebo nutnost?** od [Alexe Ratmana](https://www.linkedin.com/in/alexratman/) z Mews.com Ve světě, kde AI generuje čím dál víc frontendu, je lákavé myslet si, že observability se postará sama. Ale co když se něco pokazí a vy nevíte kde, proč ani kdo? Na příkladu Mews ukážu cestu od téměř nulové frontend observability až po nasazení Coralogixu a interní vzdělávání týmu. A jako bonus: reálný případ z prostředí velkého evropského telekomunikačního operátora, kde Claude analyzoval produkční problémy na základě dat, která jsme nasbírali - důkaz, že v AI éře jsou dobrá data důležitější než kdy dřív. *O Alexovi: Alex je Senior Frontend Developer ve společnosti Mews, která vyvíjí cloudový hotelový software používaný hotely po celém světě. Za téměř pět let v Mews se intenzivně věnoval frontend observability - od stavu, kdy tým létal naslepo, až po zavádění Coralogixu a budování kultury datově řízeného vývoje. Organizoval interní sérii „Frontend Observability Kindergarten", kde frontendový tým společně prozkoumával možnosti nových nástrojů. Věří, že dobrá observability není o dashboardech - ale o schopnosti pochopit, co se děje s uživatelem právě teď.* \-\-\- 3️⃣ Po přestávce navážeme příspěvkem **Proč vám váš CEO bere práci?** od [Martina Michálka](https://www.linkedin.com/in/martinmichalek/) Velmi dlouho jsem se na svět díval vývojářskou perspektivou. Teď jsem především CEO. Jeden z těch CEO, kteří se zbláznili do vibe-codingu a lezou svým lidem do kódu. To nechcete. Nebo chcete? Vývojářská perspektiva mi umožňuje to vidět i očima frontendistek a frontendistů. Ukážu vám ukázky aplikací, na kterých jsem se podílel, výhry, fuckupy, i vývojářský a produktový pohled. *O Martinovi: Martina snad není nutné představovat*… *😊 tak jen pro zopakování. Martin je známá osobnost české frontendové komunity a dlouhodobě se věnuje hlavně rychlosti webu a webové výkonnosti. Je autorem projektu [Vzhůru dolů](https://www.vzhurudolu.cz) a jeho práce propojuje technickou kvalitu webů s dopadem na UX a byznys. Veřejně vystupuje také v odborných článcích, školeních, konferencí a komunitních aktivitách kolem frontendu obecně. Spolupořádá konferenci [FrontKon](https://www.frontkon.tech/) a je otcem zakladatelem naší komunity [Frontendisti](https://www.frontendisti.cz).* \-\-\- 4️⃣ Večer uzavřeme tématem **7 klíčových kompetencí vývojáře v době AI** od [Marka Velase](https://www.linkedin.com/in/marek-velas/) (Talent mentor a founder edupunk.cz) Psychologický pohled na to, co se skutečně mění — a proč to není o nástrojích. AI dnes negeneruje jen kód. Generuje možnosti. A tím mění práci vývojáře víc, než se zdá. V téhle krátké přednášce se podíváme na 7 kompetencí, které začínají rozhodovat o tom, kdo bude v AI-first prostředí opravdu silný developer — a které se přitom netýkají technologií, ale způsobu přemýšlení. Nejde o nástroje. Jde o změnu role. *O Markovi: Marek působí jako Talent mentor a je hrdým founderem platformy [edupunk.cz](http://edupunk.cz/).* \-\-\- Přijďte si poslechnout, podiskutovat a nastartovat se po Velikonocích správnou Human-AI energií. ✨ Neváhejte s registrací a zabookujte si místo – bude to stát za to! 🎉 👉 Pro další zajímavé novinky a dění sledujte kanály komunity na [Youtube](https://www.youtube.com/@FrontendistiCz), [X](https://x.com/Frontendisti), [Facebooku](https://www.facebook.com/frontendisti/), [Instagramu](https://www.instagram.com/frontendisti/), [LinkedInu](https://www.linkedin.com/company/frontendisti/posts/?feedView=all) nebo navštivte [náš web](https://www.frontendisti.cz).

Come and join us for a fun, friendly, but competitive game of 7-a-side. All abilities welcome. Artificial, outdoor pitch all year round, whatever the weather. The game starts at 19:30, please be ready to play by then. This football training event is organized by **Taverners FC z.s.** (IČO 23530791). By taking part in this event, each participant confirms that they are responsible for their own health and physical condition. Participation is voluntary and at the participant’s own risk. Taverners FC is not responsible for any injuries, health problems, loss, or damage that may occur during or as a result of participation in the event. Each participant confirms that they are fit to participate. IMPORTANT! A place is ONLY guaranteed for those who are on the list for the event. If you are on the waiting list, please wait patiently until you are on the actual list. Even if you see free spots on the list, but you are still on the waiting list, a place is NOT guaranteed. Also, we do last-minute subs in the Facebook group every Thursday afternoon: https://www.facebook.com/groups/tavernersprague The game costs 60 crowns. Ways to pay: 1\. With cash\. Ideally\, with exact change\, or no more than a 200 crown note\. 2\. On Revolut \- @simonalperovich / QR code at the game\. Late cancellation after 14:00 on the day of the event costs 60 crowns.

Calling all tabletop detectives and storytellers in Prague! 🌿🕵️‍♂️🕵️‍♀️ Join us for an unforgettable afternoon of intrigue, deception, and drama — this time **outdoors at Riegrovy Sady**! With the good warm weather finally arriving, we’re taking *Blood on the Clocktower* into the sun, the grass, and the open air for maximum vibes. Step into the mysterious village of Ravenswood Bluff, where no one is quite who they seem. Will you uncover the demon, protect the town as a Good character, or sow chaos as the Evil? Every round brings new twists, secret roles, and shocking revelations — perfect for friends old and new. No experience? No problem! We’ll guide you through the rules, and you’ll be scheming, bluffing, and deducing in no time. **When:** Sunday, 12 April from **15:00** onwards **Where:** **Riegrovy Sady** 🧺 **Important:** Since we’ll be playing outside, please **bring picnic blankets** (or something comfy to sit on). 🌧️ And a small heads-up: if rain is forecast, the event may be **postponed** — we’ll confirm closer to the date. Mark your calendars, bring your wits, and get ready for an afternoon of suspense, laughter, and unforgettable storytelling. Let the mystery begin! 🔥

**6-a-side Football** practice at Pražačka Football artificial grass pitch. Maximum of 36 participants for 6 teams of 6. **Kick off at 12h00**. Everybody is welcome, no age, gender nor any restriction of any type to join. Cost: **90 crowns**. Please send the money using the **QR Code** stored here: https://imgur.com/a/PjU32Fi In case of any Opt-out within 24h of the session, or no show, the payment will be due (you still can ask someone to come instead of you, as your spot will be booked)

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

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