CSS

🎉 Come along to the London Scala Talks! 🎉 In this event you'll hear from Haoyi Li, Martin Durchov and Adam Deegan. **Agenda** 6:00pm - 🥤 Doors open. Come along and grab a drink! 6:35pm - 🗣️ Introduction 6:40pm - 🗣️ Haoyi Li: Scripting on the JVM with Scala 7:20pm - 🍕 Intermission: Join us for some free food and drinks! Vegan, vegetarian options are provided. Let us know if you'd like something special - we'd be happy to accommodate. 7:50pm - 🗣️ Martin Durchov: ScalaMeta: Treating Scala code as data 8:10pm - 🗣️ Adam Deegan: Practical Java Interop for Scala Effect Systems 8:30pm - 🥤 Socialising: Grab a drink and let's discuss the talks. 9:00pm - 🍻 Join us in a pub to discuss the talks! 🌐 **This event may have a live stream** Watch this space for more details. **🗣️ Haoyi Li: Scripting on the JVM with Scala** This talk will explore the use of Scala as a scripting language, replacing the Bash and Python scripts common throughout the industry. ⭐ Haoyi Li ⭐ Li Haoyi graduated from MIT with a degree in Computer Science and Engineering, and since then has been a major contributor to the open source community. His projects have over 10,000 stars on Github, and are downloaded over 20,000,000 times a month. Haoyi professionally built distributed backend systems, programming languages, high-performance web applications, and much more. **🗣️ Martin Durchov: ScalaMeta: Treating Scala code as data** Scala source code is usually something we write and hand off to the compiler. But what if we could parse it, inspect it, build it, and transform it all from regular Scala code? ScalaMeta is the metaprogramming library that makes this possible, and it underpins a lot of modern Scala tooling ecosystems: Scalafmt, Scalafix, and Metals are all built on it. In this talk we'll look at what ScalaMeta is, how its AST models Scala programs, and the core operations it provides: parsing, quasiquotes, tree traversal and more. We'll then turn to how we use it at Quantexa, where it powers code generation for our clients. Along the way we'll cover practical patterns that make code generation manageable at scale, and the rough edges you should know about before adopting it yourself. ⭐ Martin Durchov ⭐ I graduated from UCL in 2019 with a MSci in Theoretic Physics and started work in TxOdds, a small company focused on ultra-fast data streaming and processing, where I first encountered Scala, working with Typelevel libraries. Since January 2025 I have been working at Quantexa in the team responsible for data ingestion and processing also relying heavily on the Scala functional libraries and ScalaMeta. **🗣️ Adam Deegan: Practical Java Interop for Scala Effect Systems** Interfacing with a highly autonomous Java library in a functional manner is difficult. In this talk we'll explore the ways in which we've approached this; issues we found along the way; and the trade-offs between purity and pragmatism when there's a runtime which isn't yours to control. ⭐ Adam Deegan ⭐ Adam Deegan graduated from the University of Bristol with a degree in Computer Science in 2021 and has worked at Quantexa ever since. He started off as a Data Engineer and moved into software engineering a couple of years ago, working on the addition of a case management capability. His first true programming love was making Minecraft mods. ———————————————————— 🗣️ Would you like to present, but are not sure how to start? Give a talk with us and you'll receive mentorship from a trained toastmaster! Get in touch through [this form](https://forms.gle/zv5i9eeto1BsnSwe8) and we'll get you started 🏡 Interested in hosting or supporting us? Please get in touch through [this form](https://forms.gle/3SX3Bm6zHqVodBaMA) and we can discuss how you can get involved. 📜 All London Scala User Group events operate under the [Scala Community Code of Conduct](https://www.scala-lang.org/conduct/). We encourage each of you to report the breach of the conduct, either anonymously through [this form](https://forms.gle/9PMMorUWgBnbk1mm6) or by contacting one of our team members. We guarantee privacy and confidentiality, as well as that we will take your report seriously and react quickly.

👋 General Info Hey hey London folks, Join us on **April 15** for a React meetup where we’ll dive into modern web tooling and AI-powered developer workflows — from rethinking how we deploy Next.js to exploring new ways of building with Claude Code. Expect practical insights, real-world examples, and great conversations with the community. **To attend the meetup please ➡️➡️➡️ [REGISTER HERE](https://guild.host/events/react-advanced-london-vukgo9) ⬅️⬅️⬅️ via Guild.** **🗣 Call for Proposals** Have an idea or story to share? Submit your talk proposal through our [CFP form](https://forms.gle/rCiQ8Y4jajiC8AHMA) and take the stage at one of our upcoming meetups! **🤝 Organized by** This event made possible thanks to the support from [React Summit](https://reactsummit.com/), [JSNation](https://jsnation.com/) and [React Advanced London ](https://reactadvanced.com/)organizers – [GitNation](https://gitnation.com/). **🤝 Sponsored by** Huge thanks to our friends [Sentry](https://sentry.io/welcome/)! Sentry is the only app monitoring platform built for developers that gets to the root cause for every issue. For software teams, Sentry is essential for monitoring application code quality. From Error tracking to Performance monitoring, developers can see clearer & solve quicker — from frontend to backend. **🤝 Want to support our community?** We’re looking for venue partners and sponsors for future meetups. Let’s discuss collaboration — [contact us](https://forms.gle/zWYxsanfbhV64dEr5)! **🕑 Event Schedule** 18:00 - Doors open - snacks, beer, socialization 18:30 - Opening notes **18:40 - Vinext: Deploy Next.js Without Next.js - [Jan Peer](https://www.linkedin.com/in/jpeer/)** **19:05 - Mystery speaker 🎩** 19:30 - Break **19:45 - Tandem: Collaborative Agent Canvas - [Amman Vedi](https://www.linkedin.com/in/ammanvedi/)** 20:10 - Networking, Open Mic Lightning Talks Mingle until 21:00 pm 🗣️ **Talks** ➡️ **Vinext: Deploy Next.js Without Next.js - [Jan Peer](https://www.linkedin.com/in/jpeer/)** *Next.js is a great framework - until you want to deploy it somewhere that isn't Vercel. vinext is a Vite plugin from Cloudflare that reimplements the Next.js API surface from scratch, so your existing app runs everywhere with a single command. In this talk, we'll look at why this exists, how Cloudflare built it in a week using AI, and how close to "drop-in replacement" it actually gets.* ➡️ **Tandem: Collaborative Agent Canvas - [Amman Vedi](https://www.linkedin.com/in/ammanvedi/)** *Recently I have been building Menagerie a tool for dispatching many Claude Code agents to complete tasks in parallel while maintaining visibility of progress, status and outputs. agents can show you what they are doing to the web app via playwright and ask for help when the need it.* *I think the future of engineering will be based on creating robust agentic systems and amid all the doom and gloom that can exist in the industry these days I want to paint a positive picture of the exciting engineering problems that actually lay ahead of us.* *Along with this I'll describe what it has taken me to deploy a system like this, e.g. sandboxing, cursor compatibility, terminals over the network and also how i've made it fun to use (for example you can give your agent a cute avatar, and if you so choose also a top hat)* — **👍 Code of Conduct** By registering for this event you agree to comply with our [CoC](https://gitnation.com/coc) **📩 Contact** [events@gitnation.org](mailto:events@gitnation.org) [https://twitter.com/ReactAdvanced](https://twitter.com/ReactAdvanced) [http://youtube.com/ReactConferences](http://youtube.com/ReactConferences) [https://bsky.app/profile/reactadvanced.gitnation.org](https://bsky.app/profile/reactadvanced.gitnation.org)

Join us for some fun, competitive, but friendly games at our 4-court sports hall. We use Hybrid Kawasaki Kong 500's during the 3-hour session. **PAYMENT** * **Session Fee: £12** * We are cashless, kindly pay the session fee **by midnight** on the night before the session. You are welcome to pay early! You can even pay when you book! See our About page for the full process. * If no payment is received, you will be removed and may even be liable for a late cancellation fee if your spot is not taken. * Please use **“your meetup name + date of event”** as payment reference * **Account name:** Thomas Lam * **Sort code:** 04-00-03 * **Account number:** 7478 8608 **LATE CANCELLATION OR NO-SHOW** * **All** **no-shows or late cancellations** (24 hrs or less) will be charged if your spot is not taken by someone else - you will have a title next to your name with the amount and date owed. * Members with 2 no shows/late cancellations will be removed from the group unless outstanding payment is received * **The late cancellation policy** is set up to discourage last-minute cancellations and therefore applies with or without the presence of a waitlist * **Note:** If you are on the Waitlist and a spot becomes available, you will automatically be bumped onto the On list provided the event has not yet started. It is your responsibility to **remove yourself from the waitlist** if you can no longer make it to avoid being charged a no-show if someone cancels late. **PLAYING** * Please wait to be marked off before entering the hall. * Sessions are to finish promptly on the hour by school requests. * If you finish a match with 5 minutes to go, please start packing up instead of starting a new game. **RACKET HIRE** * Please note that we won't be hiring out rackets, so kindly bring your own racket. **PARKING** * There is parking available, but it is now paid parking. Parking is opposite the entrance. Please check the signs for parking payment instructions. **TRACK & TRACE** * We will collect your phone number on-site. Your phone number will also be used in case of fire to contact you if you have not made it to the fire evacuation areas. You can see maps at the venue. We are excited to see you guys on the court! Team LSBC

The web is at the heart of our every day lives and we understand now it has enormous sustainability impacts. So what do we do as practitioners, teams and businesses building individual websites or apps? How do we have full confidence that our tech meets our sustainability claims? Adam Newman, Co-founder of Root & Branch is going to address these questions, demystify vendor claims and add some clarity to what it means to build, host and manage a sustainable web estate. Adam is the co-chair of the Green Software Foundation's "SCI for web" project, writing the spec for how to apply the latest ISO standard (ISO 21031:2024) to the web as well as the co-author of a paper on the energy and emissions measurement of websites and cloud applications. He is also a contributer to the W3C Web Sustainability Guidelines and a proud co-organiser of Green Software Brighton. Check out the Green Software Brighton [website](https://greensoftwarebrighton.co.uk/) for links to previous talks. Arrive from 18:00 for pizza and drinks. Event will start at 18:30. We always head for a drink and a chat locally afterwards too. --- ***Thank you to Runway East for use of their space to host our events and to Silicon Brighton and the Green Software Foundation for supporting us.***

**BOOK HERE**: https://sportas.co.uk/games/47110 **Game Description:** Drills and Games for Lower Intermediate level on a smaller court. **Rules** Respect all participants and have fun! Everyone plays all the time, no waiting around.

**This House Believes AI Will Be A NET POSITIVE for Society** **What We Do** 3v3 panel debate where our members explore the strongest arguments for a given topic. A debate should tell the audience what they need to know and not just what the speakers think. If you feel the same way, then we want to meet you. Debate London is the year-round series of free public debates held weekly at venues across the capital. The series is run by Debate London, a social enterprise that helps its members to advance their personal and professional development by teaching them how to debate. All of our speakers are [Debate London members](https://www.debate.london/plans "https://www.debate.london/plans") who have agreed to defend a particular perspective the audience need to hear, rather than just share their own personal opinion. After presenting the point of view assigned to them, the audience are then given the floor to cross-examine them and share their own position. The only time we hear what the speakers really think is at the end of the debate when they tell us where they really stand and whether this changed at all while learning how to defend the perspective assigned to them. **After Debate Social** After all of our debates we have a post debate hang-out. This is a chance for our community to get to know new people, explore new ideas and generally have more fun as a club! Come along and join us for a post-debate social! **Venue** Our venues serve drinks (alcoholic and soft drinks) as well as brilliant food. All can be ordered from the bar **Do not bring external food or drink into our venues you will be asked to throw it away or to finish it outside. - This is a venue rule which we need to follow.**

Please read the full description! **Spanish Conversational Club** **Club de conversación en ESPAÑOL** **How does it work?** The Spanglish club is for all people wanting to improve their Spanish outside of a class room. Depending on numbers, there are going to be groups of max 6 people, the groups will be Beginners (A2), Intermediate and Advance. Each group will have a Spanish native speaker who can help you with your Spanish :) We will first meet our table amig@s and socialise, then we will make a fun and interesting activity for you to have a better Spanish speaking experience. Please book only if you are 100% sure to attend as there will be other Spanglishers waiting for you. **Where? Time?** Royal Festival Hall Riverside Bar Southbank Centre, Belvedere Rd, London SE1 8XX 19:30 to 21:00 **Google Maps:** **[https://maps.app.goo.gl/8ZY6zDymAM7M6Lju5](https://maps.app.goo.gl/8ZY6zDymAM7M6Lju5)** **Note:** We will be at the front of the Riverside Bar. Although, this might change depending on tables’ availability. Please look for Spanglish Flag/t-shirt or simply call us +447870776718. We don’t have a private area, we’ll be at a public space. There will be public noise. You can join the **Whatsapp [https://chat.whatsapp.com/LSUpj7m1tCZ2Vj86dmJR76](https://chat.whatsapp.com/LSUpj7m1tCZ2Vj86dmJR76)** for the latest updates. **How much does it cost?** £10 Your attendance is confirmed once you have booked in this website and paid in our online store. Store: **[https://www.spanglish-lc.com/page/events](https://www.spanglish-lc.com/page/events)** FREE for Native Spanish Speakers. Únete! No pagas por el evento :D **Why should I come?** You should come if you want to be immersed in a Spanish conversation with native speakers for 90 mins and more! You should also come if you want to make new friends and learn about different cultures at the same time. **Can we have a drink during the session?** Of course, it is all about feeling comfortable and we all know that a drink help us with fluency, there is a coffee shop and a bar at the center. **Can I suggest topics or just make an open suggestion?** Of course, just bring your suggestions to the session or send us an email. Your event planner will ensure your suggestion has the right execution. We are here to help and provide you guys with the best environment possible for you to have fun and improve your Spanish speaking. **Note:** This event is not suggested for beginners A1 Zero Spanish learners. Please get in touch if you need some lessons. **Suggestions or Qs** Just drop me a WhatsApp, message or email. Our events are advertised on different platforms. For this event we expect around 20 people. **[Whatsapp](https://wa.me/message/VHD2GRUCYYBDP1),** Calls or MSNs **[+447870776718](https://wa.me/message/VHD2GRUCYYBDP1)** **Instagram** and **Facebook** as **[@spanglishlc](https://www.instagram.com/spanglishlc/)** We have more events and great teachers to enhance your learning, check all our **[events](https://www.spanglish-lc.com/events), [courses](https://www.spanglish-lc.com/learning)**[ ](https://www.spanglish-lc.com/learning)and **[teachers.](https://www.spanglish-lc.com/learning)**

Hi UmbLondoners, We're having a post Spark social to catch up on everything Spark and to look ahead to Codegarden. If you've never been to one of these types of meetups before, our 'social' events are relaxed, informal evenings. We meet in a designated pub and talk Umbraco, .NET, community activities and more. People are responsible for paying for their own drinks and food (if wanted). We just promise to provide a friendly welcome! We've chosen The Old Thameside Inn Pickfords Wharf Clink St SE1 9DG Please sign up if you think you'll be joining the fun so that we can ensure that we have booked a space big enough for us! Hope to see you all there!

IMPORTANT - PLEASE READ! Welcome to the Highest Rated International Language Exchange group in London,🏆 with 1600+ reviews rated 5 stars ⭐⭐⭐⭐⭐ Join us on **Friday** for our weekend global language exchange and social 😊🍻🥂 TO ATTEND THIS EVENT YOU **MUST**👇👇 1. Have your Meetup confirmation visible on your phone when you arrive. 2. Collect & wear your badge as soon as you arrive and always BEFORE buying your drinks and food. 3. Pay the £2 event fee. The event starts at 7pm. **The event fee is £6 if you arrive after 8:30pm** Start meeting the community and having fun...lots of fun! www.languages.london 🇬🇧🇪🇸🇫🇷🇯🇵🇮🇹🇩🇪🇮🇳🇨🇳🇧🇷🇰🇷🇪🇬🇭🇰🇺🇸🇨🇴🇺🇦🇹🇷🇷🇺🇦🇺 WHEN & WHERE This Friday we'll be returning to The Craft Beer Co, St Mary Axe.** **Address: 29-31 Mitre Street, London, EC3A 5BU** https://maps.app.goo.gl/49HnHGap8hQMbQNWA **HOW WE DO IT** It's simple .... \~ When you arrive please collect your personalised language badge from us. We'll be waiting to give you a warm welcome 😃 \~ Please wear your badge during the event and always return it before you leave ♻️ \~ Start meeting the community and having fun...lots of fun! Please buy something from the bar to support the venue, who kindly offer us a dedicated space. 🇵🇱🇹🇼🇲🇽🇻🇳🇧🇬🇵🇸🇸🇪🇮🇱🇨🇦🇳🇱🇿🇦🇭🇺🇹🇭🇵🇪🇧🇴🇳🇬🇳🇿🇨🇭 **WHO** Languages in London events are organised for our community - being social, making new friends, building cultural bridges and always very relaxed. We have the largest number of languages and countries represented in our weekly language exchange and social events in London. This is **not** a dating event. Our events are open to Internationals, Locals, Expats, Students, Travellers..... Everyone! Are you an 18 to 24 year old? Come and explore our events. This is the event for a truly global community and for citizens from around the World. Is this the Intercambio you've been looking for? Want to practice your ingles, espanol , francais, italiano, Deutsch, portugues or other European languages? Asian languages ? Or maybe prefer to only speak English.... that's just fine. **All languages and all fluency levels are welcome** Spread the love...Bring your friends 💙 The creator and organiser of **Languages in London - Girish**, will always be visible at the event and there to support you and help with introductions, if you prefer. We want to remain the BEST language events group in London, being the biggest isn't our focus. These are real events with real people. We don't fill our events with inflated numbers and fictitious attendees 👻 **Community members that no-show at our events and inactive members are regularly removed from our group.** **LANGUAGES** Here's a selection of some of the languages that our community speak or have been practicing ... English, Spanish (incl Latin American), French, Italian, Portuguese (incl Brazilian), German, Japanese, Chinese (Mandarin & Cantonese), Russian, Korean, Hindi, Turkish, Arabic, Ukrainian, Polish, Hebrew, Swedish, Bulgarian, Vietnamese, Hungarian, Bengali, Dutch, Catalan, Farsi, Greek, Urdu, Welsh, Romanian, Norwegian, Czech, Slovakian, Estonian, Danish, Finnish, Turkmen, Latvian, Lithuanian, Nepali, Yoruba, Filipino, Thai, Albanian, Croatian, Serbian, Ebo, Afrikaans, Tamazight, Tagalog, Creole, Malagasy, Mongolian, Tok Pisin and more... you get the idea! 🇷🇴🇬🇹🇨🇿🇳🇴🇩🇰🇫🇮🇨🇾🇺🇾🇪🇬🇧🇬🇦🇷🇰🇪🇱🇰🇲🇦🇹🇳🇩🇿🇸🇬🇲🇾 **SUSTAINABLE** 🌎🌳 Like you, we really care about our planet. We don't like single use paper name tags, stickers or wristbands as they can't be reused or recycled and can even damage your clothing ☹️ The Solution? ...Our personalised and completely reusable Languages in London badges! 🏆👍 So, please make sure you return your badge to us, before you leave the event. We'll sanitise it (anti bacterial & disinfectant cleaners) and use it again & again & again. Thanks for helping us do the right thing and keep our costs down🙏 **SAFE SPACE FOR EVERYONE** 👮‍♂️ We don't tolerate prejudice or harassment of any kind, at any time. Be polite and respectful to everyone else and they will reciprocate. Let's keep the space safe, welcoming for everyone and free of any political agendas. Please report any concerns to the Organiser immediately. Please look after your belongings, the venue is a public place. We may take photos or video at the event for future promotional use. Let us know if you'd rather not be included, we respect your choice 📸 **SPREAD THE WORD** 🗣️💬 If you enjoy our events, please tell your friends and colleagues and help us grow **your** community, thank you ♥️ Join our community - https://www.languages.london/ We're looking forward to welcoming you at Languages in London 😊👋 🇲🇰🇳🇵🇧🇩🇵🇭🇦🇪🇦🇱🇧🇪🇮🇪🇰🇿🇱🇦🇯🇴🇱🇹🇱🇻🇪🇪🇰🇭🇨🇱🇲🇳🇨🇺

**BOOK HERE**: https://sportas.co.uk/games/46673 **Game Description:** Come and join our badminton session in Canning Town 🔥 Join our whatsapp Group: https://chat.whatsapp.com/LsLjg8CxI8MIxSFb82qkdb Music 🎶 3 courts, social session - the general ability is mid intermediate. There will be spare rackets but please bring your own racket if you do have one. 1 new tube of FEATHERED shuttles will be provided per session, plus a set of Yonex 300 plastic shuttles. 🚪 Getting Into the School 1\. The school is surrounded by a green fence\. 2\. Entrance is near the stone wall\. 3\. At the gate\, find the intercom on the right\-hand side\. 4\. Press the ‘Call’ button and wait for security to respond\. 5\. When the intercom flashes green\, push the gate open\. \-\-\- 🏸 Finding the Indoor Court 1\. After entering\, go through the visitor gate\. 2\. Follow the corridor to the end\. 3\. Look for the yellow double doors – the badminton courts are inside\! \-\-\- 🚻 Facilities 🔹 Changing Rooms & Toilets \- Located outside the court area in the corridor\. \- Male facilities – right\-hand side\. \- Female facilities – left\-hand side\. 💧 Water Points \- There are three water points in the corridor outside the court\. \- Bring a water bottle to use with the water pump\. Enjoy your game! 🏸🔥 **Rules** Games to 21 Max two games on in a row Max one game off in a row

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

Dinner and dancing

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

Soccer + vegan deli eats = the perfect Saturday ⚽🌱🔥 We’re kicking things off with soccer (all levels welcome!) and then heading to Vida’s Plant-Based Butcher for some seriously good food—Vida’s Reubens, Philly cheesesteaks, Chipotle Cheddar Melt and classic deli sides. Whether you’re playing, socializing, or just here for the food, this is a great way to meet like-minded people and enjoy the day! Game → Food → Good vibes 📍 Soccer - Park of Roses 3923 N High St Columbus, OH 43214 📍 Vida’s Plant Based Butcher 1724 Northwest Blvd Unit C Columbus OH, 43212

AI is changing how art is made. But when does it stop being your work and start being the machine’s? This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation? We encourage audience participation during this event that will be moderated by Chris Slee. Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus. Sponsored by [Transform Labs](https://www.transformlabs.com/services) Sign up also accessible via [Transform Labs Luma](https://luma.com/55umjqta)

**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: This month Chris Pazsint will be talking about Agentic Coding. How does one use CLI Based Agents, and Agentic IDEs such as Cursor, Kiro, Antigravity? How to include agentic coding plugins for IDEs you already love such as Visual Studio Code. 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