HTML & CSS

# 🎤 Code With Me Presents: Mock Interview Night 📍 **AWS Skills Center** 🕕 **Tuesday, March 24 · 6–8 PM** Ever wish you could **sit inside a real interview** and see how it unfolds? At **Mock Interview Night**, we’ll run **live interviews in front of the audience** — tough questions, awkward pauses, cultural fit moments, and the answers that almost worked. Then we break it down together: **What worked? What didn’t? What could have been said differently?** And if you're feeling bold… **you can volunteer to be interviewed live.** 👔 **Professional attire encouraged** 🍴 **Light bites & refreshments provided** *** ## 📅 Agenda **6:00 – 6:30 PM** Arrival, networking, food & drinks **6:30 – 7:30 PM** Live mock interview + **two audience interview rounds** **7:30 – 8:00 PM** Lessons learned, interview tips, wrap-up discussion **8:00 PM** Optional **happy hour at Highline RxR** (one block away) *** ## 🎙 Interviewers We’re excited to have: **Cherokee Boose** — Senior Technical Trainer at AWS with 15+ years helping people break into cloud and grow their careers **Tariq Habib** — AWS Solutions Architect working across government and top universities on secure, scalable systems 👉 Full bios in the LinkedIn post: [Interviewer Bios](https://www.linkedin.com/posts/shijitdasgupta_ever-feel-like-you-almost-got-the-job-or-activity-7440436088768417792-2paj?utm_source=social_share_send&utm_medium=member_desktop_web&rcm=ACoAAALWCswBeZJErJwAbOs3LBTGc_ZsvDBX0c8) *** ## 🤝 Partnerships This event is **in partnership with Young Bengali Professionals**, a community supporting professionalism and cultural connection for the next generation of Bengali professionals. Hosted with support from the **AWS Skills Center**, which provides learning spaces and opportunities for the DC tech community. *** ## 🚗 Parking There is a **parking garage right next to the venue** that is **free after 5 PM for attendees.**

Holy Cross-Words Toastmasters Club (http://1341379.toastmastersclubs.org/) open to all. The club meets 2nd and 4th Tuesday of each month at 5:30pm in the Professional and Community Education Center (PCEC). The PCEC is located on the first floor of Holy Cross Hospital, 1500 Forest Glen Rd, Silver Spring, MD 20910

IMPORTANT: The REGISTRATION should be done via the GW event site : https://library.gwu.edu/events/women-and-non-binary-women-mentorship-networking-mixer-2026-03-24 We’re delighted to invite you to our **Mentorship & Networking Mixer** on **March 24th from 5:00–8:00 PM in the SEH Basement Space**, hosted by [Women and Gender Expansive Coders DC](https://wgxcodersdc.org/) and the[ GW OSPO.](https://ospo.gwu.edu/) This gathering is designed to foster meaningful connections between women and non-binary students and early-career professionals and those more advanced in their careers across academia, industry, and research. Our goal is to create an intentional space for mentorship, peer support, and lasting community building in a welcoming, conversational setting. **This event is intentionally centered on creating an empowering and supportive space for women and non-binary individuals to build community and grow professionally.** Allies are welcome, and we ask that all attendees be mindful of this focus and help us maintain an environment where women and non-binary participants can connect openly and fully. We hope you’ll join us —please register in https://ospo.gwu.edu/form/gw-oscon-mixer to attend, and enjoy refreshments and light snacks with us.

Thene for this coffee talk is: Two Truths & a Lie – A classic icebreaker that sparks stories Join us at Lily’s Chocolate & Coffee in charming Old Town Alexandria for a relaxed, midweek hangout! Whether you’re a chocolate lover, a coffee enthusiast, or just looking for a cozy spot to meet new people, this café is the perfect place to unwind. Enjoy rich, hand-crafted chocolates, warm lattes, and sweet treats while chatting, laughing, and connecting with fellow Meetup-goers. Bring your curiosity, your favorite conversation topics, and your love for good coffee — this is all about relaxed socializing, new friendships, and enjoying the cozy vibes of one of Alexandria’s most inviting cafés.

[Profs and Pints DC](https://www.profsandpints.com/washingtondc) presents: **“Understanding the Sports Betting Industry,”** an exploration of how legalized gambling on sports is affecting March Madness and athletics as a whole, with Matt Winkler, founder of American University’s online master’s program in sports analytics and management, adjunct professor at AU’s Kogod School of Business, former sports executive, and scholar and teacher of sports management, business, analytics, and technology. [Advance tickets: $13.50 plus sales tax and processing fees. Available at [https://events.ticketleap.com/tickets/profsandpints/dc-sports-betting](https://events.ticketleap.com/tickets/profsandpints/dc-sports-betting) .] Sports betting has undergone explosive growth in the United States in the wake of a 2018 Supreme Court decision lifting the federal ban on it. Its widespread legalization by the states, combined with increased integration of sports and technology, has given rise to an industry with billions in annual revenue. This growth is not only reshaping the landscape for major sports leagues like the NFL and NBA but is also profoundly impacting global events such as the NCAA Tournament and FIFA World Cup. As more fans engage with sports through betting platforms, the dynamics of fan engagement, sports marketing, and even match and game governance are changing. Serious questions are being raised about sports betting’s integrity, regulation, and economic impact. Gain insights into the rapidly evolving global sports betting industry and its profound impact on March Madness, other athletic contests, and professional and collegiate sports. Professor Matt Winkler’s extensive knowledge of the sports economy and betting practices, combined with his years of industry experience—with the NCAA, Major League Soccer, the NHL, WNBA, the Olympics, and the World Cup—make coming to hear him speak an experience sure to pay off. He’ll share insight into trends such as the rise of mobile betting and the emergence of prediction markets. He’ll discuss the significance of sports integrity in gaming markets, the ethical considerations surrounding sports betting, and the various safeguards and regulatory approaches used to protect consumers, reduce problem gambling, and ensure the integrity of sports. Among the areas we’ll explore: The economic impact of legalized sports betting and how it affects local economies, advertising, and media rights. Why major leagues and the NCAA are partnering with betting companies and what they stand to gain from it. How betting is influencing the governance and commercial strategies of major international competitions such the Olympics and FIFA’s World Cup. Using March Madness as a case study, Professor Winkler will discuss how sports betting has altered the tournament’s viewership patterns, bracket culture, and revenue. (Doors: $17, or $15 with a student ID. Listed time is for doors. Talk starts 30 minutes later.) Image by Canva.

[Book Your Ticket Here on our Website](https://crowndancestudio.com/group-classes/). This Class is for anyone who's taking some beginner classes and is considering leveling up. When?: Tuesday Level 2 Salsa Group Classes 7:00PM to 8:30PM. Do I need Partner? NO Is it a Series? No. But we review similar materials on the consistent basic. So having a good basic foundation in those dances will go a long way for you here. Cost: $25 Per Person for 90 minutes class Can I drop-in? Yes. Membership & Class pass available for your better growth and progress. www.crowndancestudio.com

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.

# Blood on the Clocktower: Bad Moon Rising **Sign-Up**: [https://www.3gearstudios.com/blood-on-the-clocktower-trouble-brewing-69250487.html](https://www.3gearstudios.com/blood-on-the-clocktower-trouble-brewing-69250487.html) **\*\* Use the link above to sign-up to ensure your spot\*\*** * **Description** Step into a world of lies, logic, and deception. It’s a pure social deduction game - no dice needed, and there are many ways to play even the storyteller can lie..... * **Date:** Sunday, March 29th * **Time**: 6:00pm - 9:00pm EST * **Storyteller:** Megan A. (She/ They) * **Slots**: 15 * **Cost**: $10 per person/ per session * **Characters:** Beginner - Friendly * **Rating:** 13+ * **Place:** In Person at 3 Gear Games (25 C Street, Laurel, MD 20707) --**Refund Policy**-- Refunds will be issued should we have to cancel this event, and are unable to reschedule it. They will not be issued for no-shows. --**Game Room Code Of Conduct**--[https://www.3gearstudios.com/service/code-of-conduct/](https://www.3gearstudios.com/service/code-of-conduct/?fbclid=IwAR054LDLzN5OeBImBfQpND1a_83AGAxPeFHwMO303UD3Z7rggbPn-TRYH64) Email questions to 3geargames@gmail.com

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

L'Exil et le Royaume d'Albert Camus est un recueil de six nouvelles explorant la condition humaine entre l'exil (solitude, absurdité, séparation, déréliction) et le royaume (sérénité, communion avec le monde). Exile and the Kingdom is Albert Camus' fine collection of six short stories which explores the human condition between exile (solitude, absuridity, apartness, abandonment) and the kingdom (peace, communion with the world). L'Exil et le Royaume, published in 1957, was the last work of fiction Camus produced before his tragic early death in 1960. Si vous allez lire l'Exil en français, il faut commander via Schoehof's avant 14h (Heure de l'Est) pour accélérer le traitement de votre commande. https://www.schoenhofs.com/LExil-et-le-royaume-by-Albert-Camus_p_27096.html (le titre est jadis disponible pour notre club chez Schoenhof's). If you wish to read Camus' Exile and the Kingdom in English, please order this translation. This book is also available in Kindle. https://www.amazon.com/Exile-Kingdom-Albert-Camus/dp/0307278581/ref=sr_1_1?crid=1IK180GYU1NRD&dib=eyJ2IjoiMSJ9.HYa3dT5939PqR2K7w4j6X5gJkSDn0f426cxnZVL9YAraHj2BRcyv07scTR5j5IvKzOydAejAKfRNTHuXvYhfdwGGaopnnsgsMURJOxX4_qr9sK5PM9_88VlaarklT3s9prurTIf74-lqbpfvePF2IdFUDCpyjS3Cj5XFcQhG4GiLNO_GUgQUKmK5fKsnYyFyXm0OR83xe7W5800A_Z5i7O9s-UHquxUi_PJvKHMKkUQ.9jHxrNWQYBVXudvpzigRn-ZFp1ZbY_XPpBI1nBxuNmU&dib_tag=se&keywords=albert+camus+exile+and+the+kingdom&qid=1771453214&sprefix=albert+camus+exile+%2Caps%2C103&sr=8-1

Brookside Gardens is Montgomery County’s incomparable, award-winning 50-acre public display garden within Wheaton Regional Park. Included in the gardens are several distinct areas: Aquatic Garden, Azalea Garden, Butterfly Garden, Children’s Garden, Rose Garden, Japanese inspired Gude Garden, Idea Garden, Rain Garden, and the Woodland Walk. The Formal Gardens areas include a Perennial Garden, Yew Garden, the Maple Terrace, and Fragrance Garden. Brookside Gardens also features two conservatories for year-round enjoyment. Parking and admission to the gardens are free. **Event Details:** This will be a study of lens focal length and how they affect the look of your photographs. How aperture effect the look of the subject (depth of field). **Lens Exploration** Organize sessions around different lens types: * **Macro photography** for close-ups of individual petals and delicate textures. * **Telephoto lenses** for compressing a scene, making rows of trees look overwhelmingly full of blossoms, and isolating subjects to manage crowds. * **Wide-angle lenses** for capturing the entire landscape, such as an avenue of trees, or placing a subject in the foreground to emphasize depth. * How to isolate your subject by the use of depth of field. **Recommended equipment:** DSLR or Mirrorless camera, Macro lens, Wide angle to telephoto zoom lens, flash with diffuser. **Brookside's Photography Guidelines:** * **Do not disturb any gardens, stand on rocks or displays, block paths, or climb garden or fountain walls.** * **The photo session must not interfere with other visitors’ enjoyment of the gardens.** * **Absolutely no tripods are allowed in the Conservatories.** * **Published photographs should credit location of photograph, i.e. “Brookside Gardens, Wheaton, MD”.** **RAIN DATE:** April 4th **Share Your Work:** We encourage you to share your images with us on the [Harford County Photography Group's Facebook ](https://www.facebook.com/groups/hcphotogroup)page.

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

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

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

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

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm

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

**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com

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