CSS

PHP London Pub Social – April 9th, Jack Horner, Tottenham Court Road Join us for an informal PHP London pub social at the Jack Horner on Tottenham Court Road! We've got a reserved space from 6:30pm to 8:30pm on Thursday 9th April - a mix of seating and standing with a few tables. This is a relaxed, no-agenda evening — just good conversation with fellow PHP developers over a drink. Whether you're a long-time community regular or coming along for the first time, all are welcome. Places are limited.

Elixir London Meetup; February 2026 edition. All are welcome. **Session 1: Anton Borisov - Distilling Kafka's Binary Protocol into Elixir** We'll trace a produce request to show what any Kafka client has to get right. In the BEAM ecosystem, erlkaf wraps librdkafka, brod implements the protocol in Erlang, and [kafka_ex](https://hex.pm/packages/kafka_ex) goes pure Elixir. Kafka_ex's approach is to generate serializers at compile time from Kafka's own schema definitions: plain structs, pattern matching, structural boilerplate isolated from the logic you actually think about. That design is what let us jump two major versions ahead and adapt to significant protocol changes. Let's dig into the idea, the code, and the tradeoffs. **Session 2: Evadne Wu** **\- JavaScript Execution Strategies in Elixir\-based Agent Frameworks** We'll look at integration points between elixir agents (in the AI fashion) and JavaScript execution, and all the foot guns involved. *The event is kindly sponsored by* [Fresha](https://www.fresha.com). **Time** Doors open at 18, start at 18.30. **Venue** Fresha The Bower, 207-211, Old St, Tower, London EC1V 9NR **Refreshments** Food and drinks will be provisioned on the day. **IMPORTANT**: **If you wish to take photos and post online during the event, please notify organisers first, so that attendees can opt-out from being in photos.**

\*\*Fadi K & F K Dance team - present The best Salsa Night the UK has ever seen. **With FREE INTRO SALSA CLASS at 7:00PM** & Free Entry All Night !! Classes 7:00 PM - FREE INTRO TO SALSA CLASS This Class is an introduction to our regular 2 hours salsa classes run every Thursday 7:30 & 8:30 **CROSS BODY SALSA** 7:30 Level 1 & Level 2/3 8:30 Level 1, Level 2 & level 3/4 Beginners / improvers / intermediate **Teachers** ▪️Fadi K & Cristina Varga ▪️Camy Marina ▪️Tiffany Salsera ▪️Chris diamond ▪️F K Dance Team & Guests on Rotation DJs ▪️ Fadi K & Guests on rotation PRICES £10 FOR 1 CLASS £15 FOR 2 CLASS A night brought & created by dancers to the dancers. Great dance floor / Happy hour / ultimate location & late party till 11am. More info 07907945534

Join us for some fun, competitive, but friendly games at our 4-court sports hall. We use Yonex Mavis 600 Nylon shuttles during the 2-hour session. **PAYMENT** * **Session Fee: £9** * 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 session is Every Thursday 7PM till 10PM. This is for all levels, so after the training you will be able to play games and use what you have learnt. Just like the saying practice makes perfect. Any queries on what levels you may be or just any questions please don't hesitate to contact us. PARKING: Parking is available and Free onsite. (The postcode is E15 3PA) This at the previous address on New mount Street. Press the buzzer and they will let you in. PAYMENT: We are accepting bank transfer rather than cash payments. In 2 days in advance to confirm your attendance. Bank Details: Name: The Badminton Collective Ltd Sort Code: 60-83-71 Account Number:69874292 Reference your name and date of the session. £13 Games IMPORTANT NOTES: We shall be starting at 7PM sharp so if you miss the start you'll have to just catch up I'm afraid. How to get there. If you use the provided postcode it will take you to the front of the school. By all means message me if you are having troubles. There is now a water fountain so please bring a bottle to fill up, this is in the main building while they fix the one near the sports Hall. The Badminton Collective and School 21 are not responsible for any injuries or loss of items.

2nd Sunday of every month, join us for a relaxed and fun language exchange, where meaningful conversations flow as freely as delicious coffee and tea! This isn't just practice; it's **accelerated progress** in a supportive setting, designed to quickly boost your **Mandarin, Cantonese and English** skills. **How We Make It Effective & Enjoyable:** * **Perfect Groupings:** We carefully match you with native speakers and learners at a similar level, ensuring comfortable and productive conversation practice. * **Forget awkward silences!** We provide fun, engaging discussion topics to spark lively chats and keep the conversation flowing. * **Maximise Your Practice:** Rotate between groups if you wish to connect with more people and strengthen your conversation skills! * **Expert Support:** Our experienced tutor is always on hand to help. 👌 **All levels welcome!** Native speakers and learners alike. 💛 Please support the cafe by buying a drink or snack while you are here - they've kindly let us use the space. We can't wait to welcome you! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **Take your Mandarin beyond the exchange.** 🤝 If you’re looking for a bit more structure to go along with your conversation practice, let’s chat! We're offering **complimentary 1-on-1 advice sessions** to help you find the perfect learning path. Get a professional assessment of your level so you can study with confidence. **No commitment** required. [Book your Free Session](https://eu.bigin.online/org20070515371/bookings/course-advice) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **China Unbound** is the best place to learn practical Chinese for adults. While most schools prioritise grammar and writing, China Unbound empowers you to confidently communicate in Chinese in real-world situations. Join us and discover a fun, fast, and personalised way to master Chinese! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **🤘 FAQs:** **I'm learning Chinese, are the sessions suitable for beginners?** Yes! Come and speak as much or as little as you like, or just come and listen! There is no pressure! **Are there any discounts for Chinese lessons for members?** Yes, you can use code MEETUP10 for your exclusive £10 discount on our [Chinese courses](https://china-unbound.co.uk/personal/) site-wide! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- 每个月的第二个星期天，来加入我们，享受一场轻松又有趣的语言交流体验！在茶香与咖啡的陪伴下，开启一场自然流畅、充满收获的双语对话。 这不仅仅是练习，而是一种更快提升你英语水平的高效方式。我们为你打造一个轻松友好、真正有用的语言环境，让你的口语交流能力飞速进步！ **我们如何让语言交换高效又好玩：** * **精准匹配，聊天不尴尬**：我们用心将你和母语者或相近水平的学习者配对，确保每一次对话都轻松自在又高效实用。 * **话题有趣，轻松破冰**：拒绝冷场！我们提前准备了有趣又实用的聊天话题，让你一开口就停不下来，交流自然顺畅。 * **灵活轮换，提升更全面**：想多练一点？欢迎自由选择是否换组，认识更多人、接触不同语言风格，快速提升真实沟通能力。 * **专业老师现场支持**：我们的资深语言导师会在现场提供实时帮助，确保你在交流中不断进步、有信心开口！ **活动详情：** 🗓️ **时间**：每月第二个星期日 ⏰ **时段**：下午 2:30 - 4:30 💰 **费用**：免费参加 不只是练语言，这里还有文化的碰撞、朋友的陪伴和成长的喜悦。现在就来加入我们，开启你的高效交流之旅吧！ **🤘 常见问题解答：** **我最后会不会一直说中文而一无所获？** -不会，因为我们的“快速聊天”模式鼓励大家用中/英文交换来交流。 **会员有折扣吗？** 有，欢迎你跟你学中文的朋友分享代码**Meetup10**，他们会获得10镑的独家折扣！

Location: Ark Walworth Academy Shorncliffe Rd, London SE1 5UJ There will be 24 hours cancellation policy. If you can't make it please update your RSVP 24 hours before the session. Anytime under 24 hours and you will be responsible for paying for the session. The session fee is £15 per 3 hours make a payment to: Monzo Personal account Alvin John Rompe Sort code: 04-00-04 acct number: 29786770

IMPORTANT - PLEASE READ! Welcome to the Highest Rated International Language Exchange group in London,🏆 with 1500+ 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. 1. Collect & wear your badge as soon as you arrive and always BEFORE buying your drinks and food. 1. 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](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](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/](https://www.languages.london/) We're looking forward to welcoming you at Languages in London 😊👋 🇲🇰🇳🇵🇧🇩🇵🇭🇦🇪🇦🇱🇧🇪🇮🇪🇰🇿🇱🇦🇯🇴🇱🇹🇱🇻🇪🇪🇰🇭🇨🇱🇲🇳🇨🇺

IMPORTANT EVENT INFORMATION - PLEASE READ! 🇬🇧🇪🇸🇫🇷🇯🇵🇮🇹🇩🇪🇮🇳🇨🇳🇧🇷🇰🇷🇪🇬🇭🇰🇺🇸🇨🇴🇺🇦🇹🇷🇷🇺🇦🇺 **Join us for our Sunday International Language Exchange and Social!** The event starts at **4pm** and will be hosted at Craft Beer Co. in **COVENT GARDEN** 😊🍻🥂 Welcome to the Highest Rated International Language Exchange group in London,🏆 with 1500+ reviews rated 5 stars ⭐⭐⭐⭐⭐ www.languages.london WHEN & WHERE **This event takes place at Craft Beer Co Covent Garden on Sunday afternoon.** You are spoilt for choice with public transport options including lots of tube, train and buses close to the venue. **The address is 168 High Holborn, London WC1V 7AA** https://maps.google.com/?cid=12246258418147807722&entry=gps **HOW WE DO IT** It's simple .... 1\. When you arrive have your Meetup confirmation visible on your phone\. **Collect your personalised language badge BEFORE ordering your drinks.** We'll be waiting to give you a warm welcome 😃 2\. Pay the £2 event fee\. You can do this by cash or contactless card / phone\. 3\. Wear your badge during the event and always return it before you leave ♻️ ......Start meeting the community and having fun...lots of fun! Please ensure you 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 😊👋 🇲🇰🇳🇵🇧🇩🇵🇭🇦🇪🇦🇱🇧🇪🇮🇪🇰🇿🇱🇦🇯🇴🇱🇹🇱🇻🇪🇪🇰🇭🇨🇱🇲🇳🇨🇺

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

Dinner and dancing

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