Web Design

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

🎤🔥 OPEN MIC \| JAM SESSION @ Tequila Tales 🔥🎶 Ready to step on stage, grab the mic, and let your talent shine? ✨ We’re launching a weekly Open Mic \| Jam Session — a vibrant\, inclusive space where artists come together to create\, experiment\, and perform in front of an energetic\, supportive crowd 🎭💛 📅 Every Wednesday 🚀 First Edition: Wednesday, 21st January 2026 🎭 Who can perform? 🎤 Poets & spoken word artists 😂 Stand-up comedians 🎸 Musicians & bands 🎭 Improv & theatre performers 🪄 Magicians & experimental acts ⏱ Performance slots: 15–20 minutes 🎶 Open format \| Free entry \| Community vibes only 📝 Want to perform? Sign up here: 👉 https://forms.gle/uwcZcDdGkBwM3Yqs9 ⏰ Signup deadline: Sunday 19:00 (same week) 📋 Final roster announced: Monday ⚠️ Late requests may be considered via WhatsApp on Monday & Tuesday only if slots are available — no guarantees once the lineup is full. Whether you’re testing new material, performing for the first time, or just soaking in the creative energy — this stage is yours 🎶🔥 Come perform, come support, come vibe ✨🍹 🎤💥 Every Wednesday. One mic. Endless talent. 💥🎤

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

Dance-Movement Therapy is a somatic practice that uses spontaneous movement as a way of self-exploration. This workshop offers a gentle introduction to the principles of dance-movement therapy. It is not a dance class and not a fitness session. There are no steps to learn and no choreography to follow. Participants are guided through simple movement and awareness exercises, sometimes individually and sometimes in interaction with others. The focus is on listening to the body, noticing impulses, and allowing movement to arise naturally. Through this process, participants may experience greater grounding, emotional awareness, and nervous system regulation. The atmosphere is supportive and non-judgmental. The intention is to create a safe and accessible space for exploration, not therapy. No previous movement experience is required. Facilitated by Marie Vejvodova, who completed a 4.5-year certified professional training in dance-movement therapy. She continues to deepen her education in somatic and self-development approaches in the Czech Republic and abroad. In her work, she creates a respectful and non-judgmental space where participants can reconnect with themselves through authentic movement. 250 CZK, REGISTER: https://vev.co/atma-community-space-praha

Who can attend this meetup: The tour is an introduction to Prague and is mainly for expats and visitors to our city but everybody who would like to join is invited. ***Important***, please also fill in the booking form on our [website](https://freewalkingtourprague.eu/en/schedule) if you are planning to come (otherwise we will not expect you). Description: Meet us by the Powder Tower, the historical gate to the Old Town and starting point of the Royal Route. Then have an educative walk through the narrow and picturesque streets of the historical center of Prague. Enjoy the unique diversity of architectural styles from Gothic to Art Nouveau. See some of the most interesting sites and get to know fascinating facts and legends of the 1000-year old capital of Bohemia. End the tour at the riverside 5 minutes away from the Charles Bridge, from which you can continue the tour on your own (or again with us) towards Malá Strana or Prague Castle. ====== Meeting point: We will be standing by the Powder Tower at the side of the Namestí Republiky square with a green umbrella in hand :) Map: https://goo.gl/maps/tzqKpZ2945S2 Price: there is no fixed price, you will be able to decide yourself how much you value the tour. If you don't know how much is best (and can afford it) we recommend 200Kč, but it really depends on you how much you contribute. Join us also on our [Facebook profile](https://www.facebook.com/freewalkingtoursprague/) :) and if you are travelling to other cities check out our friends at the [Free Tour Community website](https://freetourcommunity.com/). For any questions, please contact us at info@freewalkingtourprague.eu. Unfortunately, the meetup application does not always send us phone notifications. Reminder - only people who booked on our [official free walking tour website](https://freewalkingtourprague.eu/en/schedule) can join the tour and if the tour shows fully booked on the website it means there are no free spots. The meetup list doesn't count in this case. We look forward to meeting you, Michal, Amanda, Lana, Iva & Chris

A meetup with clear possibilities for constructive talks and curious debate. Image credits: Boris Smokrovic https://unsplash.com/photos/orange-and-green-bird-on-branch-of-tree-T_diWdiLbg0

Are you ready to test your knowledge, grab drinks, and meet new people? That's what we do at Brix every Wednesday, on our Pub Quiz Night. Every week, you have a chance to win great prizes, have fun, and make Prague a wonderful experience. This is an event for guests, free of charge, starting at 19:30! No tickets are needed. See you there! x

**IMPORTANT! Please register on [Luma event](https://luma.com/8b1pmcxd)** ​Designers work with AI every day now. But the hard questions keep getting skipped: When do you trust what the model gives you? When do you overrule it? And if the product ships something wrong, whose call was it? ​This is a small, practitioner-led conversation: two speakers, two short perspectives, then an open discussion with everyone in the room. ​**Speakers:** * ​Sachin P. - UX Designer at Think Design, Hyderabad. 10+ years in product and service system design. * ​Sujit Kumar Pradhan - UX Designer III at Google (Hyderabad), previously at Microsoft and Amazon. Currently building Agentic AI tools for Google's People Ops. Has spoken at GDG DevFest (800+ attendees) and IIT Jodhpur on designing with AI. ​**Schedule:** 7:20 PM - Doors open 7:30 PM - Speaker perspectives 8:00 PM - Open discussion 8:30 PM - Networking 9:30 PM - Wrap up ​ **Venue:** Lamakaan - The Open Cultural Center Off Road 1, Near GVK Mall, Banjara Hills, Hyderabad 500034 ​Free entry. Limited spots, only RSVP. ​Organised by Projector Community (by[ Projector Institute](prjctr.com/en/about)), a global network of creative and tech professionals founded in Ukraine. ​Hosted by Projector Community Hyderabad ambassador: [Iryna Snytiuk](https://www.linkedin.com/in/iryna-snytiuk/)

This time, the event will also include a **competition** and the **announcement of its results**. The description can be found below. For more information about the competition, please click **[HERE](https://deepscout-challenge.miton.cz/).** Web scraping is no longer just about simple scripts. Modern websites are complex, dynamic, and protected by many anti-scraping systems. At the same time, companies need large amounts of structured data from the web. In this event, we will focus on a real scraping use case and use it to explain how modern scraping works. You will learn what kinds of protections websites use today, what tools can be used depending on website difficulty, and what technical challenges appear in practice. We will also show how machine learning and AI help turn messy web data into structured, usable information. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- ⌚️ **Start**: 16:00 and end at 17:00, both online and offline in **Truhlárna Karlín** (Šaldova 388/5) - **Onsite attendance is limited to 100 people.** 🎙️ **Speakers:** Jan Mittner, Michal Marhan 🍻 **Networking** after the seminar – great food and cold beer waiting for you! **🎥 Recording:** After the event we will publish a recording and post a link to it in the comments. 🚪**Doors open** at 15:45, and the event officially starts at 16:00. Your expertise is about to take off. Can't wait to have you on board! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **Who is hosting the event** **GLAMI** is a leading European fashion discovery platform active in 14 countries. It brings 500,000 orders monthly to the 4,000+ shops listed. [GLAMI](https://glami.group/) has an in-house team of 10+ AI researchers and developers. Machine learning models handle the entire personalization and catalog ranking process, manage bidding in marketing tools, and take care of content management and categorization. [Tonda Hoskovec](https://www.linkedin.com/in/antonin-hoskovec-52b611a0/), CAIO at GLAMI, is the main organizer of Miton AI Times. **Miton** is a Czech VC with portfolio companies like Rossum, Equilibre, or Rohlik. Apart from supporting Miton AI Times, Miton also issues the bi-weekly [AI Newsletter](https://mitonainewsletter.substack.com/). [Read more about Miton and AI](https://www.miton.cz/en/ai/)

Looking to meet new people and enjoy a relaxed day full of board games? Join us at Palmovka for a cozy board-gaming meet-up open to everyone — beginners, casual players, and experienced gamers! We have a big selection of games, from easy social titles to strategic favourites. You can come alone or with friends — our community is super friendly, and we always make sure nobody sits alone. Don’t worry if you don’t know the rules — we’ll happily explain everything. ✔ Friendly atmosphere ✔ Lots of games to choose from ✔ Perfect for meeting new people ✔ Come anytime during the day ✔ No registration needed entry fee 50czk (no hour limit) if you do not order anything at bar it is 100czk. Whether you want to laugh, think, or just relax after a long day, this is the perfect place to unwind and connect with others. See you at Palmovka – let’s play!

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.

Been putting something off for too long? Join us for our **Bi-Weekly** **Co-Working Session** in creative driven **Safe Space Bookstore** — and let’s finally get it done, together. 📲 **Want reminders or to connect with others before/after?** Join our [WhatsApp group](https://chat.whatsapp.com/K6LidaoQhe16wZ0Se9pNM6), Keep contact via [Instagram](https://www.instagram.com/nocrastinationclub/) This is a soft, safe, supportive in-person space to move through procrastination with presence and companionship. Whether you’re working on admin tasks, tax return, writing, creative projects, or simply clearing your inbox — bring whatever you’ve been avoiding and we’ll gently focus beside you. 🕐 **Time**: 3:00 PM – 6:00 PM 📍 **Location**: Jaz in the City – Ground Floor Lounge: Windmühlgasse 28, 1060 Vienna, Austria 💻 **Bring**: Your laptop, journal, creative tools, or anything you’ve been procrastinating on 🌿 **Hosted by**: NoCrastination. ☕ Please do order something from the bar, so as to keep us in their good graces! Donations optional. **🪑Seating information:** * If this is your first time joining us, please look for **Fernando Goncalves** when you arrive * If you’d like to **work independently (without the Pomodoro arrangement)** but still be part of the group energy, just let Fernando know — we’ll make sure you’re comfortably included. 💛 🌱 **What to Expect** * **Drop in anytime** between **3:00–6:00 PM** — stay for a bit or settle in for the whole session * **Clarify your goals**: write down your measurable tasks for the day on a Post-it when you arrive * **Two spaces**: one for quiet focus, one for casual conversation. After each focus session, if you’re still in the flow, feel free to remain seated — no need to move. If you're up for a chat, join others in the social area for a relaxed break. * **Social start**: from **3:00 to 3:30 PM**, we mingle and get to know each other; our first focus session begins at **3:30 PM** * **Gentle structure**: we begin with a soft check-in and intention round * **Pomodoro-style rhythm**: We work in 45-minute focus blocks followed by 15-minute social breaks. If 45 minutes feels too long, feel free to break it into two 20-minute focus sessions with a short 5-minute reset in between. You’ll need to self-regulate these shorter cycles, just tune into your own flow and rejoin when ready. * **Quiet companionship**: no pressure to talk during focus time — just shared presence and support * **Welcoming space**: we meet in the creative, cozy lobby of the **Safe Space Bookstore** 💡 **New to Pomodoro?** Don’t worry — we’ll guide you gently. No apps or timers needed. 💬 Why Join? * Beat procrastination with gentle accountability * Reclaim your momentum without doing it alone * Enjoy a change of scenery that boosts your focus * Be part of a community that shows up — without hustle Bring your project. Bring your presence. Let’s work side-by-side. 💚

Open philosophical discussion, thinking together about a topic in a philosophical way. The topic will be chosen by the participants at the beginning of the event. No application, no entrance fee. (But as we are meeting in a normal coffee shop, you have to order at least a cup of coffee or tea.) Experience the joy of real dialogue with other people about the really important topics of life! Follow the white rabbit into the wonderland of philosophy... You find informations about me and the event [here](https://sophonautik.ch/english/). Je nach Gruppe kann die Veranstaltung auch auf [Deutsch](https://sophonautik.ch/deutsch/) abgehalten werden.

Welcome to the international Café Philo in Prague. We meet every first Saturday of the month in the cosy [Café Millème](https://store11473398.ecwid.com) in the center of Prague. We choose a participant randomly, by lottery, who then has the privilege to determine the topic of our discussion. We will reflect, ponder and exchange arguments until our brains are on fire. Philosophy isn't just something for universities, it is a way to open your mind to new thoughts and questions. No application is necessary, there is no entrance fee and there are no prerequisites for participating, except curiosity and respect for other people. We meet from 17:15 until 18:45 to follow together the white rabbit into the wonderland of philosophy... More information about me under this [link](https://sophonautik.ch/english/).

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

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

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