HTML5

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

ASL HangOut is a safe fun social All levels D/deaf, Hard of Hearing, Hearing signers, ASL students, ASL interpreter. Hosted by Daniel Berke and his friends Jeremy, Andrew, Nathaniel. and Josh There's always a great mix of people and good conversations We will be meeting at the Tysons Corner Food Court (3rd Floor), Thursday at 7pm! Hope to see you all there! 🙂 Look for a table of ASL signers...don't be shy. 1961 Chain Bridge Rd Tysons Corner, VA 22102 join our Facebook group https://www.facebook.com/groups/468631322134694

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

If you’ve already learned the basics of volleyball and want to keep improving your skills while having fun, this event is for you! **Number of Nets:** 1 **Skill Level:** Advanced Beginner (click [here](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/mobilebasic) for details). **Reminders** 1. Attendance: We’ve noticed that the waitlist is growing, so please make sure your name is on the Going list if you plan to play. Our number of nets is limited so this helps avoid too many rotations. If your name is on the list but you don’t show up, it will count as an absence according to Smiley Social rules. Please update your RSVP at least 12 hours in advance if your plans change. 2. Injuries: Play safely and be mindful of others on the court. Respect positions and avoid risky moves that could lead to injury. If you’re not sure the ball is yours, call it before going for it to avoid collisions. 3. Game Rules: Let’s follow the basic volleyball rules, especially the three-touch rule so we can play properly and improve as a team! **Smiley Social documents:** 1. [Group Rules ](https://docs.google.com/document/d/1HrG35p_0M08leRvCp8XWG3CMkr_GL928XFabl5T6Dvg) 2. [Volleyball Levels](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/) 3. [Liability Waiver ](https://docs.google.com/document/d/1W2mq-7m99lmvd7gdWYaSUFtvVg4UGnzV6koafAbHmco)

Let's get together to play some competitive coed doubles volleyball. **COST**: FREE **Court Type**: Outdoor grass **Minimum Skill Requirements**: Solid BB (click [here](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/mobilebasic) for details) Attention: 1. This event is **not always on a first come, first served basis**. [Good doubles partners](https://docs.google.com/document/d/14weEw-P52XKx0P8K2l-ZOFtYU61wmfdkSkopbG5avro/) and players who can bring a net and ball, may get priority over others on the waitlist. 2. Since skill levels are **self-reported**, some attendees may not meet the expected level in reality, so we encourage you to choose a partner you can enjoy the game with, and since this is a competitive event, it is okay if you make a strong team and win all the games. 3. Each person must help set up and take down one net, leaving some nets unset for latecomers. **Smiley Social documents:** 1. [Group Rules](https://docs.google.com/document/d/1HrG35p_0M08leRvCp8XWG3CMkr_GL928XFabl5T6Dvg) 2. [Smiley Social Volleyball Levels](https://docs.google.com/document/d/1PojSi4qdlRsv1msCHhvpQ43iDc4FfzQwpWCc3kafVMY/edit) 3. [Good doubles partner](https://docs.google.com/document/d/14weEw-P52XKx0P8K2l-ZOFtYU61wmfdkSkopbG5avro/) 4. [Liability Waiver](https://docs.google.com/document/d/1W2mq-7m99lmvd7gdWYaSUFtvVg4UGnzV6koafAbHmco)⁷

***UPDATE: Meet us in the Rockville Library, Collaboration room #4*** ***Join us for an evening in an electronics lab where we will attempt to run clean scans of gold samples, and then clean up that data with post processing.*** This is a high sensitivity experiment, and we do not plan on being successful so early. But we've had promising results lately - so we will be putting in the time. We will attempt full, clean lab - clean tip repeated scanning tests to see what we can learn and improve. We will experiment with online attendees, but if all possible showing up in person is strongly encouraged. Online join link is: - [https://meet.jit.si/mocomakers](https://meet.jit.si/mocomakers) Our community is building (and documenting for other teams) how to build a scanning tunneling microscope using a mix of common and 3D printed parts. This will allow us to scan and visualize a single atom - an ambitious we are doing over the course of a few months. The MoCo Makers community is one of the most innovative and competent groups in Maryland, and we've done everything from [publishing cancer research](https://pubmed.ncbi.nlm.nih.gov/38136356/), to [launching products](https://www.kickstarter.com/projects/gotim/cozy-curvy-multi-contour-pillow), [winning grants](https://covidinfocommons.datascience.columbia.edu/awards/2014255), and inspiring thousands. Now our biggest challenge yet has appeared. We are building a Scanning Tunneling Microscope, that will allow us to scan and visualize single atoms. To get a better idea of what we are doing, see our reference project here: [https://www.youtube.com/watch?v=7N3OqTEq08g](https://www.youtube.com/watch?v=7N3OqTEq08g) All starting CAD, code, and reference files should exist. However, let's be the first Maker community to document the build process and share it with learners around the world. We will be publishing our work here -[ https://hackaday.io/project/202816-qt-panda](https://hackaday.io/project/202816-qt-panda) Meet us in the Rockville Library, Collaboration room #4

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.

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

♠️ Last Saturday Spades in Silver Spring! ♠️ 🌟 In Downtown Silver Spring 🕕 6:00pm to 10:00pm 😀 **Posted in multiple groups. So, expect a nice crowd.** 🚗 Nearby Parking in Wayne Ave. Garage 🍷 Alcoholic beverages are available! Please support the business by purchasing food/drinks. ✅️ No partner needed! Get matched with a partner onsite. All skill levels are welcome. ❤️ Come hang out with a friendly and welcoming group. Meet new people and have a great time! 🌟 The fun starts at 6:00pm! RSVP today.

**Cost:** Free (If you enjoy the free class and would like to donate to the coach, you can do so here via **Venmo,** **@mpineyro26)** **What to bring:** Please bring a ball with your name and drinking water. **At least 10 people are required for the event to happen.** Are you new to sports, want to learn a new sport, or want to improve in volleyball? Here is your chance! Volleyball is a growing sport here in the DMV. The host will teach you basic volleyball skills that will allow you to get better at or learn a new sport. The host will take you through a 4-week program that will make you feel better about how you play and your volleyball confidence. **\*New Group Chat:** Because of the amount of crypto scammers out there, only people who ask to be added in front of me will be added. [https://chat.whatsapp.com/FhLXZY2kvjRBC8mSsXW8Ms](https://chat.whatsapp.com/FhLXZY2kvjRBC8mSsXW8Ms) **\*Our YouTube Channel:** [https://www.youtube.com/@mp02626](https://www.youtube.com/@mp02626) **Game Plan:** **Week 1: Underhand Server, Game Basics, Rules, and Defensive Positions** Week 2: Platform, Receive/Passing (1), Receive/Com (6) Week 3: Serving overhand, Set, Set, Set Week 4: Spiking/Blocking/Testing Day! * The plan is to do *drills for 60 minutes* and *60 minutes of playing* to apply what we learned. The times might change if the hosts feel more drill time is needed. * *If you missed week 1*, let the host know so he can give you a quick tutorial on the basic rules. **Important Videos:** Week 1 [101 Basics](https://www.youtube.com/watch?v=33sWyhjhacM) [Volleyball Rules:](https://www.youtube.com/watch?v=FzO7EvB7mDE) [Base Defence (positions)](https://youtu.be/IGfj8k9QjwI) *** Week 2 [Receive/Pass](https://www.youtube.com/watch?v=gOgfoEGUDCA) *** Week 3 [Overhand Serve](https://www.youtube.com/watch?v=au3QYrvsy9k) [Setting](https://www.youtube.com/watch?v=h5mpBCRK_yk) [Setting](https://www.youtube.com/watch?v=VH0LiQH5D5U) [Spin Set](https://youtu.be/04CgNspFFxQ?si=KqilChLYjy5LA_WQ&t=24) *** Week 4 [3 Step Approach](https://youtu.be/4hTPaeJQzEs?si=9gC3ae-jIVuvsH-I&t=35) [Spiking](https://www.youtube.com/watch?v=GIdN4eYCc2A) [Blocking](https://www.youtube.com/watch?v=8CSQARq6JC8) Tests Week 5 Beginners Vball Tournament 6 Teams [Last Tournament](https://www.youtube.com/watch?v=wDRQRedCHWE) Week 6 Virginia Beach Getaway [Last Beach Trip](https://www.youtube.com/watch?v=OKFe3-xnGts) **FAQ:** I missed the first week, can I still attend week x? *Yes, any week is a good week to learn and practice.* I am taking another beginner's volleyball class; can I attend this one? *Yes* I am more advanced than a beginner; can I attend week x? *Yes, come and practice in whatever you are weak in.* Can I bring a friend? *Yes* Can I come even if I don't have a ball? *Yes, but we recommend a ball so you can use it while you are here, and you can practice with your ball.* Do you have a ball pump? *I do :)*

This is where you meet the area's 40 and 50 years young; 40 somethings, 50 [somethings.......as](http://somethings.......as/) they are known as GENERATION Xers....., who are active, self accomplished, sophisticated, young at heart, empty nesters; who would like to do things and enjoy life; who has got time and could afford it as well! ***GRAB A DRINK AND YOU WILL BE ALL SET TO ENJOY THE EVENT. YOU NEED TO GRAB AT LEAST A DRINK OR A FOOD ITEM :) To get the event going and show support. We know that you like our events. P.S. : We have non-alcoholic drinks as well.*** We have a tiny venue and we hit capacity often and early arrival is suggested. Direct RSVP required. We have the discretion to decide entry. Many of you were not born while we were partying:) The profile picture of this invite was taken while we were having a blast. One of our members was buying us rounds of shots. He almost spent $ 1K just on shots. LET US DO IT AGAIN! They also make us feel loved and honored, by serving, one of our signature cocktails, which is named after us - MerTini:) It will be one of the featured cocktails. Ask your bartenders:) DETAILS : * We will have a registration station and check you in. * Most of our members complained about people writing in the comment box. Since it sends notification to all attendees. If you have any questions, send a message to the organizers. Don't write in the comment box. DRESS CODE : Unacceptable Attire: 1. Athletic Clothing: This Includes gym attire, sweatpants, yoga pants, and tracksuits 2. Baggy Clothing: Clothing that is excessively loose-fitting or oversized, such as baggy jeans, sagging sweatpants or oversized t-shirts. 3. Sportswear: Jerseys, team logos, and other sport-specific attire 4. Beachwear: shorts, tank tops, swimwear, and revealing clothing 5. Flip Flops: Open-toe sandals, thong sandals, and flip flops are not allowed 6. Timberlands and Steel Toed Shoes. PARKING INFO Parking might be a challenge and the event involves drinking. We highly encourage you to take a public transportation, taxi service or a ride share. DRINK RESPONSIBLY. ***N.B. : We have ZERO TOLERANCE for solicitation. We don't allow anyone to run their own agenda at the Event. If you are interested to promote/sponsor/collaborate; contact us via ([info@merevents.com](http://info@merevents.com/)).*** [) [) [) [) [) [) [) [) [) [) http://photos3.meetupstatic.com/photos/event/9/3/d/600_440642365.jpeg http://photos1.meetupstatic.com/photos/event/9/3/6/600_440642358.jpeg http://photos3.meetupstatic.com/photos/event/8/e/e/600_440642286.jpeg http://photos4.meetupstatic.com/photos/event/8/5/9/600_440642137.jpeg http://photos2.meetupstatic.com/photos/event/7/8/f/600_440641935.jpeg

This is where you meet the area's 30, 40 and 50 years young; 30 somethings, 40 somethings, 50 [somethings.......as](http://somethings.......as/) they are known as GENERATION Xers....., who are active, self accomplished, sophisticated, young at heart, empty nesters; who would like to do things and enjoy life; who has got time and could afford it as well! ***GRAB A DRINK AND YOU WILL BE ALL SET TO ENJOY THE EVENT. YOU NEED TO GRAB AT LEAST A DRINK OR A FOOD ITEM :) To get the event going and show support. We know that you like our events. P.S. : We have non-alcoholic drinks as well.*** We have a tiny venue and we hit capacity often and early arrival is suggested. Direct RSVP required. We have the discretion to decide entry. Many of you were not born while we were partying:) The profile picture of this invite was taken while we were having a blast. One of our members was buying us rounds of shots. He almost spent $ 1K just on shots. LET US DO IT AGAIN! They also make us feel loved and honored, by serving, one of our signature cocktails, which is named after us - MerTini:) It will be one of the featured cocktails. Ask your bartenders:) Unacceptable Attire: 1. Athletic Clothing: This Includes gym attire, sweatpants, yoga pants, and tracksuits 2. Baggy Clothing: Clothing that is excessively loose-fitting or oversized, such as baggy jeans, sagging sweatpants or oversized t-shirts. 3. Sportswear: Jerseys, team logos, and other sport-specific attire 4. Beachwear: shorts, tank tops, swimwear, and revealing clothing 5. Flip Flops: Open-toe sandals, thong sandals, and flip flops are not allowed 6. Timberlands and Steel Toed Shoes. DETAILS : * We will have a registration station and check you in. * Most of our members complained about people writing in the comment box. Since it sends notification to all attendees. If you have any questions, send a message to the organizers. Don't write in the comment box. PARKING INFO Parking might be a challenge and the event involves drinking. We highly encourage you to take a public transportation, taxi service or a ride share. DRINK RESPONSIBLY. ***N.B. : We have ZERO TOLERANCE for solicitation. We don't allow anyone to run their own agenda at the Event. If you are interested to promote/sponsor/collaborate; contact us via ([info@merevents.com](http://info@merevents.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.

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

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

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

**New Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)