Search User Interface Patterns

SAM BASU IN-PERSON; NOTE: THIS IS THU, NOT TUE AS NORMAL Code is cheap, but software is expensive. Modern AI is a big opportunity to streamline and automate developer workflows for better productivity. There are some challenges though – AI Models often lack knowledge and AI Agents need expertise/guidance to reliably pull off complex workflows. Context is everything for modern AI and you can bring it. Model Context Protocol (MCP) aims to provide a standardized way to connect AI Agents to different data sources, tools and non-public information - the point is to provide deeply contextual information/expertise to AI. Skills are higher-level behaviors and instructional guardrails, that define how and when AI Agents should leverage tools to accomplish something meaningful. Subagents in AI are specialized, task-focused agents designed to handle specific, well-defined tasks within a larger AI system. In terms of the food industry: AI Agent = Chef 👨‍🍳👩‍🍳 MCP Tools = Raw Ingredients 🥔 🥩 Skills = Recipe Cards 📝 📇 SubAgents = Sous Chef 🔪 🍳 Loops = Door Watcher 💂👀 Developer = Restaurant Owner 👑. So, what should developers use to bring context and guardrails to make AI work their way? Well, it depends and sometimes, the answer might be whatever combination makes developers most productive. With official SDKs and well-thought-out guidance, it is a breeze to work with MCPs, Skills or SubAgents. Developers could bring their own data, APIs, services, coding patterns and structured guidance to make AI Agents work their way. And AI Agentic workflows work the same way in IDEs or Terminals, paving the way autonomous ways of getting work done with AI. With contextual expertise to light up unique coding workflows, AI Agents can make developers ultra productive – upwards and onwards.

Adam Sandman will be showing how you can use Kiro together with an MCP server to pull software requirements, designs and tasks from a project management repository (Spira) using an MCP server. From there we can use the power of agentic AI to create an MVP app, deploy and test it.

A Pathfinder Society Scenario designed for 3rd- through 6th-level characters. One of the most urgent letters to reach the Grand Lodge in the recent flood of troubling correspondence contained grim news indeed: a renowned Pathfinder Venture-Captain vital to the Society's operations in the oppressive nation of Cheliax has gone missing! Fearing the worst, the Society dispatches experienced agents to the venture-captain's home in search of any clue as to what might have happened. The Devil-Wrought Disappearance is part of the ongoing story of the Year of Shattered Sanctuaries. It is the first scenario in a two-part arc detailing the events befalling a Pathfinder Society lodge in the nation of Cheliax. Other arcs explore other locations across the Inner Sea. While the arcs can be played in any order, it is recommended that players experience the scenarios within each individual arc in order. Written by Joseph Blomquist **Scenario tags**: Metaplot (Shattered Sanctuaries)

Discover the power of your breath to manage your mind and experience instant peace & calm. Join a 60-minute free Workshop and get a glimpse of the Sudarshan KriyaTM- The breathing technique that is revolutionizing the lives of millions. What you’ll discover at ‘Beyond Breath’ ✔ A taste of the Sudarshan KriyaTM, a breathing technique taught in the Happiness Program ✔ An instant energy booster that awakens & relaxes your mind - Take it home and practice daily! ✔ The peace & calm of a unique guided meditation ✔ Secret keys to manage your mind ✔ The power of surrounding yourself with positive, like-minded people. You can use your breath to master your thoughts and emotions - the key to managing the quality of your day. The Happiness Program At the end of this workshop you may enroll into the Happiness Program (3 days, 3 hours each day) to learn the Sudarshan KriyaTM, a science-backed, rhythmic breathing technique through which you can: Tap into a reservoir of energy and use it as you please! Relieve deep-rooted stresses and anxieties Uplevel your productivity Overcome emotional blocks, move on from past events and shed limiting beliefs Heal your body & gain power over your mind Experience the true state of meditation Learn more about the Happiness Program & the Sudarshan KriyaTM in our introductory workshop 'Secrets to Meditation'. Instagram: artoflivingDMV aolf.live/secretstomeditation

**\*\*\*TO ATTEND THE EVENT, YOU MUST PURCHASE TICKETS THROUGH OUR WEBSITE \*\*\*** [https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup](https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup) Hosted by Pre-Dating Speed Dating, the experts, bringing people together since 2001! Our events have been featured on CNN, CBS, Axios, Miami New Times, TLC's 90 Day Fiance - The Single Life, Tampa Bay Times, Southbend Times, Citylink Magazine, Essence, The Wall Street Journal, Best of Baltimore, AM New York, Chicago Tribune, WINK FM, Woman's World Magazine, and 100s more -- but come see for yourself! Join us for a night of fun, flirtation, and possible romance at our singles speed dating event! If you're tired of swiping left and right on dating apps, speed dating is a great way to meet new people in person, in a relaxed, safe, and comfortable environment. **HOW IT WORKS:** We'll introduce you to at least 5, and up to 12 - or more - single women or men. Spend a little time with each one, during a series of 6-minute Pre-Dates. Then tell us who you'd like to speak with again & we'll do the rest! It's the modern, civilized, effective, and fun way to meet other professional-level singles. If you're finished with the games and ineffectiveness of online dating and apps, join us to share a wonderful evening of enjoyable conversation with interesting people... and maybe something magical will happen! **GET TICKETS:** A **Meetup RSVP is not a ticket**, you must purchase on our website. [https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup](https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup) Use Code MATCH5 for $5 off! **DOES IT WORK?** Yes! According to the New York Times, at a speed dating event, people like 2-3 out of 10 people they meet. Online daters only match with 1 in 100 or fewer of the profiles they study. This is the best way to meet new people, and it works! Just ask the thousands of people that have met at our events and had successful relationships and marriages. **WHAT DOES IT COST?** We put a lot of time and effort into creating the best singles events possible, so we collect a fee for our hard work. Our events are an excellent value at about $3 per introduction. Get your ticket for the best singles event in town. **NOTE FOR NEWCOMERS:** We post our events on various platforms. Our events often sell out, so expect plenty of fellow singles, regardless of the numbers you see here :) So what are you waiting for? Join us for some fun conversation with great new people... and maybe something more! Who will you meet? **GET TICKETS:** [https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup](https://www.pre-dating.com/baltimore-speed-dating/?utm_source=Meetup&utm_medium=event_listing&utm_campaign=Meetup)

This introductory workshop to Nonviolent Communication (NVC) offers a practical, heart-centered approach to transforming how we speak, listen, and relate. Through simple, interactive exercises, you’ll explore how shifting from habitual reactions to conscious choice can reduce conflict, deepen understanding, and build more authentic relationships. Whether you’re new to NVC or simply curious, this session provides a welcoming space to slow down, tune into what matters, and communicate with greater clarity and compassion through the 4 step process O F N R. Come as you are—no prior experience needed. No mana-exchange. **Who would benefit from this practice:** partners, family members, those who want help connecting with others (friendships), professionals who have trouble working with team members, and team leaders who are trying to make an impact. **About Mike**: Mike is a certified Authentic Relating facilitator from ART International and trained in Nonviolent Communications. He is eager to facilitate authentic relating exercises in order to provide impact on people's lives.

Greetings, **BlackGovTech** will be hosting another of their monthly networking mixers at **12 Stories Lounge** at the Wharf in SW DC Thursday April, 9th, 2026 from 5:30pm to 8:30pm. This mixer--Spring Fling Edition, is **free and open to individuals of various backgrounds** (not exclusive to those in tech or of ethnicity minority) and features Hip Hop, R & B, contemporary, and classic music. Feel free to sign up individually or bring friends to enjoy food, drinks, and rooftop views of the 20+ restaurant waterfront. For those interested in attending **feel free to RSVP and see link below** for additional event information and registration details. **Event includes:** * Tech representatives from companies such as Amazon, Google, Microsoft, Meta, Accenture, and consulting firms (historically) * Networking, mixing, and mingling with industry/community leaders and advocates of various backgrounds If there are any questions regarding this mixer feel free to reach out to **BlackGovTech** on their event page. Also feel free to contact them at info@blackgovtech.com for partnership opportunities. Additional comments may also be added to the meet-up event chat/comment section at anytime, thank you. **Link to Register:** https://www.eventbrite.com/e/black-gov-tech-spring-fling-tech-mixer-12-stories-come-join-us-tickets-1985445353499?aff=ebdssbdestsearch \-\-\-\-\-\-\-\-\- Alicia (202) 627-0361 Sunday April, 5th, 2026 3:45pm (update)

🚀 **Tech Fluent: Build with AI — Hands-On, No Experience Required** 📅 April 10 \| 📍 Washington\, DC \(National Union Building\) If you've been *AI-curious* but haven’t actually built anything yet, this event is for you. This is **not** another sit-and-listen conference. It’s a **hands-on, interactive workshop** designed for professionals (legal, business, consulting, etc.) who want to *actually learn by doing*. 👉 **What to expect:** * AI 101, software basics, and how things actually work (no jargon overload) * Guided, hands-on building session — you’ll create something real * Practical sessions on design, workflows, and the future of work * A mix of professionals across industries (law, finance, architecture, small business, and more) * Wrap-up happy hour to network and show what you built 💡 This is ideal if you: * Use ChatGPT but know you’re only scratching the surface * Want to build simple tools, websites, or workflows * Are *not* a developer (this is specifically designed for you) ⚠️ If you’re already deeply technical, this may be too basic — this is focused on upskilling non-technical professionals. *** 🎟️ **Registration & Details:** [https://varia.law/techfluent](https://varia.law/techfluent) 👉 **Important:** Make sure to note '**DC Legaltech**' in your application form in order to get a $25 discount code. *** 🍻 **Bonus:** Join us afterward for a casual happy hour to connect with others in the DC legal tech + AI community. *** Spots are intentionally limited (roughly 25–40 people), so if you're interested, don’t wait. See you there.

Join us at the Chess Center offices (Suite 118, entrance on 2nd Avenue) on Saturday afternoons from 1:00 – 5:00pm ET for open play. Players of all abilities and ages are welcome. * Non-Members: $5.00/player table fee for the day. * Chess Center [Members](https://chessctr.org/membership/) always play for FREE ($0.00). Check our social media ([Twitter](https://twitter.com/uschess) / [Facebook](https://www.facebook.com/USChessCenter)) for closure announcements: The Chess Center is closed on major holidays. We also have chess sets, clocks, and [used chess books](https://chessctr.org/usedbooks/) for sale.

🍻 **Post-Event Happy Hour — Tech Fluent** 📅 April 10 \| 🕠 5:30 PM 📍 Gordon Ramsay Street Pizza After a full day of building, learning, and experimenting with AI, join us for a **casual happy hour** to unwind, connect, and keep the conversations going. This is open to: * Tech Fluent attendees * DC Legal Tech Meetup members * AI-curious professionals who just want to join for drinks + conversation No agenda — just good people, good pizza, and a chance to meet others exploring AI across legal, business, and beyond. *** 💡 **Why come?** * Meet others who are actually *doing* something with AI * Continue conversations from the workshop in a relaxed setting * Join even if you couldn’t attend the full event *** RSVP appreciated for the happy hour.

Friday night Greenbelt International Folk Dancing has gone "virtual". As we all practice good social distancing, many in our folk dance community are feeling the absence of our usually scheduled local dances. In response, please join us for the Greenbelt Virtual Folk Dance Session. Let’s keep dancing! • Connect and dance in our own homes • Watch hosts leading familiar dances • See each other; listen and dance to our favorites How: We will be using the ZOOM video conferencing app to share music and live videos of the leaders and each other. This can be used on a desktop, laptop, or smartphone. What to Expect: Your hosts are Linda Mansdorf, Vita Hollander, Ben Hole, and John Robinson. Collectively they will play 25-30 dances, which should approximate the number of dances normally done on a Friday night in-person event. The hosts will do a quick teaching or demonstration of the steps to some of the dances that may be less familiar to you or just as a refresher, but the session is not designed as a workshop, so the majority of the evening will be spent playing dances that many of us already know and love to do. How To Join Us: Each week we will send an email with the Zoom Meeting link ID. Make sure John Robinson knows you would like to receive this email with the link. John's email address for Info: j_srobinson@verizon.net. https://www.facebook.com/GreenbeltInternationalFolkDancing/ Co-sponsored by the Folklore Society of Greater Washington

🚀 **Tech Fluent: Build with AI — Hands-On, No Experience Required** 📅 April 10 \| 📍 Washington\, DC \(National Union Building\) If you’ve been *AI-curious* but haven’t actually built anything yet, this is exactly the kind of experience we’ve been talking about in **AI in Practice**. This is **not** another theory-heavy session. It’s a **hands-on, interactive workshop** where you’ll actually *build something* — alongside other professionals exploring how to apply AI in real-world workflows. 👉 **What to expect:** * AI 101 + how these tools actually work (beyond the hype) * Guided, hands-on build session — you’ll create something real * Practical sessions on design, workflows, and the future of work * A cross-industry group (legal, finance, architecture, small business, etc.) * Wrap-up happy hour to connect and share what you built 💡 **Great fit for AI in Practice members if you:** * Are actively exploring how to apply AI in your work * Use tools like ChatGPT but want to go *deeper and more practical* * Want to move from *ideas → actual implementation* * Are not a developer (this is designed for you) ⚠️ If you’re already highly technical (building complex systems, deep dev work), this may feel introductory — the focus is on *practical upskilling for non-technical professionals.* *** 🎟️ **Registration & Details:** [https://varia.law/techfluent](https://varia.law/techfluent) 👉 **Important:** When you sign up, note **“AI in Practice”** in the application to receive a **$25 discount code** *** 🍻 **Bonus:** We’ll also have a casual **post-event happy hour** — great chance to connect with others actually *doing* AI, not just talking about it. *** Spots are intentionally limited (≈25–40 people), so if you’re interested, don’t wait. See you there.

DC Code and Coffee is an inclusive, informal co-working session. It's community-led and community-run by devs, for devs. People of all skill levels attend. Whether you’re dev-curious, aspiring, or a professional developer, we’d love to have you! Come chat or learn to code on a Sunday afternoon with coffee and cool-inclusive people. Bring your laptop! We typically meet every month on the weekend. **Join our online community!** For all things Tech in DC and to get latest updates and tech events from the DMV area, join the [DCTech Slack](https://dctech.chat/). All DC Code & Coffee announcements are in the #dccodecoffee channel **How it works** Near the beginning of the event, we do an introduction circle. You say your name, what you can help others with, and what you would like help with. You can also share job opportunities. After the introduction circle, everything is self-organized.

Join the CONNECTED Westerville Mastermind Group for a dynamic afternoon of B2B networking! This event is perfect for professionals looking to expand their business connections, share insights, and foster collaboration within the community. Whether you are a seasoned entrepreneur or just starting out, this event offers a valuable opportunity to exchange ideas, build relationships, and grow your network in a supportive environment. Connect with like-minded individuals, explore potential partnerships, and discover new opportunities for professional growth. Don't miss out on this chance to enhance your business network and take your career to the next level with CONNECTED Westerville Mastermind Group! We meet the 4th Monday of every month from 11am-1pm. Welcome and general networking from 11am - 11:30am with core meeting 11;30 - 12:30 and a final round of networking from 12:30 - 1pm.

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!

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

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

The Fellowship of the Star Schema: Transforming OLTP Data for Power BI One does not simply build reports on OLTP data. Join us on an epic journey from the depths of raw, normalized tables to the shining halls of a well-modeled star schema fit for Power BI greatness. We will demystify the differences between OLTP and OLAP, walk through star schema vs snowflake (and why Power BI has a clear favorite), and show you the compression differences between normalized and columnar storage that will make you never look at an OLTP model the same way again. We will cover the different types of dimensions, when to use them, and how to handle Slowly Changing Dimensions without losing your mind. You will leave knowing exactly how to identify a bad model, how to convert OLTP data into a clean star schema, and how to forge relationships that rule them all. Whether you are a data wizard, a curious hobbit, or somewhere in between, your models will never be the same.

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