User Experience

Are you Solo and Single!! Easily Make new 💑 friends🍻 with Speed Friending! No need for Apps 😀We are meeting for social drinks including soft drinks 🍺🍸🍷 at Hogans Bar. We will be inside the Bar area. Please buy a drink or a soft drink or so, as we may not be welcomed again to certain bars. We will go to another late bar afterwards. So Dress Nice & neat please. Leave your surfing cloths and 🏖 surfboards at home please.😂 https://youtu.be/wD0Mm6WIcYs?feature=shared Many new people come solo to socialize and make new friends, so do not worry if you are solo, you are welcome to join us. I will introduce you to others in the group,so you are no longer solo. 😆Welcome to ask me questions about hiking gear and 🐬🐠🐡 scuba diving.

**✨ What Is the International Meetup?** Meet people from all over the world in a friendly, relaxed and social environment. Whether you’re new to Dublin or a long-time resident, this is the perfect Friday plan to talk, laugh and connect with others. **🌍 How It Works** When you arrive, you’ll get a small paper with a table number. Groups are made of 3–5 people to ensure natural, easy conversations. Every 30 minutes, groups rotate so you meet plenty of new people throughout the evening. No pressure, no awkward silences — just good vibes and international energy. **🍀 Who Is This Event For?** Everyone is welcome! Newcomers, expats, locals, shy people, outgoing people… absolutely anyone. It’s also ideal if you want to practise English in a comfortable and social setting, especially if you can’t join the mid-week Language Exchange. **💬 A Friendly & Safe Atmosphere** Our community is known for being inclusive, open and respectful. Come alone or with friends — you’ll feel comfortable from the moment you walk in. **💸 Pay-as-you-go (Cash / Card)** • €6 General Admission • €5 Students • €4 per person when you bring friends **⭐ Loyalty Card (Automatically Activated)** Attend **4 Language Exchanges or International Meetups**, and your **5th event is FREE**. **💳 [Membership Options (Save € & unlock perks)](https://buymeacoffee.com/newindublin)** **🟡 Regular Membership (€12/mo)** ✔ Free: Singles, Language Exchange, International Meetup ✔ –50%: Quizzes, Big Singles, Theme Party, Cultural Mix, Social Games, Music Challenge ✔ Extra perks **🔵 Theme Membership (€15/mo)** ✔ Free: Quizzes, Big Singles, Theme Party, Cultural Mix, Social Games, Music Challenge ✔ –50%: Singles, Language Exchange, International Meetup ✔ Extra Perks **🟣 Complete Membership (€20/mo)** ✔ Free access to ALL events ✔ Extra Perks **📱 Stay Connected** 🔗 **[Linktree](https://linktr.ee/newindublin)**[ ](https://linktr.ee/newindublin)– full weekly calendar 💬 **[WhatsApp](https://chat.whatsapp.com/L8IcUuQzHVVLGaoUZ8ONRt)**[ ](https://chat.whatsapp.com/L8IcUuQzHVVLGaoUZ8ONRt)– reminders & updates 📘 **[Facebook](https://www.facebook.com/newindublinmeetup)**[ ](https://www.facebook.com/newindublinmeetup)– photos & highlights 📸 **[Instagram](https://www.instagram.com/newindublinmeetups/)**[ ](https://www.instagram.com/newindublinmeetups/)– stories & behind-the-scenes 🌐 **[Website](https://newindublin.net/)**[ ](https://newindublin.net/)– all information about our events **🎉 Join Us** Expect good vibes, friendly people and plenty of great conversations. RSVP now and start your Friday evening the best way possible!

Hi, all Independent Movie Lovers. You are invited meet at 7 pm, on Friday the 3rd of April. This meeting is at the Café on the ground floor of the Light House Cinema, Smithfield Square, Dublin. We will discuss the film: **La Grazia** (2025), directed by Paolo Sorrentino. IMDB refers to this movie as 'Grace', but the distributors here use the Italian title 'La Grazia'. We will also discuss: **The Vanishing** (1988), directed by George Sluizer. The Vanishing is a psychological thriller, very successful when released. The streaming versions are in Dutch with English subtitles. This is not the 1993 English-language remake. Check the date! We will watch the movies independently, and meet for discussion on Friday the 3rd of April, at 7 pm, at the Café on the ground floor of the Light House Cinema, Smithfield Square. **La Grazia** is showing at Cineworld, Parnell St, until Thursday the 26th of March, and at the IFI, Eustace St, until Thursday the 2nd April. **The Vanishing** is available for online rental on Sky Store, Apple TV and YouTube. Dutch language, with English subtitles. Michael Sheeran

This event is beginner Friendly. More experienced players are still free to come along. I will explain the rules before the first game at 7:15 so please arrive on time if you're new. The rules may be different than other versions of mafia that you played. There is limited capacity so we can't accept every RSVP request. If we aren't able to accept your RSVP event please come to a future.

Overview Paint A Neon Canvas. Music. UV Lights. Prizes. No Experience Needed To Take Part. Paint A Canvas Using Florescent Paint With Music And Prizes. Our team will take each person step by step into creating a masterpiece with no experience necessary. Create a painting under UV Lights and do something very different. **WHAT TO EXPECT?** * Artist (to help you paint) * Themed Painting * Prizes * Music * UV Lights **DO YOU DO PRIVATE EVENTS?** Yes, we host private events, brand events, hen parties, and work parties. Contact us on bookings@alternativeexperiences.ie **WHERE IS THE VENUE LOCATED?** The new space is located in Pawn Shop on Dame Street. **IS THERE ALCOHOL?** Yes, the bar has alcohol for sale. There is no BYOB option. **IS IT WHEELCHAIR ACCESSIBLE?** Unfortunately not, this venue is not wheelchair accessible but we do events in other venues which are. **DO YOU DO KIDS EVENTS?** Nope, all events are 18+. We are very strict on ID. **HOW DO I FIND OUT ABOUT EVENTS?** Signup to our weekly newsletter [here](https://www.alternativedublincity.com/newsletter-signup/) **LOCATION:** Pawn Shop, 15 Dame St, Dublin 2, D02 KD74    

**Ticket:** https://www.eventbrite.com/e/collage-making-workshop-tickets-1985814346166?aff=oddtdtcreator Come join us for a relaxing craft session and make your own collage! Unleash your creativity in our new **Collage Making Workshop**! This interactive, hands-on experience welcomes everyone, from curious beginners to practiced artists. Learn how to design collages by combining a variety of materials, including magazines, photos, stickers, and decorative paper. **WHAT TO EXPECT?** * Artist (to help you create your masterpiece) * Supplies (magazines, stickers, pom poms, scissors, glue, ect.) * Music * Craic * Coffee, tea and biscuits **WHAT DO WE DO DURING THE WORKSHOP? DO WE HAVE TO FOLLOW ALONG?** Our workshops are super informal, this is not a strict class, we have an instructor to guide you along but this is a very basic beginner event for you to experiment and have fun. We reward creativity and encourage everyone to create something different. **I'M GOING TO BE LATE, CAN I STILL COME?** Yes we don't usually start exactly on time. Due to a large volume of people arriving at once it usually starts at least 10 minutes after the time of the event. If you're really late just come in and don't worry! **CAN WE LEAVE OUR PIECES THERE?** We don't have capacity to keep the pieces as our studio is open 7 days a week so everybody has to take their works of art home and proudly display them! **THE EVENT SAYS SOLDOUT, CAN I BRING SOMEBODY ELSE?** Unfortunately not, if an event is sold out it means there are no seats left. **LOCATION:** This Must Be The Place 42 Arran Quay, Smithfield, Dublin 7 **IS IT WHEELCHAIR FRIENDLY?** The venue is not wheelchair friendly unfortunately but do get in touch as we host events in various locations that are accessible for wheelchair users. **DO YOU DO PRIVATE EVENTS?** Yes, we host private events, brand events, hen parties, and work parties. Contact us on bookings@alternativeexperiences.ie

A sober Sunday afternoon dance party with electronic music — dance, recharge, and still be home in time for your Sunday dinner. Dance your Sunday afternoon away at **ESPRESSO RAVE** — a high-energy daytime dance session with electronic music and great vibes, downstairs in Wigwam. And yes — you’ll still be home in time for Sunday dinner. Profits from ticket sales will go to **My Lovely Horse Rescue**, because we love the work they do and want to help 🐴✨ **Dancespace will be getting a shout-out on *Alive and Kicking* (Newstalk), Sunday morning, 22nd March.** ### Why Dance? Dancing isn’t just fun — it’s genuinely good for you. Music and movement together help release **endorphins and dopamine**, natural chemicals that boost mood and reduce stress. Moving in rhythm with others can also increase feelings of connection and belonging. It’s one of the simplest ways to clear your head, lift your energy, and reconnect with your body. Coffee and cake will be served upstairs — we keep the dancefloor for dancing. ### Espresso Rave **Wake up your Sunday.** **Dance it out.** **Go home glowing with a total reset for the week ahead.** Follow: **@dancespacedublin** This is a paid event tickets (15 euro) available via the website More info and tickets : **[www.dancespace.ie](http://www.dancespace.ie/ "http://www.dancespace.ie")** ### Learn more about www.mylovelyhorserescue.com

**Dumpling Masterclass: A Unique & Unforgettable Hands-On Dining Experience** Step into your personal cooking station, don your apron, and get ready for a culinary adventure. Guided by expert chefs, you’ll create four distinct types of dumplings, each with a unique filling inspired by the best of Asian cuisine: savory Korean dumplings, delicate Hong Kong Siu Mai, and classic Chinese boiled dumplings. Whether you love savory fillings or prefer vegetarian-friendly options, each creation will transport your senses straight to Asia. After crafting your dumplings, you’ll enjoy them in a relaxed setting with a curated Asian-inspired meal. Savor signature dishes like kimchi, crispy okonomiyaki, and savory scallion pancakes, complemented by the finest Japanese beer—a visual and flavor feast. And here’s the surprise: one lucky participant will win a special gift to take home!!! This experience is perfect for a date night, a celebration, or a memorable day with loved ones. It’s not just cooking; it’s about creating lasting memories in an intimate, elegant setting. **Excited to join this incredible dumpling experience? 🥟✨** 🎟️ Spots are filling up fast—**reserve your spot now and don’t miss out!** 👉 https://www.eventbrite.com/e/dumpling-rolling-masterclass-tickets-1030947219887?aff=Meetup ⚠️ *Please note: RSVP on Meetup **does NOT** guarantee your spot. Only those with tickets will be admitted!*

Please PREPAY for this game either by Revolut https://revolut.me/davidandl or Paypal ([kenna.david@gmail.com](http://kenna.david@gmail.com/)) √ We have just 60 minutes to play so please come along a few minutes early to ensure we can start on time. √ The maximum number of players is 18. Please be sure you show up. Places are in high demand so unfortunately, failure to show will result in you being automatically removed from the group. √ As always, you participate in these games at your own risk and an agreement to indemnify the organisers from any injury, loss, claim, or infection.

**[Early Bird Discount](www.eventbrite.com/e/1984805152641/?discount=Meetup)** ### ✨ What Is the Social Pub Crawl? A relaxed and social pub crawl designed to help people connect naturally while enjoying a night out in Dublin. This is **not a massive party crawl** and not a tourist tour. It’s a friendly, international experience where drinks, short social games and good conversations come together in an easy and natural way. Whether you come alone or with friends, you’ll quickly feel part of the group. ### 🍻 How It Works We’ll visit several pubs in the city centre, staying around **30–40 minutes in each one**. At every stop, the organizer will run a **short and simple social activity**. These games are designed to: * Break the ice naturally * Help people interact without pressure * Work well in busy, noisy pubs Between activities, there’s plenty of time to chat, grab a drink and enjoy the atmosphere. 🏆 In each activity, points are awarded to several participants. At the end of the night, **the 3 people with the most points win a free drink**. ### 🍀 Who Is This Event For? Absolutely everyone. New in Dublin, long-time residents, expats, locals, shy people, outgoing people — all are welcome. You don’t need to drink alcohol, be loud, or be “good at games”. The only requirement is being open to meeting new people in a relaxed way. ### 💬 A Friendly & Comfortable Atmosphere Our events are known for being inclusive, respectful and easy-going. Come alone or with friends — you’ll feel comfortable from the very beginning. To keep the experience social and personal, **spots are limited**. ### 🕕 Practical Details • **Time:** 19:00 – 22:30 • **Group size:** Limited • **Location:** In front of the Odeon! (next to the Iveagh Gardens) ### 💸 Entry • **€7,5 [Early Bird Discount](www.eventbrite.com/e/1984805152641/?discount=Meetup)** • **€10 Pay at the start** 🟡 Regular Members: **50% off** 🔵 Theme Members: **Free** 🟣 Complete Members: **Free** ⚠️ Limited spots available. ### 🎉 Join Us Expect good vibes, friendly people, light games and great conversations — all while discovering some great pubs along the way. RSVP now and enjoy a social night out, the easy way 🍺✨

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!

Let’s try this popular Italian restaurant in Reynoldsburg. This is the menu: https://scaliristorante.com/#4e468054-0235-43e2-81c2-44e061341e9e

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

**The Data-Driven Brand: Using Analytics to Shape Perception** Can you use analytics to improve tacos? This being CBUSDAW, we think the answer is probably “yes”, but we’re not sure how to implement or test this theory. For our April meetup we’ve got Sara Kear, CMO of Condado Tacos, to investigate this delicious question. Sara will explore how she blends quantitative data and qualitative customer feedback to shape brand positioning and drive business decisions. We all know that marketing and analytics go way beyond attribution. Sara will show how Condado uses customer insights to inform product and pricing strategy. She’ll also highlight how Condado leverages customer feedback at scale to influence operational priorities, positioning marketing as the voice of the customer across the organization. In the last 12 years Condado has gone from one location in Columbus to 52 locations across 10 states, so we’re guessing there’s more to that growth than really good guac (though the guac probably helps). Ultimately, this talk focuses on the intersection of art and science—using data to inform creativity and build a brand that resonates with customers in a measurable way. **About Our Speaker** Sara Kear is Chief Marketing Officer at Condado Tacos, where she oversees brand, restaurant design, menu and pricing strategy, off-premise including catering, and customer data strategy. Since joining in 2021, she has helped grow the brand from 19 to 52 locations while building a data-driven marketing organization focused on loyalty and customer insights. Condado has since been named to the Inc. 5000, recognized as Breakout Retailer by Chain Store Age, and consistently ranked among FastCasual’s Top 100 Movers & Shakers. Thanks to our 2026 sponsors: [Clarivoy](https://www.clarivoy.com), [What Box Consulting Group](https://www.whatboxconsultinggroup.com), [Conductrics](https://www.conductrics.com), and [Piwik PRO](https://piwik.pro) More info at [cbusdaw.com](https://cbusdaw.com)

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

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)

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