Web Design

This presentation will offer a few historical firsts of public transit in the U.S., starting from its origins in 1630, before turning to some oddities and strange beginnings of public transit from across the globe. Part history, part trivia, this examination will also provide some analysis of what these various public transit beginnings and curious cases suggest about the forces and patterns that govern public transportation.

[Profs and Pints DC](https://www.profsandpints.com/washingtondc) presents: **"Eugenics Then and Now,”** on a dangerous movement in science and its lessons for current research, with Carlo Quintanilla, molecular biologist and health science policy analyst at the Eunice Kennedy Shriver National Institute of Child Health and Human Development. [Advance tickets: $13.50 plus sales tax and processing fees. Available at [https://events.ticketleap.com/tickets/profsandpints/dc-eugenics](https://events.ticketleap.com/tickets/profsandpints/dc-eugenics) .] Global concerns about the return of eugenic thinking were reignited by Chinese scientist He Jiankui’s 2018 announcement of the first gene-edited babies, Lulu and Nana. He was quickly condemned by the scientific community and jailed for illegal medical practice, but he and others around the world continue experiments with goals echoing eugenic ambitions. As genetic technologies advance at extraordinary speed, society faces a new set of ethical questions about shaping the traits of future generations. Are we entering a new era of eugenics? If so, how should we respond? Hear such questions tackled by Carlo Quintanilla, who studied rare genetic mutations in human disease as a graduate research scientist and instructor at the University of Texas Southwestern Medical Center and now works at the intersection of genomic medicine, science, and society. Dr. Quintanilla will begin by discussing the origins and history of eugenics, tracing its development in the 19th and 20th centuries as an idea, a scientific movement, and a set of policies. He’ll examine the rise of Social Darwinism in the U.K., forced sterilization programs in the United States, and the atrocities committed by the Third Reich in the name of “racial hygiene.” From there, he’ll explore how our ability to shape human health and heredity have been transformed by modern reproductive and genetic technologies such as in vitro fertilization, prenatal and embryo screening, and genome editing. You’ll learn how these tools hold enormous promise when it comes to the prevention and cure of rare and debilitating genetic conditions, yet also raise profound questions related to their potential enablement of a new, technologically driven form of eugenics. Dr. Quintanilla will then delve into the ongoing debate among scientists, bioethicists, and policymakers over what should be classified as eugenics today. He’ll highlight recent controversial uses of genetic and reproductive technologies that are pushing ethical boundaries faster than society can define them, from embryo selection for traits like IQ and height to speculative military interest in genetically enhanced soldiers. These examples raise urgent questions: Where should society draw ethical boundaries? Who gets to decide? And is the term “eugenics” still useful for guiding policy and public debate? We’ll close by examining the social, political, and regulatory forces that will determine the future, considering whether they will restrain the push toward further genetic control or accelerate it. (Doors: $17, or $15 with a student ID. Listed time is for doors. Talk starts 30 minutes later.) Image: The frontispiece of the 1883 book *Inquiries into Human Faculty and Its Development,* by pioneering eugenicist Francis Galton (Wikimedia Commons / Metropolitan Museum of Art).

**Pre-registration is REQUIRED. RSVP here - [https://hubs.li/Q046VS--0](https://hubs.li/Q046VS--0)** **Speaker:** Michael Novack, Solutions Architect at AIceberg **Topic title:** "Trust What You Can Trace: Making Agentic AI Explainable, Secure, and Enterprise-Ready" As enterprises adopt increasingly powerful AI systems, one critical challenge remains: understanding how and why these systems make decisions. Many modern models - especially large language models - operate as opaque “black boxes,” making transparency, compliance, and trust difficult to achieve. *This webinar introduces the AI Explainability Scorecard, a practical framework for evaluating the transparency of AI systems based on criteria such as faithfulness, consistency, accessibility, and comprehensibility*. Attendees will learn how different model architectures - from K-Nearest Neighbors to neural networks and transformers - vary dramatically in explainability and risk. **The session will also explore real-world techniques for improving visibility into complex models, including surrogate monitoring approaches that map AI behavior to comparable examples.** These methods help organizations build observable, auditable AI systems without sacrificing performance or scalability. By the end of this session, attendees will understand how to move beyond black-box AI toward transparent, accountable, and secure AI deployment - a critical step for enterprises scaling agentic AI in high-stakes environments. You will learn: **\- Why Explainability Is the Foundation of Trustworthy AI** *Learn why transparency isn’t just a technical preference - it’s becoming a legal, ethical, and operational requirement for enterprise AI systems.* **\- The AI Explainability Scorecard Framework** *Understand the five key criteria - faithfulness, comprehensibility, consistency, accessibility, and optimization clarity - for evaluating how explainable an AI model truly is.* **\- How Different AI Models Compare in Transparency** *Discover why some models are inherently interpretable while others require advanced methods to understand their behavior.* **\- Practical Methods for Making Black\-Box AI Observable** *Explore modern techniques - including surrogate monitoring models - that help organizations understand and audit large language models at scale.* 🔗 Stay Connected * **Learn:** Free talks and trainings on the [Ai+ Training platform](https://aiplus.training/). * **Read:** The latest in AI research on the [ODSC Blog](https://opendatascience.com/). * **Chat:** Join the conversation in our [Slack Channel](https://www.google.com/search?q=https://odsc.com/slack). * **Community:** Review our [Code of Conduct](https://odsc.com/code-of-conduct/).

\#\# A low\-cost\, 6\-week beginner\-level Turkish course with the non\-profit organization\, the Global Language Network\. Ready to dive into the world of Turkish? Join our fun and interactive class designed especially for those new to the language. **Details** Turkish Tourist with Ilhan Tuesdays from 6:30pm - 8:30pm ET April 7th to May 12th Hybrid - In-person, Farragut Square DC and Online Ready to learn? **Register [HERE](https://docs.google.com/forms/d/e/1FAIpQLSem9IdJEYqsE91SvfEEjIe8FuvoAjOusgE2ab_qkvm3apyjzg/viewform).** **Additional Information** * GLN classes are open to everyone over 18 years of age. * Have a credit or stipend to apply to your payment? Learn more about our credit, stipend, and refund policy on the [Pricing & Course Levels page.](https://thegln.org/pricing-%26-course-levels) **About GLN** We are a Washington, DC-based 501(c)(3) non-profit organization with a mission to "Use Language as a Tool to Help Fix Our World." Since 2015 we have been rated #1 Best Language Classes in Washington, DC by Yelp! We are so happy and grateful to have you join our network and we appreciate your support of our mission.

learn more about the HPAP Down Payment Assistance Program \- Get up to $202\,000 in funds from the House Assistance Purchase Program \- Learn what the funds can go towards and the timeline to get approved \- Understand how to sign up for HPAP orientation \- Learn the benefits and challenges of HPAP in detail \- Discuss the current market conditions for HPAP buyers\.

We will have open shop hours for anyone to bring their bikes to work on or need help fixing your own bike. We will also have bikes that need to be fixed so you can learn if you like. We will need everyone to sign in when arriving and sign out when leaving so we can keep track of volunteer hours and shop times. Suggested donation of $15 per hour for use of tools and space would be appreciated. Thank you!

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.

Learn more about our Home Buyer Program * get up to $202k in down payment assistance through HPAP * get up to $25K in grants from Maryland Mortgage Program * downpayment assistance options through DC Open Doors * how to qualify and what loans are available * loan application and approval process * repeat home buyer options * purchase price limits * market insight and home buying steps in a competitive market SIGN UP AT THE LINK BELOW: [https://www.enggarcia.com/egpwebinars/](https://www.google.com/url?q=https://www.enggarcia.com/egpwebinars/&sa=D&source=calendar&ust=1705256818169980&usg=AOvVaw0qgqMgQjduPHADDDggU6H6)

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.

Every Saturday at 11am! RSVP at the following link to receive login details: https://www.enggarcia.com/hbscaphill/ The Districts Best first time home buyer webinar Learn about the home buying process How to qualify & what loans are available Qualifying for DC Open Doors and other programs Reduced down payment and closing cost opportunities We're looking forward to seeing you soon!

We are meeting in person at Elwood Smith Community Center, Rockville! \*\*\* The community-singing event where where everything's made up and the point — to sing for our lives — matters. Our leaders will teach you parts to sing for spontaneously-composed choral pieces. We play a variety of listening/music/singing games, and create safe opportunities for participants to improvise as little or as much as they might like. Good for all skill levels, shower-singers to seasoned pros, no sheet-music-reading required. \*\*\* We usually meet on the second Sunday of the month, and will continue to meet in-person as long as it makes sense. We encourage and provide masks. We will also plan on continuing our Zoom circles from time to time. So please check the day before/day of the meetup each month to confirm date & details. This world needs more song; join in the fun, and be the music you want to hear in the world. Hope to see you there! \~\~\~\~\~\~\~\~\~\~ L❤️ving this? Donate! : ) Your donations help keep our mission alive! We love doing this with you. Thank you to all who support us. Suggested donation is $15-20. Please include "VX" in the memo/notes! Via paypal: [ParisKern@comcast.net](https://paypal.me/Pariskern) Via Venmo: [@Pariskern](https://account.venmo.com/u/Pariskern) Check? Email: [ParisKern@comcast.net](mailto:ParisKern@comcast.net) IMAGE RIGHTS: We may take pictures and record videos of our in-person events, and record our Zoom meetings online. This material will be available for us to use to publicize upcoming circles and workshops and performances. By attending our events, you are agreeing with the image rights agreement. \~\~ This event is supported in part by the Maryland State Arts Council ([msac.org](https://msac.org/)). \~\~

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

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!