HTML & CSS

👉 **Enroll at [https://www.worklifespanish.com/upper-intermediate-b2.htm](https://www.worklifespanish.com/upper-intermediate-b2.html)** This course will review the four indicative past tenses, the present subjunctive and the various uses of the imperfect subjunctive through the viewing of short films and class discussions and differentiate "por" & "para" and use "si" clauses. ​Books: [Demystified](https://www.amazon.com/Spanish-Demystified-Premium-Jenny-Petrow/dp/1259836851/ref=sr_1_1?s=books&ie=UTF8&qid=1519486720&sr=1-1&keywords=spanish+demystified) Day: Thursdays, 6:00pm - 8:0pm ET ​Dates: 1/22 - 3/26 Teacher: Mike Location: Falls Church 👉 **Enroll at [https://www.worklifespanish.com/upper-intermediate-b2.htm](https://www.worklifespanish.com/upper-intermediate-b2.html)**

## [Event overview:](https://reg.experiences.redhat.com/flow/redhat/3213250/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1250000469339) Register [HERE ](https://reg.experiences.redhat.com/flow/redhat/3213250/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1250000469339)to learn more! This isn't your typical tech event. Red Hat Tech Day is a full-day, "laptops-open" intensive designed for the builders, operators, and architects who get things done and who understand that security is paramount to operational success. This day is 100% focused on deep, hands-on learning and building resilient, secure systems. You have the power to customize your day. Choose two immersive, expert-led workshops from our tracks designed to confront today's biggest enterprise challenges. You will leave with production-ready skills to reduce risk and enhance your defensive posture. Register [HERE ](https://reg.experiences.redhat.com/flow/redhat/3213250/redhatfieldeventspreregnoappform/page/landingregistrationpage?sc_cid=RHCTN1250000469339)to learn more!

**Important! Please register on [Luma Page](https://luma.com/n7h7ynr4)** This event is organised by Projector Institute community and Ukrainian Tech Space DC MD VA Join us for an exclusive evening dedicated to exploring what it truly means to be a Product Designer — and how to manage this role more effectively in today’s fast-changing digital landscape. ​ During this session, we’ll dive into: • The pros and cons of working in product vs. non-product companies • Communication as one of the main design tools • Business-oriented approaches to product design • Practical insights for both junior and senior designers • The use of AI tools and workflows — backed by real-world examples ​ Speaker: [Misha Rybachuk](https://www.linkedin.com/in/mike-rybachuk/) — Co-founder of [Projector Institute](https://prjctr.com/en/about), Art Director at [Lezo.io](https://lezo.io/en), and former designer at Accenture. With over 10 years of experience in interface design, Mike has helped build impactful digital products by merging creativity, strategy, and technology. ​ This event is your opportunity to connect with fellow professionals, gain hands-on insights, and see how design bridges creativity, communication, and business success.

Join us for an evening at PubKey DC where Andrew Newman & Dan Kablaoui dive into the origin story and vision behind one of Bitcoin's most iconic community spaces. This in-person event offers a unique opportunity to learn about PubKey's history, its lore, and the bold decision to bring that energy to the Nation's Capital. We’ll also discuss PubKey's new partnership with the Bitcoin District Initiative and the vision they have for transforming DC into a thriving Bitcoin circular economy. ​​As always, this is a **FREE** and **PUBLIC** event! 🧡🍻🙏

Update: Hello friends! We're running into a scheduling conflict and pushing our social forward by 1 week. My sincere apologies for the last minute shift! We're starting off this year nice and easy with a Power BI DC User Group social! Please save the evening of January 15th in your calendars as we ring in the new year together with our trademark mix of camaraderie and general nerdiness. We're working on nailing down the specific location but will ensure that it is metro accessible. See you then!

We gather, grab a drink, grind, grin and dance to celebrate Demon Hunters! Demon Hunters costume (Opetional). ***CHECK-IN : AT THE VIP ENTRANCE. SKIP THE LINE.*** ***MAKE SURE THAT YOU COME TO THE VIP ENTRANCE and pick up your wristbands. Then you’ll be set to sip on. There will be hundreds of people and a long line. Early arrival is highly suggested.*** **Cover is $20. But it is FREE with RSVP.** **DON'T FORGET TO SHOW THAT YOU HAVE THIS FREE TICKET, AT THE DOOR. OTHERWISE, YOU WILL BE SUBJECT TO BE CHARGED FOR COVER.** ***Time: 10PM-3AM (ticket pick up is from 10PM-11PM)\**** ***\*Registration is from 10PM-11PM. You'll receive your wristband . If you can't make it by 11pm TEXT/EMAIL YOUR QR CODE to a friend, so that they can pick everything up for you.*** ***But the party continues till 3AM!*** ***LINEUP :*** ***Decades has different floors dedicated to different decades.*** ***Those who haven't been to Decades before. It is the largest club in DC and one of the prominent ones in the world. After you party there, scrape it off from your bucket list!*** ***10PM - 11PM : Ground Floor*** ***11PM - MIDNIGHT : 2000s Floor*** ***MIDNIGHT - 1AM : 2010s Floor*** ***1AM - 2AM : HipHop Floor*** ***2AM - 3AM : Rooftop*** Dress code : Elegant/Chick/Stylish **DRESS CODE STRICTLY ENFORCED.** We ask that you approach your wardrobe deliberately. No Athletic Clothing or excessively baggy clothing. Keep it chic, smart and classy! Jeans are allowed. Acceptable Mens shorts include those with belt loops. 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. Event is 21+ ***\~\~\~\~\~CHECK-IN DETAILS\~\~\~\~\~\~\~\~*** ***1\. You need our wristband to get the VIP Entrance\.*** ***2\. In order to beat the long line\, please be on time\.*** ***3\. Photo ID: Everyone will be required to have a valid photo ID with them in order to enter\. If you forget your ID\, you will not be allowed in\.*** Fellas, it is hard to pass on this! **DRESS CODE STRICTLY ENFORCED.** We ask that you approach your wardrobe deliberately. No Athletic Clothing or excessively baggy clothing. Keep it chic, smart and classy! Jeans are allowed. Acceptable Mens shorts include those with belt loops. 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. Those of you who haven't been to Decades before. It is the largest club in DC and one of the prominent ones in the world. After you party there, scrape it off from your bucket list! ***\~\~\~\~\~CHECK-IN DETAILS\~\~\~\~\~\~\~\~*** ***1\. You need our wristband to get the specials\.*** ***2\. In order to beat the long line\, please be on time\.*** ***3\. Photo ID: Everyone will be required to have a valid photo ID with them in order to enter\. If you forget your ID\, you will not be allowed in\.*** Fellas, it is hard to pass on this! *Payment Instructions :* 1\. Login to see the 'Pay Now' button\, after RSVPing\. Then hit the button\. 2\. Verify correct dollar amount for number of people you're paying for\. **3\. If you don't have a Paypal account\, click "Pay with a Debit or Credit Card"\.** 4\. If you have a Paypal account\, simply log in\, and pay as you normally would via Paypal\. ***How to Unblock the Pop-up Blocker on Your Phone*** Many of our patrons advised us that they have a Pop-up Blocker on their iPhones and it hinders them from buying tickets. To unblock, please follow the following steps : For Safari Users : 1\. Go to Settings\. 2\. Scroll down to Safari and click on it\. 3\. Select Block Pop\-ups and turn it off\. For Google Chrome Users : 1\. Open Google Chrome\. 2\. Click on the three dots and you will see many options\. 3\. Click on Settings\. 4\. Scroll down to content settings\. 5\. Select Block Pop\-ups and turn it off\. Refund & Ticket Resell Policy All sales are final. We only refund the full amount, if the event is canceled. If it is rescheduled, we will send an email to ticket holders advising that. A full refund will be given to those that let us know within 2 calendar days of the update email, if you are unable to make it on the new date. No refunds will be given after that time. However, you can sell your ticket to someone else if you are unable to attend. Please, feel free to post in the comment box for the event, that you have a ticket for sale. Work out payment between yourselves, and have the seller only send the organizers a message, letting us know the full name of the person taking your spot. You must let us know two hours before the RSVP close time, on the day of the event.

This month, we're discussing API design and single-header libraries. How should we structure and program libraries to impose as few usage constraints as possible? We’ll look at [the STB libraries](https://github.com/nothings/stb) and other examples as case studies. *Note the slightly different time than usual.* We're still at the West End Library. **Agenda:** \- 1:45 \- 2:45pm: Library discussion \- 2:45pm \- whenever: Keep chatting over lunch nearby **What we do** Presentations on lower-level, foundational programming topics, ethical software, knowledge sharing, mentoring, and discussion. **Who we are:** We are all about handmade software. Rather than focus on frameworks, heavy abstractions, and buzzwords - we typically create projects or research topics that build an understanding of foundational computing concepts, essential data structures, and hardware/software interaction. **What to bring?** Bring a laptop, project, or just a curious mind. If you're not sure you're ready to contribute, don't worry: we're all here to share our passions and hone our craft. **If you arrive late:** Please enter the room quietly as to not disrupt anyone that is presenting. You can take any empty seat.

Covid Alert: We will start having classes again at Canal Park on Wednesdays and the dojo on Saturdays. Please bring your own hand sanitizer, and a mask are a must! We'll practice from a safe distance from each other; and progress from there. On Saturdays, class is limited to the first 5 persons to rsvp (until further notice) "DC Kali" is an official training group for FCS Kali. Our curriculum includes knifes, swords, stick-fighting, striking, and grappling; but we place a special emphasis on edged weapons. Please come out and learn some Kali. Our aim is to train hard, learn some sound defense strategies, and make friends along the way. Although FCS Kali is a combat-oriented systems that involves edged weapons, we provide a safe environment for learning w/o sacrificing realism in our training. We teach in small semi-private groups, allowing each individual student to progress as quickly as he or she can absorb the info being taught. Hope to see you all there. Mosi K. Jack, Esq. Training Group Instructor · FCS Manong (under Tuhon Ray Dionaldo) http://www.fcskali.com/ ) Filipino Combat Systems is an organization dedicated the preservation and promotion of all Filipino Martial Arts. Filipino Combat Systems(FCS) is an organization/system with members from around the world. FCS is based on Tuhon Ray Dionaldo's over 35 years of practicing various FMA (Filipino Martial Arts) styles. He's combine elements of each, into one system that's efficient, fast, concise, and logical. FCS members have extremely diverse backgrounds, and Martial Arts systems. We’ve all come together because of our love of the Filipino Martial Arts, and our unwillingness to become involved in the politics that has so often stifled our growth. Please pick one of the following class and fee combos: Drop-In Fee: $25/per class (after 1st free Saturday class) Monthly fees: $80/month (Wednesday park classes included for free), or Quarterly fees: $210/every 3 months (which comes to $70/month; includes the Wednesday park classes), or Wednesday Park only: $50/month • Cash and Paypal are preferred method of payment (online payments via Square are available at: https://squareup.com/market/dc-kali ) • One free trial class is permitted (but must rsvp ahead of class) • Equipment: if you have training knives, rattan sticks, training swords, and/or mma gloves bring them. If not, we may have a few extra. Training Videos http://www.fcskaliphilippines.com/fcs-curriculum-videos.html http://www.bloodnbonesgear.com/id5.html

**$60/2\.5\-hour Class \| Class Limit: 5** Hamiltonian Artists Second Floor, Studio 2 [Registration Link ](https://www.google.com/url?q=https://trishaart.com/classes/p/drop-in-classes&sa=D&source=calendar&usd=2&usg=AOvVaw07rgL9h-rFd3JRP7l9BSDN) In this introductory course, students will learn the history of Indian woodblock before using the technique for themselves to create a printed piece of fabric from start to finish. I will demonstrate the process before allowing students the opportunity to ask questions and practice. Various examples of patterns and motifs will be shared with the group that they can emulate for their own projects. We will provide a handkerchief for the final project, but students are encouraged to bring their own light-weight cotton objects to use instead.

\*\*\*\* **Volunteers Needed!** Give back to the group by hosting your own smaller events (dinners, happy hours, brunches, lunches. etc). Join our Event Host program \*\*\*\* → **NEW MEMBERS or 1st TIME EVENT GO-ERS**, if you have questions about the group, RSVPs, or the overall dining event process, visit our FAQs (*ugh Meetup, we'll need to rebuild these*) and our No-Show Policy (for this event, by 12pm on Event Day). → **RSVP Cancellation Cutoff for this Event is Friday 10a, 1/23**. (Late Cancel applies after this, repeat occurrences can impact membership) \*\*\* **Winter Restaurant Week [RW] is back in DC!**: Learn more about DC's Restaurant Week ([http://www.ramw.org/restaurantweek/](http://www.ramw.org/restaurantweek/)) * Officially runs Jan 19 - 25 [some places will extend the deal beyond these dates] * 3-course fixed-price dinner special for $40 / $55 / $65 price tiers [not including drinks, and our required 30% tax / tip] → For this RW event TOSCA will be at the $65 tier, so **the minimum cost for the deal is $85** [drinks, wine/beer, and any extras items are additional and still factors our 30% tax/tip] → **By attending the event, each member agrees to participate using the Restaurant Week menu, and agree this $ minimum**. CASH PREFERRED PLEASE! \*\*\* **SPECIAL RULE for RSVPing to ANY RESTAURANT WEEK EVENT**: Lol, rule waived for this Restaurant Week period. ;) \*\*\* One of my favorite **Restaurant Week returns** in years. After not participating since 2019, **Tosca is back for DC Winter Restaurant Week 2026**, and this is a big deal. Prior to stepping away, Tosca was widely considered one of the **best Restaurant Week values in the city**, largely because they offered access to most of the regular menu rather than a heavily restricted RW subset. It’s genuinely nice to see them re-participate starting with this Winter 2026 run. **FOOD**: Tosca is an upscale Northern Italian restaurant known for clean, composed dishes, house-made pastas, and well-executed seasonal proteins. Prior to 2019, Tosca earned a strong reputation during Restaurant Week because they treated it as a true showcase, often allowing diners to order from **most of the core menu**, with only a small number of premium items carrying upcharges. That approach consistently delivered strong value and positive feedback. **Vegetarian & Gluten Free note:** * Tosca does not typically list fixed vegetarian entrées for Restaurant Week. Instead, the kitchen **curates vegetarian dishes daily using seasonal ingredients**. * Vegetarian selections may vary night to night, but the restaurant has committed to offering vegetarian options throughout Restaurant Week and has historically handled this thoughtfully. * Gluten-free pastas are available upon request. For **Winter 2026**, Tosca is returning at the **top Restaurant Week pricing tier**, with a base RW dinner price of **$65**. Expect a small number of optional premium upcharges, often items like **beef tenderloin or veal**, which many diners have historically found reasonable relative to normal menu pricing. → View Tosca’s menus: [https://www.toscadc.com/menu](https://www.toscadc.com/menu?utm_source=chatgpt.com). Only a couple of items have upcharges. **All must opt into the RW menu and priceponts** **SPACE**: Polished, contemporary, and unmistakably upscale. Tosca’s dining room feels refined and professional rather than casual. **Service leans formal**, with a traditional fine-dining pace and attentiveness. Business casual works, but many guests will be dressed more formally, especially during Restaurant Week evenings. This is a good choice if you enjoy a more classic, composed dining experience. → Visit the restaurant site: [https://www.toscadc.com/](https://www.toscadc.com/?utm_source=chatgpt.com) +++++++++ ==> Tax/Tip combo is our required 30% tax/tip policy (see the FAQs for more details). ==> Limited to 6 slots See you there! JoeN \*\*\* **CLOSEST METRO**: * **Metro Center [Red, Blue, Orange, Silver]**. Exit Metro Center toward **12th Street NW / F Street NW**. Once you come up the escalator/stairs, you will be on **F Street NW**. Walk **east on F Street NW** for **about 2 blocks** (toward 12th Street). When you reach the corner of **F Street & 12th Street NW**, you’ll see 1112 F Street. * For directions using the Metro, try using the Plan a Trip feature at the WMATA website ([click on your preferred Metro station](https://www.wmata.com/rider-guide/stations/index.cfm) then at the Station page level click "Plan a Trip". **PARKING**: No valet parking is offered. TOSCA offers **free validated parking for dinner patrons after 5 pm at the District Center Parking Garage** (West Side, in the building 555 12th St. NW) (look for One Parking) on 11th St. NW between E and F St., requiring guests to bring their parking ticket for validation. \*\*\* 1. Limited to **6** slots. 2. I**f you RSVP "YES" please make sure you can definitely make it**. With 5,800+ members and limited seating, we cannot afford no-shows. It's unfair to the other members who would like to attend and also to the organizers who have to explain to the restaurant why the reserved # of guests didn't show (can damage our reputation and ability to do larger reservations in the future). No-Show / Late Cancel rules apply (see our Discussion area on the website). 3. **Join the WAIT-LIST of you don't get an initial spot**! Use the Waitlist option. Also, check back regularly as attendees have been known to cancel up to Noon the day of the event. We may use emails during the week to confirm continued interest, so check! 4. **Billing (add 30% tax/tip to your bill)**. Remember, include the required 30% for tip / tax in addition to the food / beverages you order as defined in our FAQs. 5. **NEW MEMBERS or 1st TIME EVENT GO-ERS**, if you have questions about the group, RSVPs, or the overall dining event process, visit our FAQs ([http://diningout.meetup.com/149/messages/boards/view/viewthread?thread=1650845](http://diningout.meetup.com/149/messages/boards/view/viewthread?thread=1650845)) and our No-Show Policy ([http://tinyurl.com/5byotq](http://tinyurl.com/5byotq)).

Happy New Year! This is our first Cantonese event in 2026. All levels of Cantonese proficiency are welcome! 新年快樂！ 今次係我哋 2026 年第一個廣東話活動，歡迎各水平嘅廣東話愛好者！ PS - Parking is free in the Metro parking garage on weekends. 週末地鐵嘅停車場係免費嘅。

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

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

**Topic and Speaker TBD** ***Bring your laptop and expect to write some (non-AI generated) code!*** *(title subject to change)* Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

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

Let’s meetup at Cafe Istanbul for the last day of Restaurant Week. You get three courses for $30. This is the menu: https://614now.com/rw-menu/cafeistanbul-easton

**NEW LOCATION: 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). For this first meeting of the year, we will be reviewing submissions for the [Your Program is Hideous and Obfuscated Challenge (YPHOC). ](https://docs.google.com/document/d/13zbxwElpJqPMuAN4Ele2hUgsqtFKzH3OCTL5NEeiLKQ)Submissions for this challenge are due by January 12th, 2026. The details can be found here: or on our website http://www.cohpy.org See Our [Parking Map](https://docs.google.com/presentation/d/1u2A4fLNlxwLJn0KA_hKc8bnFlFHLvsHBDh-_8wzX_tk/edit?usp=sharing) 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 centralohpython@gmail.com