Graphical User Interfaces

HYBRID EVENT, VIRTUAL SPEAKER In this talk, Sean Hoar will explore the transformative journey of AI’s role in modern software engineering, from rapid prototyping (“Vibe Coding”) to strategic AI integration by skilled practitioners. It clarifies the distinctions between AI-assisted, AI-enabled, and practitioner-led approaches, offering insights into how developers can effectively adapt to and harness AI tools. The presentation also highlights recent advancements and practical strategies for leveraging AI in daily workflows and long-term development.

Think you aren't flexible enough for yoga? Afraid to get onto the floor? Living with physical aches or restricted range of motion? Then this is the perfect yoga class for you! Explore your body's strengths in a fun, supportive environment while maintaining and growing your range of motion, flexibility, balance, strength, and sense of peace. All are welcome in this therapeutic class. Come ready to try new things, laugh, ask questions, and support each other. **Please reserve your spot at www.piesfitnessyoga.com**. The session is offered both InStudio and OnLine. The Zoom link for the OnLine session will be emailed 15 minutes before class starts to those who are registered at www.piesfitnessyoga.com. **Sign up for sessions must be made at least 2 hours prior to class.** The address is 1322 Prince St Alexandria, VA 22314 Our entrance is located on the side of the building, parallel to West St. **Street parking is available and additional parking is located at Shiloh Baptist church, spaces 36,37,38,39.** The church is located across the street from the studio, on the corner of Duke St. and West St. Discount is available to seniors, teachers, students, emergency responders, and military. All can save by purchasing class packs.

​**Due to the popularity of the event, registration for lessons and the support table are required at [https://luma.com/dcmahjongg](https://luma.com/dcmahjongg).** We do not use the RSVP system on Meetup. **A drop-in game every Tuesday at the Martin Luther King, Jr. Central Library, located at the corner of 9th and G Streets NW.** The Gallery Place Metro station (9th Street entrance) is located across the street. Street parking is available. We play in the Great Hall -- as you enter the library, we are on the right of the room. **All skill levels are encouraged to participate.** Lessons for new players (as needed) at 6:00pm. Please arrive on time. Games for all skill levels begin at 6:00. Games wrap up at 8:00. **If you own a mah jongg set, we encourage you to bring.** More resources (especially for new players) are available at http://linktr.ee/davidmahj

[Profs and Pints DC](https://www.profsandpints.com/washingtondc) presents: **“Empathy 101,”** a research-based examination of our ability to understand others and how to improve it, with Jamie Keaton Jones, instructor in the Child and Family Social Work Fellowship Program at Walter Reed Military Hospital, adjunct professor at Fordham University, and founder of The Psychotherapy Studio PLLC in Washington D.C. [Advance tickets: $13.50 plus sales tax and processing fees. Available at [https://www.ticketleap.events/tickets/profsandpints/dc-empathy-101](https://www.ticketleap.events/tickets/profsandpints/dc-empathy-101) .] In these uncertain and divided times, empathy for others—and for ourselves—might be just what we need to reduce our anxiety and constructively work together. Yet many of us lack much of an understanding of our capacity for understanding and how we can nurture it. Take a deep dive into the subject of empathy with Dr. Jamie Keaton Jones, a therapist and university instructor who studies empathy and teaches empathetic skills to students. Drawing on insights from social psychology, neuroscience, and social work, she’ll discuss what exactly empathy is and why it’s necessary for survival. She’ll also dispel common empathy-related myths and review specific ways to practice empathic responses. She’ll talk about mirror neurons—which fire in both someone taking an action and another observing that action—and the important role they play in empathy. She’ll offer guidance on how to assess one’s own level of empathy, and she’ll discuss “empathy deficit disorder” and what it’s like to be excessively empathetic. We’ll discuss how we can best show empathy to a friend or family member in crisis and how can we use empathy to connect when we disagree. Among the questions Dr. Jones will tackle: Can empathy be taught? Can it be captured by Artificial Intelligence? What might the world look like if empathy suddenly ceased to exist? All Profs and Pints talks seek to make people smarter, but this one might help you become kinder as well. (Door: $17, or $15 with a student ID. Listed time is for doors. The talk starts 30 minutes later.) Image by Canva.

Welcome to our new home at the historic Tivoli Theater! Please check our details for access to the space on [our website](https://www.hacdc.org/visit/). Join the discord for questions / help getting in (use channel #let-me-in) [https://discord.gg/dNjuNhNmeT](https://discord.gg/dNjuNhNmeT)

**Please Note:** This game has limited slots, and you must RSVP. If the event is full, please signup for the Waitlist, and you will be moved up as people update their RSVPs. In ***Viticulture***, the players find themselves in the roles of people in rustic, pre-modern Tuscany who have inherited meager vineyards. They have a few plots of land, an old crushpad, a tiny cellar, and three workers. They each have a dream of being the first to call their winery a true success. Please RSVP so we can account for Snacks.

Get checked your bucket list by visiting this fascinating destination! Start in Maun and end in Kasane! With the Safari tour Moremi reserve and Chobe NP Photographic Safari, you have a 10 days tour package taking you through Maun, Botswana and 5 other destinations in Botswana. Tour Start Maun Tour End Kasane Flights • Arrival: Day01 before 2pm • Return: Day10 after 4pm Fly IN Airport: Maun Intl. airport (Botswana) Fly OUT Airport: kasane Intl. airport (Botswana) Itinerary Day01 Maun Day02 Moremi Game Reserve Day03 Moremi Game Reserve Day04 Khwai Day05 Game drives and Mokoro excursion Day06 Chobe National Park Day07 Chobe National Park Day08 Chobe National Park Day09 Chobe National Park: game drive and cruise Day10 Chobe National Park and transfer to Kasane Cost: $3990 (Double Occupancy) $4520 (Single Supplement) Inclusions Price Includes * 2 person spacious dome tent (L3m x W3m x H2.20m) with built in groundsheet, 2 large aerating * windows with mosquito netting. * high density foam mattress, * sleeping bag and pillow. * Bucket shower facilities * A large canvas tent (7m x 5m) is used as a dining area. * Services of a professional guide, safari chef and camp assistants * Meals as per the itinerary * Tea and coffee available in camp * bottoled water is provided * Spacious and comfortable tented accommodation * High density foam matress and bedding * Services of a professional guide, safari chef and camp assistants * Utility vehicle for more than 4 pax * Game drives and local transfers in customised safari vehicles * Exclusive camping in private campsites within the national parks and reserves * All entrance and camping fees within the national parks and reserves * All meals (mineral water, tea, coffee) whilst in Travel Creations Botswana Tented Camps * All activities as specified in the itinerary * All transportation included as per the itinerary. Please mind that the tour starts in Maun and ends in Kasane Price Excludes * Flights * Meals other than mentioned in the itinerary * Personal Expenses * Optional activities * Travel insurance / Visa * Tips ———————————————— For detailed itinerary and to reserve your seat follow the link below: [https://www.bucketlistgrouptravel.com/tour/botswana-moremi-reserve-chobe-np-photographic-safari/](https://www.bucketlistgrouptravel.com/tour/botswana-moremi-reserve-chobe-np-photographic-safari/) Questions? Text / Call - 2023787696 - Himanshu - Organizer

Everyone’s prompting. Few people are judging. This talk shows how a playwright uses multiple LLMs and vibe coding to build a custom evaluation loop: a digital dramaturg that checks scenes against an outline like a living spec. If you design, build, or eval AI systems, you’ll leave with a new mental model for using LLMs as QA, not just content engines. **Featured speaker:** * [Soo-Jin Lee](https://www.linkedin.com/in/soo-jinlee/)\, Gen AI Conversation Designer \| Prompt Engineer \| LLM\, NLU\, NLP \| Human in the Loop \| Former Teacher \| Playwright **Location:** AWS Skills Center, 1550-G Crystal Dr, Arlington, VA 22202 **Drinks and Networking After:** --> Alamo Drafthouse, 1660 Crystal Dr, Arlington, VA 22202 (2nd Floor) **Description:** Join us at AI Innovators Network for our upcoming meetup in the Mosaic, which is dedicated to exploring the latest trends in Artificial Intelligence. Whether you're an AI enthusiast, a professional, or someone curious about the intersection of technology and AI, this event is perfect for networking, learning, and sharing insights. Connect with like-minded individuals from DC, Northern Virginia, and Maryland as we dive deep into the opportunities and challenges of integrating AI. Don't miss this opportunity to be part of the conversation driving innovation and progress in Artificial Intelligence.

# Meet in or near the visitor parking lot at the office, near the Veterans Memorial area. # Bring: 1) yourself 2) if you are so inclined, the Find a Grave app (Ancestry.com) on your phone 3) any desired protection from sun and other natural elements # Agenda: 1) Casually attempt to fulfill at least one open photo request on the Find a Grave app and discuss associated strategies. 2) Enjoy the ambience, weather, nature and any assembled company. 3) Discuss a potential "field trip" meetup at a DC cemetery (Glenwood and Congressional cemeteries have been suggested). Note: If weather is heavily inclement or unsafe (torrential downpour, storms, etc.), the event will be rescheduled. Summary of last event: Three attended, including a new group member (welcome Aileen!). One memorial was located/photographed for the app. Winter landscape and unique memorials were observed, and good company was enjoyed. The weather was not so pleasant; fingers crossed for better weather this time!

**Location**: Tysons-Pimmit Regional Library (Virginia) Conference Room A game development **Working Session** involves 3 key parts: 1. Tell people what you're going to do 2. Actually do stuff 3. Show people what you did That's what we'll be doing for this meeting. We'll briefly tell each other what we're going to do, then work on our projects, then at around 5:30 wrap up to show each other what we did and chat for a bit. You don't have to stay the whole time, so feel free to drop in and out as you have time. All game development skill levels welcome. Whether you're bringing a game you're trying to ship in a month, or you're just planning on following some tutorials or trying out a new tool to improve your skills, use this time to make progress. Working sessions also train you to think about the scope of your work: pick a chunk of work that you can complete in the time that we have. That way you can end the working session with a feeling of accomplishment! **What to bring**: Laptop, Charger, maybe a power strip if you have one handy, any other game development tools you need. Try to download any software you need before the working session. There is Wifi at this location, but it may be slow if you have to download any large files.

Think you aren't flexible enough for yoga? Afraid to get onto the floor? Living with physical aches or restricted range of motion? Then this is the perfect yoga class for you! Explore your body's strengths in a fun, supportive environment while maintaining and growing your range of motion, flexibility, balance, strength, and sense of peace. All are welcome in this therapeutic class. Come ready to try new things, laugh, ask questions, and support each other. **Please reserve your spot at www.piesfitnessyoga.com.** The session is offered both InStudio and OnLine. The Zoom link for the OnLine session will be emailed 15 minutes before class starts to those who are registered at www.piesfitnessyoga.com. **Sign up for sessions must be made at least 2 hours prior to class.** The address is 1322 Prince St Alexandria, VA 22314. Our entrance is located on the side of the building, parallel to West St. **Street parking is available and additional parking is located at Shiloh Baptist church, spaces 3,5,7,9.** The church is located across the street from the studio, on the corner of Duke St. and West St. Discount is available to seniors, teachers, students, emergency responders, and military. All can save by purchasing class packs.

\*\*\*MOVED TO SECOND SUNDAY TO AVOID GLOBAL GAME JAM\*\*\* Join local video game developers, artists, musicians and writers to talk about the art and science of game development. Bring a device and demo your game, talk shop, find like minded folks to join forces with, have a snack or a beverage among new friends. We are an informal meetup where we share what we've been working on and socialize. Come for all or just a bit of the time!

Join DC Metro Crafts for a field trip. We'll be at Quill and Crumbs, the cafe at the Shakespeare Folger Library. The Shakespeare Folger Library is about 3 blocks from the Capitol South metro. Head up First as you get out of the station, pass the Library of Congress and the Capitol, turn right on East Capitol, and the Folger is on the right. The entrance is around the side, not through the front of the building. Head upstairs to the cafe and we'll be at the tables at the back. Bring your own cross stitch, knitting, crochet, or other portable craft. We'll be in the back at the group tables.

Join members of the local UX and Digital Design community for a casual monthly breakfast. There _might_ be a little snow, but there _will_ be effectively infinite serve-yourself coffee, so it evens out if you ask me. Just a reminder, while the other locations are great too, we’re at the Lane Ave one this time.

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

Come out to Improving for our monthly iOS and Mac meetings. This Month's Presentation: Nothing yet. (You should volunteer). What is Cocoaheads (http://cocoaheads.org/)? CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics. What is BuckeyeCocoa (http://buckeyecocoa.org/)? BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend. Presentations! Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website. To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter. Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/

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

I love my job and one of the main things I do is help customers get going with any of the data technologies at Microsoft. Right now there are a lot of my customers asking about Microsoft Fabric. It's hard to weave across all the shiny new options across the Fabric landscape, let alone figure out where it fits into your organization. In this session we'll focus on answering one question - how can I get data into Fabric? We'll talk through the "it depends" options and see some of the options in live demos.

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

Columbus Code & Coffee is an inclusive, informal co-working session. People of all skill levels attend, and we love it that way. Many people (optionally) bring projects to work on, and many other people (optionally) socialize the entire time. It's entirely up to you! **What to Expect at the Intro Circle** \~\~\~\~\~\~\~\~\~\~\~\~\~ Near the beginning of the event (1:30 pm), we do a standup: * Organizer announcements, updates, and logistics Round 1 - (7 secs max): * Your name * What you're working on * What you can help others with Round 2: * Community events you wanna plug. If none, that's cool too. Round 3: * Job opportunities you're hiring for OR announce that you are looking for one. If none, that's cool. After the introduction circle, everything is self-organized! Feel free to work alone, pair up, attend one of our workshops/presentations, or mingle!