User Experience
Meet other local people interested in User Experience: share experiences, inspire and encourage each other! Join a User Experience group.
23,670
members
13
groups
Largest User Experience groups
Newest User Experience groups
Frequently Asked Questions
Yes! Check out user experience events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the user experience events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find user experience events near your location here. Connect with your local community and discover events within your area.
User Experience Events Today
Join in-person User Experience events happening right now
Indoor Mixed Football
Casual friendly football games for men and women of all levels to play and enjoy.
Join our games using our mobile app
Http://onelink.to/sppmmr
For further questions please whatsapp us at +971585129190
All level, Beginners till Advance Saturday afternoon Offroad Desert Drive
Join Dubai Offroaders for an unforgettable weekend of camping, off-roading, and Jeep adventure in the Dubai desert! This event is perfect for off-road enthusiasts of all levels, from beginners to advanced drivers. Get ready to explore the stunning desert landscape, tackle challenging terrains, and have fun with like-minded adventurers.
Experience the thrill of driving your 4x4 through the sandy dunes, enjoy a BBQ under the starlit sky, and connect with fellow expats in Dubai who share your passion for off-road activities. Whether you're a seasoned off-roader or a newbie looking to learn, this weekend trip promises an exciting blend of off-road driving, camping under the stars, and making unforgettable memories in the great outdoors. Don't miss out on this ultimate Dubai Offroaders experience!
Unfiltered Nights: Real People. Real Vibes.
Ready for an evening where new faces, soulful beats, and big energy come together in one unforgettable vibe? 🌃
Register and get more details!
**[Join WhatsApp group (Click on Mobile)](https://jo.my/whatsapp-social-meetup)**
Join us for the next edition of our social — a curated night to meet new people, spark real conversations, and enjoy the magic of connection. 💫
**🌟 What to expect:**
* Elegant lounge vibes with stunning views
* Bold conversations, unexpected laughs, and surprising connections 💬
* Delicious drinks + an atmosphere made for authentic encounters 🍸
* A live DJ performance setting the mood with soulful melodies + feel-good beats 🎶
This isn’t just another night out. It’s a curated social experience designed for people who want more than small talk.
Register and get more details!
**[Join WhatsApp group (Click on Mobile)](https://jo.my/whatsapp-social-meetup)**
No apps. No pressure. Just a room full of amazing people who appreciate fun, spontaneity, and great vibes 🔥
**👀 The Experience:**
* No apps. No pressure. Just good vibes ✨
* Come alone, leave with friends 👋
* Laughter, toasts & stories that last 🍷
* The perfect mix of music, drinks & energy 🎶
* More than a social — it’s an experience 💫
This isn’t just a night out! It’s an elevated experience where the city lights are your stage and every connection feels limitless.
Register and get more details!
**[Join WhatsApp group (Click on Mobile)](https://jo.my/whatsapp-social-meetup)**
👋 So if you’re tired of ordinary nights out, come and see what happens when real connection meets party atmosphere.
Join us for an evening where new faces, soulful beats, and big energy come together in one unforgettable vibe 🌃
**Registration**
✅ RSVP on Meetup.
✅ [Join WhatsApp group (Click on Mobile)](https://jo.my/whatsapp-social-meetup)
*Just like any event, slots are limited. RSVP and complete your registration at the earliest.*
Happy Social 😊
All level, Beginners till Advance Offroad Desert Drive training Trip
PLEASE REGISTER HERE, TO JOIN THIS EVENT,
https://dubaioffroaders.com/web/
Checklist: a) Fully functional 4x4 vehicle with full tank of fuel. b) Air compressor in working condition. c) Recovery rope / strap. d) Compatible radio pre-programmed to DO frequencies. e) Refreshments for you and your passengers (if you have them). f) Offroad flag attached to vehicle.
Etiquette: 1) Registering and not coming along may stop others from joining and is easily avoidable - so please be courteous and withdraw if you can't make it. 2) Be punctual. 3) Avoid bringing along unregistered participants without prior permission.
Thank you for taking the time to read this and prepare properly - see you on the sand!
Dubai AI Meetup
**What this is about?**
This is a meetup group focused on AI. We meet every Saturday at 7:30pm at DIFC.
Usually there are up to 30 people from different backgrounds, such as AI programmers, rocket engineers, physicists, marketing, designers, investors... But it's also meant for people who have no background in AI and are looking for more insight. This is a very casual group for everyone, no presentations, you can pitch your AI business idea or discuss your favorite Terminator movie.
We meet at the Stage Area (next to S&C Music, see directions https://imgur.com/a/QIvYOvT ) above the Carrefour market at DIFC, just look for a group of people there without board games (if you see board games, that's another group). The group is free and there is no requirement to buy anything. There is free wifi.
📣 WhatsApp group for event updates (only mods can post):
[https://chat.whatsapp.com/JjrVIJyxHbe9fUWoGLaJsZ](https://chat.whatsapp.com/JjrVIJyxHbe9fUWoGLaJsZ)
📍To get there:
🚇 Metro Station: Financial Centre Metro Station, 5 minutes walk, look for the Financial Centre exit sign.
🚗 Parking Options: Gate Avenue Parking is unfortunately under construction.
Other options: Gate District Building 2: free underground parking from 6 pm onwards. \* Street Parking near Ritz Carlton: This is a paid parking option, conveniently located. \* Gate Avenue Open Parking: Present a purchase receipt for 4 hours of complimentary parking.
💡 **Note**: *You might see a few other Meetup pages with similar names - this one’s run by the folks actually hosting the weekly meetups and building the in-person community you’ve seen at DIFC.*
*PS: We occasionally take group photos to capture good vibes and community spirit, by attending you're comfortable with casual group photos - feel free to step aside if you don't wish to be in them*
Padel & Party: Gameplay, Beats & Vibes (Live DJ) in the Court
Get ready for an unforgettable evening where the energy of sport collides with the magic of music!
Book your game and get more details!
**[Join our WhatsApp group (+971 55 539 4811)](https://jo.my/whatsapp-padel-meetup)**
**Party in the Courts**
Welcome to the ultimate Padel Social Games and Party experience like no other. We’re not just talking about a typical tournament.
We’re creating a *vibe* — an electric fusion of friendly competition, high-energy beats, flashing lights, and non-stop fun... all set in unique panoramic padel courts surrounded by beautiful scenery!
**🍹 Drinks, Beats & Courtside Energy**
Sip your favorite cocktail or ice-cold refreshment without missing a single moment.
Our court-side bar ensures your drink is never too far away, keeping you fueled and refreshed for both competition and celebration.
Book your game and get more details!
**[Join our WhatsApp group (+971 55 539 4811)](https://jo.my/whatsapp-padel-meetup)**
**🎧 Music All Evening Long**
Our live DJ is bringing the heat with high-energy tracks designed to elevate your experience.
Think booming bass, infectious rhythms, and a soundtrack that moves your feet *and* your paddle.
As the night deepens, the energy rises — so expect dance breaks, spontaneous cheering, and the courts literally turning into a dance floor under the stars.
**🎾 Games with a Social Twist**
Don't worry about scores and pressure — this event is about connection and celebration.
Games are mixed and rotated to help everyone meet, compete, and mingle.
You'll leave with more than just great memories — you’ll leave with new friends (and maybe a few rematch promises too).
Book your game and get more details!
**[Join our WhatsApp group (+971 55 539 4811)](https://jo.my/whatsapp-padel-meetup)**
**💬 Why You Can’t Miss It**
This is your chance to shake up your week with something wildly different.
Forget boring evenings and stiff tournaments — here, the line between playing and partying disappears.
Play a few matches, show off your best moves (on and off the court), and connect with awesome people who love life just like you.
**Why Padel?**
Padel is an incredibly accessible sport that's easy to learn and play.
You don't need to be a pro to enjoy the game; just bring your enthusiasm, and we'll take care of the rest!
*Just like any game, slots are limited. RSVP and complete your registration at the earliest.*
See you in the court! 🎾
User Experience Events This Week
Discover what is happening in the next few days
Basketball- All levels welcome-friendly
Casual basketball for all level players to join.
Whatsapp +971585129190 to join our community of players. NOTE- confirmation of slot has to be given on whatsapp only.
Cost is 30 AED per person
Meetup with Querida Mexican & Friends at 20 percent dine out
## Exclusive Dine-Out Offers at Querida – Al Barsha
📍 **Querida Restaurant**
### 20% OFF
Available for dine-out bookings via:
* Talabat
* Zomato
* Careem
* The Entertainer
Book through your favorite app and enjoy 20% off your total bill.
***
### 🇦🇪 15% OFF for Fazaa Members
Show your **Fazaa** card and enjoy 15% off your dine-in experience.
***
🌮 Authentic Mexican flavors
🌶 Freshly prepared daily
🥑 Guacamole. Tacos. Birria. Pozole.
🍹 Refreshing hibiscus water & mocktails
📍 Al Barsha, Dubai
Friendly Football - open to all levels - 7 a side
We organise social football games for all level players to join.
Each player will be provided with clean bibs, water, full match videos, match highlights and match stats like goals, assists and MVP
Whatsapp us at +971585129190 to confirm your spot.
Healthy Morning Startup - Yoga and Walk - Newvision
\*Healthy Morning Startup - Walk and Yoga\*
\***Date**\*: Morning Time:- \***06:00 AM (Every Satruday, Sunday, Monday)**\*
\***Location**\*:-
DMCC Metro Marina Side Garden
Next to Horizon Tower and Yacht Club
\***Location - Google map**\* : \***https://goo.gl/maps/Mzd9WBRhohZoWJoM6**\*
\***Register:-**\* it \***by joining whatsup group https://chat.whatsapp.com/JOFPV4e9MmG3i6carEOgzr**\*
\***Contact Whatsup**\*: +971 524982943 (Dushyant) +971 561186716 (Mona)
\***WHAT TO BRING**\*
• Water
• Yoga mat (optional)
20s 30s Social and Activities in Dubai
Marhaba!
Dubai brings the world together — and so does our meetup.
[[[Click this WhatsApp Groupchat Link to join](https://chat.whatsapp.com/I0OyqZO7w4r1sCwWwm4R0v) ]]
Join us Saturdays at 7:30 PM for a mix of global minds, mostly in their 20s and 30s.
If you’re craving culture, company, or conversation in any language, you’re home.
We talk, we laugh, we learn — together.
Bowling 🥳
[Join our whatsapp community](https://chat.whatsapp.com/Gf5MZoCgMOa0we1RAc6Eld?mode=ac_t) (Free Meetup)
If you new to Dubai or there for a while ..still don't have friends or feel lonely this is perfect place to meetup people like you from your area...meet new people, make friends, connect , chit chat be happy 😊 Specially from Mankool Karama area 😎
Bowling meetup (Aed 50 per person)
(Once you join the group you can join various get togethers we having Live Music & Sheesha, Clubbing, Travelling, Cricket ,Festivals and many more get together ❤️)
Sent message on whtsapp for any query..not on the meetup group chat as we r in meetup and cant check the app everytime)
Women’s Social football - 6 a side - all levels welcome
We organise social football games for all level players to join.
Each player will be provided with clean bibs, water, full match videos, match highlights and match stats like goals, assists, defence.
Whatsapp +971585129190 to confirm.
User Experience Events Near You
Connect with your local User Experience community
IxDA Chat ‘n Pancakes
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!
Scali Ristorante
Let’s try this popular Italian restaurant in Reynoldsburg.
This is the menu:
https://scaliristorante.com/#4e468054-0235-43e2-81c2-44e061341e9e
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
Data & Analytics Wednesday - The Data-Driven Brand
**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)
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
Prompt vs. Paintbrush
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)
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.



























