Web Design

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

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.

Free Event/Vstup Zdarma Pro češtinu, podívejte se níže EN Hello, people of Prague!! We bring you a forum to trade your language skills and learn something more. If not interested in language, you could have a general conversation. The goal is to create a chill environment for social networking with a focus on learning the language of your choice. So grab some beverages at the bar/cafe and get on with it every Thursday. **NEW** Venue: Tequila Tales Bar **NEW** Location: Ujezd 409/19, 11800 Malá Strana Timing: 1900-2200 (Every Thursday) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- CZ Ahoj Pražáci!! Přinášíme vám fórum, kde můžete vyměnit své jazykové znalosti a dozvědět se něco víc. Cílem je vytvořit pohodové prostředí pro sociální sítě se zaměřením na výuku jazyka dle vašeho výběru. Takže si vezměte nějaké nápoje v baru/kavárně a pusťte se do toho každý čtvrtek. **NOVE** Místo: Tequila Tales Bar, Ujezd 409/19, 11800 Malá Strana Čas: 1900-2200 (každý čtvrtek)

There is a wisdom that lives in the sea — in its depth, its movement, its light. In this three-part series, we begin each ceremony with cacao to root into the body, soften, and arrive. From there, breath becomes a doorway into the inner waters — into movement, feeling, release, and deeper contact with what lives within. Each ceremony explores a different quality of the inner ocean: Fluidity — trusting the flow of life Depth — the courage to feel Luminosity — the light beneath the surface You are welcome to join the full journey or come to any ceremony individually. Each session is a complete experience on its own, while also forming part of a deeper unfolding process. FLUIDITY - This evening is an invitation to release tension and rigidity, reconnect with your body’s intelligence, and trust the movement of life through you. This practice includes intensive breathwork and cacao. It is not suitable for those who are pregnant or have epilepsy, glaucoma, serious heart conditions, severe cardiovascular disease, unmanaged severe hypertension, or acute psychiatric disorders. If you have any health concerns, please reach out in advance so the practice can be adapted safely. If you have food allergies or sensitivities, please also let us know beforehand. When: Thursdays 9/4, 16/4, 23/4 at 19:00 Price: 450 CZK per ceremony / 1100 CZK full cycle via atmaprague@gmail.com

You went on that retreat, read the book, commited to meditate daily. And here you are at 3 am, drunkenly staring down a Žižkov doner, wondering what went wrong. You are not alone! Come share your spiritual misadventures. Its a space where you can bring a poem, story, koan etc. Or just come and hang out. All paths and experiences are welcome. This week we are meeting at ShenGen Klub. Your clothes will smell like incense! If you can't make it please adjust your RSVP to make space for others.

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.

Some people go to pubs. Some people conquer galaxies, build empires, trade spices, or outsmart dragons. Nerdy Fridays are our open board game nights for anyone who prefers strategy over small talk and dice over disco lights. Come solo or bring your crew. We’ll help you find a table, explain the rules, and match you with a game that fits your vibe. From light party games to deep strategic battles, the shelves are open. Entry fee: 100 CZK (includes access to games and rule explanation) Friday nights don’t have to be loud. They can be legendary. 🎲✨

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!

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

\*\*\*\*\* We're meeting both in-person and virtually via Skype depending on the week. Contact Sonya Lano for more information if you want to join \*\*\*\*\* This is for anyone wanting feedback! We mostly focus on novels and longer works, but short stories are welcome, as well. You can submit anything you want feedback on in any genre. Current word limit for submissions is 4,000 words. Send your submissions by 13:30 the Thursday before the meeting (or we have a grace period during which you can submit a lower limit of 2,500 words if you submit by midnight Thursday evening). Also, if you don't have time to read through everyone's submissions, still join the meeting! We know that busy schedules don't always make finding reading time easy. To submit, use the Dropbox folder. If you don't have access to it, send sonyalakadosch@yahoo.com your e-mail address so I can add you. Looking forward to seeing everyone there! My number in case of any confusion the day of the meeting is 737 118 530 - or on Facebook: Sonya Lano (https://www.facebook.com/sonya.lano) DROPBOX INFO: * add new submissions for the next meeting in the " submissions" folder for the meeting date. Put your name at the beginning of the file name (for example: "Sonya Somewhere in the Dark") * When providing written feedback (not required, but deeply welcome), save the file as a separate document on your device, then mark your changes/ feedback in the saved file. After you're finished, put the file in the "Feedback" folder under the folder for the meeting date and then under the person the feedback is for (e.g. "For Sonya"). * The submissions folder will be replaced within a week after the meeting has taken place. Feedback will be deleted within 2 months after the meeting, so if you need it longer than that, make sure to copy it to your own disk.

This group is for anyone who writes - for any reason. Have a thesis or article you need to write? Trying to finish a novel or an academic paper? This group is for you. We are currently meeting in-person at Locus Workspace. If you have any questions, contact Sonya Lano here or on Facebook or Messenger (https://www.facebook.com/sonya.lano). We start at 9:00, introduce ourselves, and share a few words about what we're working on and what we hope to accomplish during the session. At the end of the session, you can give us a brief recap of how it went. We'll break at noon. The afternoon session starts at 2:00 pm. You're welcome to join both sessions or just one. Please come as close to 9:00 as you can if you come for the morning session. If you come to the afternoon session, we are usually back by about a quarter to 2:00.

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!