Web Design and Development

Exclusive rooftop event for interior designers to connect, discover our trade program, and explore design-driven window treatments. Join us for *Framing the View: Designer Trade Evening*, an exclusive rooftop event created for interior designers in the DMV area. This evening is designed to bring together members of the local design community to connect, collaborate, and explore window treatments through a designer-focused perspective. During the event, attendees will learn about Made in the Shade Washington, DC’s **Designer Trade Partnership Program**, which provides interior designers with a centralized resource for window treatment vendors, technical guidance, and streamlined project execution. Our team works closely with designers, architects, and contractors to support projects from concept through installation. Guests can expect a relaxed rooftop setting, opportunities to network with fellow design professionals, and an introduction to our approach to collaborative partnerships within the design industry. Light refreshments will be provided, and attendees will receive a **complimentary designer gift bag**. Space is limited to maintain an intimate networking experience for designers in the DMV design community.

**RSVP here: [https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=)[RHCTN1260000475092](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475092)** Is configuration drift silently killing your stability? Join us for the next Red Hat User Group (RHUG) event in Washington D.C. and discover the future of IT infrastructure management with Red Hat Enterprise Linux (RHEL) 10 Image Mode. This isn't just another operating system update—it's a new paradigm. You’ll learn how to treat your entire OS as a versioned, container-native artifact, bringing the speed and control of DevOps to your foundational layer. Event Highlights: * Deep Dive: Deploying and maintaining a truly immutable, compliant operating system. * Expert Insight: How to use familiar container-native tools to build bootable RHEL images. * Networking: Connect with peers, Linux administrators, security engineers, and infrastructure architects. Don't miss this opportunity to transform your IT services. Date: Thursday, March 26, 2026 Time: 12:00 PM – 3:00 PM EST Location: Red Hat Tysons Corner, McLean, VA Secure your spot today and get ready to eliminate operational "noise" for good. We look forward to seeing you there! Your RHUG Team Questions? Email [rhug@redhat.com](http://rhug@redhat.com/)

RSVP here: **[https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=)[RHCTN1260000475092](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475092)** Is configuration drift silently killing your stability? Join us for the next Red Hat User Group (RHUG) event in Washington D.C. and discover the future of IT infrastructure management with Red Hat Enterprise Linux (RHEL) 10 Image Mode. This isn't just another operating system update—it's a new paradigm. You’ll learn how to treat your entire OS as a versioned, container-native artifact, bringing the speed and control of DevOps to your foundational layer. **Event Highlights:** * Deep Dive: Deploying and maintaining a truly immutable, compliant operating system. * Expert Insight: How to use familiar container-native tools to build bootable RHEL images. * Networking: Connect with peers, Linux administrators, security engineers, and infrastructure architects. Don't miss this opportunity to transform your IT services. Date: Wednesday, March 26, 2026 Time: 12:00 PM – 3:00 PM EST Location: Red Hat Tysons Corner, McLean, VA Secure your spot today and get ready to eliminate operational "noise" for good. We look forward to seeing you there! Your RHUG Team

**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA

We’re still working to get more people into these Meetups, but our goal is to give PlayYourCourt members a few social tennis outings each week in addition to your practice sessions and Challenge League matches. These Meetups are co-ed, super laid back, and all skill levels are welcome. Post your skill level and a suggested court in the comments section so we can round up as many players as we can for some tennis fun! Also, if you’re looking to meet new practice partners or play some matches and you aren’t already in the PlayYourCourt Community, you can go here to see what we’re all about and sign up: https://www.playyourcourt.com/tennis-community/alexandria-va/meetup/ If you love tennis, we’d love to have you! Be sure and watch the quick video that explains how everything works. Happy hitting! - Scott

We are looking forward meeting up with filmmakers in DC! Register so we know how many seats to save. Use the galleries exit at Gallery Place Metro and you will be about a block from Maman. Organized by Anna Griesshammer and Melissa Houghton. You MUST register here: https://www.wifv.org/calendar/#id=32405&cid=783&wid=401&type=Cal

**Is configuration drift silently killing your stability? Join us for the next [Red Hat User Group (RHUG) event in Washington D.C.](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475087) and discover the future of IT infrastructure management with Red Hat Enterprise Linux (RHEL) 10 Image Mode.** **This isn't just another operating system update—it's a new paradigm. You’ll learn how to treat your entire OS as a versioned, container-native artifact, bringing the speed and control of DevOps to your foundational layer.** **[Event Highlights:](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475087)** * **Deep Dive: Deploying and maintaining a truly immutable, compliant operating system.** * **Expert Insight: How to use familiar container-native tools to build bootable RHEL images.** * **Networking: Connect with peers, Linux administrators, security engineers, and infrastructure architects.** **Don't miss this opportunity to transform your IT services:** **Date: Thursday, March 26, 2026** **Time: 12:00 PM – 3:00 PM EST** **Location: Red Hat Tysons Corner, McLean, VA** **[Secure your spot today!](https://reg.experiences.redhat.com/flow/redhat/3558153/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1260000475087)** **We look forward to seeing you there.**

NOVA Code and Coffee is an inclusive, informal, co-working session. People of all skill levels are invited. The concept is simple, bring a laptop and ideas, we'll provide the coffee and donuts! Here's how it works: 1. At 10:15 everyone introduces themselves and briefly describes what brought them to Code & Coffee today (project, homework, networking, etc) 2. For the rest of the day, folks work in the communal space on their projects providing one another help and conversation as needed. Oh and they usually drink coffee and tea too! That's it! Hope to see you there! **Location** Our hosts are the Fairfax City Economic Development Building: [10300 Eaton Pl, Fairfax, VA 22030](https://www.bing.com/ck/a?!&&p=d7298231ca2df594df822003f9a93517c788fceefe1fcbb79c8976696e341bc6JmltdHM9MTc1MzIyODgwMA&ptn=3&ver=2&hsh=4&fclid=180d0745-3b7f-69a1-23a2-11433a7868e5&u=a1L21hcHM_Jm1lcGk9MTA5fn5Ub3BPZlBhZ2V-QWRkcmVzc19MaW5rJnR5PTE4JnE9RmFpcmZheCUyMENpdHklMjBFY29ub21pYyUyMERldmVsb3BtZW50JnNzPXlwaWQuWU44NzN4ODI4MTk2Mjg0NTk5MDM4MTU0MiZwcG9pcz0zOC44NjE0NDYzODA2MTUyMzRfLTc3LjMwMjE3NzQyOTE5OTIyX0ZhaXJmYXglMjBDaXR5JTIwRWNvbm9taWMlMjBEZXZlbG9wbWVudF9ZTjg3M3g4MjgxOTYyODQ1OTkwMzgxNTQyfiZjcD0zOC44NjE0NDZ-LTc3LjMwMjE3NyZ2PTImc1Y9MSZGT1JNPU1QU1JQTA&ntb=1) Conference Room A- Large, Floor 1 This is a new venue for us, so give us some time to get more details about it. Driving is the best option. There is plenty of free on-site parking. Otherwise, we are a 22 minute bus from the Vienna Metro Station. Bicycling from Vienna is possible but difficult, though once you are here, there's a bike rack in the garage behind the building, and there's also a Capital Bikeshare dock 15 min walk away. **Sponsored by:** Thank you [Fairfax City Economic Development](https://gofairfaxcity.com/) and [Mason Enterprise Center](https://enterprise.gmu.edu/) for making this event possible! **Thank you so much to our wonderful sponsors!** Organized by [DMV Petri Dish](https://www.dmvpetridish.com/) **[Code of Conduct](https://github.com/NoVACodeCoffee/admin/blob/master/code-of-conduct.md):** We value the participation of each member of the community and want all attendees to have an enjoyable and fulfilling experience. To make clear what is expected, all delegates/attendees, organizers, and volunteers at any Nova Code & Coffee events are required to conform to our [Code of Conduct](https://github.com/NoVACodeCoffee/admin/blob/master/code-of-conduct.md).

Sister Event! - Frontrunners, the Mid-Atlantic's AI conference! You're invited to the Frontrunners AI conference, March 27th, in Arlington, VA at GMU's Van Metre Hall. Frontrunners will be a single day tech conference this year featuring AI and data topics. You can read all about Frontrunners here: [Frontrunners](https://frontrunners.tech/) If you want to speak at Frontrunners, submit your talk here: [https://docs.google.com/forms/d/e/1FAIpQLSedNNa4N64vgfsvAtGcBngKJrtd3h1_x0T019GTW-rSwCj0jQ/viewform](https://docs.google.com/forms/d/e/1FAIpQLSedNNa4N64vgfsvAtGcBngKJrtd3h1_x0T019GTW-rSwCj0jQ/viewform) This is a paid event, so you will have to register at the Frontrunners AI site or at the direct registration link is as follows (but please also RSVP on this meetup to help us reach others): [https://frontrunners.ticketspice.com/frontrunners-2026](https://frontrunners.ticketspice.com/frontrunners-2026) Thanks. We hope to see you there.

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)

**Meet Jonny Price, President of WeFunder** **Jonny Price** is the President of Wefunder, a platform that helps founders raise capital. Before joining Wefunder in 2018, Jonny founded the U.S. lending division at [Kiva.org](http://kiva.org/ "http://Kiva.org"). And before that, he started his career in strategy consulting at Oliver Wyman. Jonny has served on the Federal Reserve Board's Community Advisory Council, and has a Master's in History from the University of Cambridge. Originally from London, he now lives in Nashville with his wife Ali, and three children, Felicity, Carlyle and Margot. **WeFunder** is a leading equity crowdfunding platform that enables everyday individuals—not just wealthy accredited investors—to invest small amounts of capital ($100+) in startups, small businesses, and community projects. Founded in 2012, it aims to democratize access to venture investing, helping founders raise funds from their customers and community rather than traditional VCs. **The Discussion.** This series of hybrid events is perfect for budding entrepreneurs, experienced executive mentors cultivating an entrepreneurial mindset, early-stage investors, and students exploring innovative product design. At each session, business founders serve as guest speakers share about their career, their firm's business model, as well as the successes and challenges in the product development process. Participants learn from the speakers’ experiences, discuss valuable insights, and connect with other entrepreneurs, students, faculty, and investors. **Logistics.** A light lunch is served, as entrepreneurs connect with one another, learn from peers, and contribute to the conversation: * Friday, March 27, 2026 * 11:30am EST - Coffee & Connection * 12:00pm - 1:00pm EST - Presentation & Discussion No pre-registration is required. Join us: Robins School of Business 102 UR Drive, iLab Room 123 University of Richmond, VA 23173 **Parking.** Free parking is available in the U5 and U6 lots immediately adjacent to the Robins School. Please enter the main foyer, turn to the left and proceed to room 123 (EY Innovation Lab) on the ground floor. Please note that visitors have a two-hour parking window. Please sign in when you enter the room, providing your license plate number. **On Zoom Webinar:** https://us02web.zoom.us/j/89608419334?pwd=am0F9r85xPfh7aBaxtdUDILYsvNAwJ.1

**SOLD OUT: [add your name to our waitlist](https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford) via our website.** Enjoy a full day of button making with Catherine! We’ll start with Dorset Buttons, a traditional English craft... learn the basics as you make the traditional Blandford cartwheel before discussing some variations, including a fan-style button and the Maltese Cross. Then we’ll move onto Shirt Lace buttons, a more modern innovation. Read complete details about this class, review your student supply kit fee and register via Artistic Artifacts’ secure online website: [https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford](https://artisticartifacts.com/products/beautiful-buttons-with-catherine-redford) \*\*\* Due to the size or other requirements of the class or concurrent scheduling, some classes are in our second-floor space: access is via stairs only. Registrations for all Artistic Artifacts classes MUST be paid for [through our website](https://artisticartifacts.com/collections/wk), or via a visit to our shop at 4750 Eisenhower Avenue. We encourage you to RSVP here, but to ensure your seat you MUST follow through via our website. [View our complete class policies »](https://artisticartifacts.com/pages/class-policies)

[Profs and Pints Northern Virginia](https://www.profsandpints.com/washingtondc) presents: **“Digital Device Detox,”** a guide to breaking free from the addictive and destructive powers of social media and apps, with Jillian Tucker, licensed clinical social worker in private practice, adjunct professor of clinical social work at Columbia University and New York University, and therapist with nearly 15 years of experience in addiction treatment and behavioral change. [Advance tickets: $13.50 plus sales tax and processing fees. Available at [https://events.ticketleap.com/tickets/profsandpints/northern-virginia-digital-detox](https://events.ticketleap.com/tickets/profsandpints/northern-virginia-digital-detox) .] Many of us have had the same experience: We’re trying to get things done and stay focused on the positive in our lives, but we can’t stop looking at a cell phone that tells us that we live in troubled times, that everyone else is better looking and having more fun, and that escape awaits in the worlds of Candy Crush or Pokémon Go. Maybe it’s time to find effective ways to loosen the grip of that cell phone and rediscover the happiness that comes with using digital devices less. Join Jillian Tucker, who previously has given several excellent Profs and Pints talks related to mental health, for a crash course on how to restore balance in your relationship with digital devices to ensure they’re simply tools you use rather than instruments through which other people use you. She’ll start by discussing social and mental-health trends connected to the use of digital devices. We’ll delve into the specific ways that their overuse can be biologically and psychologically harmful and leads to division, depression, anxiety and anguish on an individual and societal level. Professor Tucker also will look at why digital habits are hard to break, citing neuroscience and what we know about behavioral addiction. You’ll learn the many ways in which devices and apps are deliberately designed to be hard to stop using. You won’t be urged to just chuck your cell phone, though. After all, such devices can keep you socially connected, be sources of joy and learning, and even save your life if you need to summon help in an emergency. Instead, we’ll look at effective strategies for reducing digital device use, considering approaches that treat the overuse of such devices as “addiction” but moving beyond them to consider more nuanced ones as well. We’ll explore how to find our core motivation to change and how to carry out a change plan. We’ll consider how those who failed in past attempts to reduce digital-device use can overcome impasses in their effort to change their behavior. We’ll discuss ways to minimize the feelings of inconvenience and withdrawal that might come with reducing digital-device use, and we’ll discuss strategies for regaining the social skills and reviving the in-person strategies that our device use had compromised. You’ll learn how the same conditioning and power of habit that got us using our devices so much more also can be harnessed to help us use them much less. You’ll learn how to curate and enhance the positive aspects of digital devices, to help maintain them as a source of connection, joy, humor and learning and keep them from causing you unhappiness or stress. (Doors: $17, or $15 with a student ID. Listed time is for doors. Talk starts 30 minutes later.) Image: Photo by Japanexperterna (Creative Commons).

**TBA**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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 for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

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