Web Standards

Let us meet, have a coffee and code together, or just discuss :)! This Meetup is everyone that considers himself "Techie", in the broad sense and wants to socialize :). Join us and chat, ask your questions, or work on your own projects. The choice is yours! There is no agenda, this is simply a gathering of interested folks :). We're meeting at Lebkov right inside the Utrecht Centraal station. We're typically sitting at the large table. Search for the folks with the laptops in the back! You are very welcome to join whether you are an experienced developer, or simply interested and want to chat!

At 10.30AM on Saturday 4th of April we'll start at our meeting point Houten Castellum train station, where we'll be waiting you in the tunnel under the train station. On our way we'll pass several sights, including the colorful houses at the Rietplas (yes, there will be time to make some photos there), the Amsterdam-Rijnkanaal and Kasteel Schonauwen. Do you think about joining, but you're not sure what this is about? Well, Utrecht Hiking Community aims to organise one hike per month. If you're in for a hike with a bunch of friendly other people, you are very welcome to join, no matter whether you are an expat, professional, nomad, local or a student. The hikes are a way to meet people while being active and exploring a place you might not be going to otherwise. If your aim is to hike fast, we might not be the right hiking group for you though. For us it's more about having a fun walk, seeing nice places and socialising. Don't forget to put it into your agenda: Saturday 4th of April, 10.30AM - hiking time! 😀 Bring good walking shoes, your phone/photo camera, something to eat/drink for on the way and a good mood! Please find us on Instagram for all the latest updates and impressions of previous hikes: [https://www.instagram.com/utrecht.hiking.community](https://www.instagram.com/utrecht.hiking.community) We have some costs for organising these hike, like travel costs and the yearly MeetUp subscription. Therefore we'd be very happy for any donations to support us by using this link: [https://www.ing.nl/payreq/m/?trxid=ezoLJAAlYUgQRGhEpGTcMpI1mb9Rlk29](https://www.ing.nl/payreq/m/?trxid=ezoLJAAlYUgQRGhEpGTcMpI1mb9Rlk29) Are unforeseen circumstances causing you to arrive late to Houten Castellum train station? Then please write to +31621177691. We won't let the whole group wait for you, but we can send you our live location so you can come after us. There are no public toilets at Houten Castellum train station or on the way. Therefore please visit a restroom before arriving. Dogs are allowed on this route. After the hike there is an option to go for lunch/drinks in the Castellum shopping center. See you on Saturday 4th of April!

This hike picks up the trail where we left it on March 8, in Culemborg. We then crossed the river Lek. We will now continue southwards to the river Linge, over mostly unpaved (and sometimes muddy) paths. With some luck, we will see apple, pear and cherry trees in full bloom, as they grow abundantly in this area. **Meeting time and place**: we will meet at **10.15am** at train station Culemborg. The hike ends at train station Beesd, where we will arrive around 3pm. **This hike is fully booked.** [You may sign up for a place on the waitlist on my website](https://rewildyourself.nu/dutch-nature-hikes/)**.**

What would be a better way to spend your Saturday than getting together with Appsterdammers, their friends and families to visit the [Super Mario Experience](https://www.nintendo.com/nl-nl/Nieuws/2026/Maart/LET-S-A-GO-Nintendo-viert-40-jaar-Super-Mario-Bros-met-Super-Mario-Experience-in-Utrecht-3037053.html)! Pricing: Free **Schedule:** • We'll gather in front of the location at 12:45 (we’ll enter at 13:00) **Contact information:** If you want to meet us later, get lost or for any other reason need to get in touch with one of the organizers. • Wesley, [Twitter](http://twitter.com/0xWDG/), [Bluesky](https://bsky.app/profile/0xwdg.bsky.social), [Mastodon](https://mastodon.social/@0xWDG) • Jake, [Twitter](http://twitter.com/jake_ruston/) • [WhatsApp Group](https://appsterdam.rs/whatsapp) • [Discord group](https://appsterdam.rs/discord) **Address:** [Godebaldkwartier 54, 3511 DX Utrecht](https://www.google.com/maps/place//data=!4m2!3m1!1s0x47c66f5d220406ad:0xd8d238a33c06a6bb?sa=X&ved=1t:8290&ictx=111) We hope to see you there! More about Weekend Fun: Our Weekend Fun events are family friendly, usually non-tech gatherings. We get together to have a fun day. Wether you are coming by yourself, or you're bringing your kids, parents, neighbors, colleagues, partner, friends, everyone is welcome to join! Examples of Weekend Fun events: Game Days, picnics, NEMO, walking tours through other cities, boat trips, several museums and much more.

Maandelijkse, informele meetup voor mensen die actief zijn in **Bitcoin, crypto, investeren of de techwereld**. Geen presentaties of verkoop — gewoon goede gesprekken en echte connecties. \#\#\# Wat kun je verwachten? * Gesprekken over Bitcoin, crypto, investeren en tech * Delen van inzichten, ervaringen en strategieën * Praten over groei, fouten en lessen * Leren van elkaar, zonder druk of verwachtingen * Eventueel individueel handelen (op eigen verantwoordelijkheid) \#\#\# Voor wie? Deze meetup is bedoeld voor mensen die: * Interesse hebben in crypto, investeren of tech * Respectvol met anderen omgaan * Waarde hechten aan een veilige en vertrouwde omgeving \#\#\# Waarden Respect staat centraal. God en geloof worden gerespecteerd. Vloeken en onrespectvol gedrag worden niet geaccepteerd. Geen hypes — **gewoon echte gesprekken**.

## 🎨**Activity for EXPATS & English Speakers** ☕ Are you an art enthusiast living in or around **Amersfoort, Hilversum, Utrecht, Nieuwegein, IJsseltein, De Bilt and the rest of cities of the Utrecht's province** who love painting or drawing? Maybe you've felt the joy of creating but struggled to find others who share your passion and speak **ENGLISH**? **You're not alone! 😉** ✨✨✨✨✨✨✨ ## 🖌️**About this event** You will meet other Art Lovers like you to Draw, Paint and have some drinks Together ! Our events are not just about sketching or creating art—they’re about building connections. Every two weeks, we meet at a café to have a relaxing time drawing a painting. Please keep on mind that **ENGLISH i**s the official language we will use to integrate everyone in our conversations. ⭕⭕⭕➡️ **IMPORTANT ⬅️** ⭕⭕⭕⭕ ### 👩🏻‍🎨**Book formally your Seat 🪑via [WHATSAPP](https://bit.ly/3BXXE0f)** **If you want to confirm officially your attendance and separate your seat🪑. Book your seat in meet-up, and contact us via [WHATSAPP HERE](https://bit.ly/3BXXE0f) to receive more information on the address of our activities.** **Thanks a lot for your understanding!** 💐🥰 ✨✨✨✨✨✨✨ ### 👩🏻‍🎨**How Does It Work?** This event is simple, this initiative takes 2 Hours. Most of the participants use pencils, water pencils or watercolours. Main aim is to socialize while we draw. There will be plenty of time to talk and get to know each other. We have to mention that this event is suitable for all levels. Many have started to draw in our event actually. Also it is very important that you **[JOIN US AT OUR WHATSAPP COMMUNITY](https://bit.ly/3BXXE0f),** to stay up to date on our upcoming events and participate in our Drawing and Painting Contests! **👉: [https://bit.ly/3BXXE0f](https://bit.ly/3BXXE0f)** 🍀 ✨✨✨✨✨✨✨ ### ☕**Where?** We will meet in different cafes mainly in the *center of Amersfoort ( and some occasions in other cities around)*. I will inform you of the exact place some days in advance this event. The place will depend on the number of attendees. ✨✨✨✨✨✨✨ ### **🎟️ What is included?** 🟢 **2 HOURS TO HAVE FUN!** 🟢 **15 mins warming-up creative activity and paper material**🖌️🎨 🟢 New friendships and **conversations in ENGLISH** in a relaxed atmosphere 🟢 **Souvenir picture** with you and the rest of Art Lovers 📷 🟢 Exclusive **access to our Art Lovers Community** on which you will receive: ***\~\~\~ Drawing challenges,*** ***\~\~\~ Training content,*** ***\~\~\~ FREE Entries only to members*** ***\~\~\~ Drawing Competitions*** 🟢 Time to **create alongside fellow artists and amateurs** 🟢 The freedom to **work at your own pace** 💃🕺🎈 ✨✨✨✨✨✨✨ ### 🖼️**Art Materials?** Bring your own practical art materials to be adaptable to sketch on a coffee table. Like your sketchbook, pencils, watercolor, markets, pencils, your Tablet..etc ✨✨✨✨✨✨✨ ## **See you to Paint, Draw, and drink together!🌟☕🍷🍪🍰**

**🟢🟢 ABOUT OUR WATERCOLOR PAINTING PARTY / AMERSFOORT** 🎨🥳🍷🏢 Amersfoort - Utrecht Province / Center of the City / Easy access from train station. Create your very own **portrait, animals, landscape, or figurative** masterpiece in only **2.5 HOURS using watercolor and our secret mixed media techniques!🧪🧫.** This session is not about perfection; it is about capturing emotions and personal expression. **No experience required** **\- trust us\!** our professional artist will guide you step-by-step through this unique self-portrait journey. You can look forward to a fun and exciting evening with other participants, **so it doesn't matter if you want to come with friends or alone - you are very welcome!** This is the perfect after-work or weekend activity where you'll unleash your creativity while creating something deeply personal. You will create a portrait combining painting, drawing, and creative techniques to bring your unique vision to life. When finished, you'll take home your newly created self-portrait artwork to cherish or share with loved ones. Each participant will have pencils, colored pencils, watercolor, acrylic/gouache paints, and a surface. You'll work from an image we will bring. **🎟️ READY TO HAVE FUN?** Get your Ticket and book your seat **✨[HERE](https://buymeacoffee.com/artloversclub/e/430555) ✨** 🤔 **Questions?** Speak with a member of the team in **[WHATSAPP HERE](https://chat.whatsapp.com/J3Y5yeWUhvbJM98bqty2WP) 💬** .................................... **🟢🟢 WHAT'S INCLUDED?** 🔶 All supplies included 🔶 **2.5-HOUR [TICKET SESSION](https://buymeacoffee.com/artloversclub/e/430555)** 🎟️ 🎁 **EXTRA BONUS:** **FREE TICKET**🎟️ to participate in our Drawing and Painting Cafes in Amersfoort or Our Online Still-Life sessions if you live far away. 🔶 New friendships and Conversations💬 🔶 Freedom to work at your own pace 🔶 **English tutored activity** (And of course, you can speak in your local language with your friends!🍷🥰🥰🍹) ⭐ No experience needed **🎟️ BOOK YOUR SEAT🪑 IN ADVANCE ✨[HERE](https://buymeacoffee.com/artloversclub/e/430555) ✨!** 🤔 **Questions?** Speak with a member of the team in **[WHATSAPP](https://chat.whatsapp.com/J3Y5yeWUhvbJM98bqty2WP) 💬** **🕑 2026 CALENDAR OF UPCOMING EVENTS:** First Sunday or every month from 11.00 AM - 1:30 PM. .................................... **🎟️ ART LOVERS CLUB / ABOUT US** **ART LOVERS CLUB** is a community where art enthusiasts come together to explore their creativity and connect with new buddies through various events and sessions ( In-Person and Online) . Whether you're a seasoned artist or just starting, we have something for everyone!⭐ To share with you more about what we do, you can see here the overall atmosphere of our events in Amersfoort and also follow us if you want⭐: **[https://www.instagram.com/art_lovers_social_club](https://www.instagram.com/art_lovers_social_club)** 🤔 **Questions?** Speak with a member of the team in **[WHATSAPP](https://chat.whatsapp.com/J3Y5yeWUhvbJM98bqty2WP) 💬** **🕑 2025 CALENDAR OF UPCOMING EVENTS:** First Sunday or every month from 11.00 AM - 1:30 PM. **See you soon. We are looking forward to painting and having Fun Together! 🎨👩🏼‍🎨👨🏼‍🎨👩🏼‍🎨🧑🏼‍🎨🎈**

🌸 **Free online gathering** **Next circle: April 5** After this, we will continue meeting on the **first Sunday of each month**. A space to begin the month by returning to yourself. This women’s circle is an invitation to give yourself one hour to pause, slow down, and reconnect with your body, your inner voice, and other women. A simple and caring commitment: beginning the month with meditation and journaling in community. You can think of it as a small personal ritual, creating the habit of listening to yourself, writing, and setting intentions for the month ahead. We meet online on Sunday afternoons to gently transition into a new week and a new month, creating a moment of presence, reflection, and intention. During this 1-hour session we will explore: ✨ a guided meditation to arrive in the body ✨ a journaling practice to connect with what is alive in you ✨ a space for sharing, where you are welcome to speak or simply listen No previous experience is needed. You are welcome just as you are. Please have a notebook and a pen nearby, and join from a quiet space where you won’t be interrupted during the session. You are welcome to join once, or come back each month. The choice is yours. The first circles are offered for free in order to create community and open this space to more women. Participants who register for the event will receive the **Google Meet link** before the circle begins. It will be lovely to welcome you into this space 🌿

🏃🏻‍♂️🏃🏼‍♀️

Hi everyone! For those who want to enjoy a particularly unique adventure in (mostly) nature, you're welcome to join me in this special Easter hiking excursion! Pay attention, the route is 40km so it's not absolutely hike beginners. For first-timers (and as a helpful reminder 😉), I recommend that you wear a comfy outfit & shoes and bring (lots of) water & a snack or two. At some points during the excursion, we will do breaks to rest and eat/drink for a while. But expect a steady pace faster than the normal hikes but not powerhiking pace. I'd saythink on average 5km/h. It's a marathon not a race 😜 Lastly, after the hike we 100% go for food and drinks. More info about the route/location: It's simple. Put on Google maps starting point Utrecht centraal & end point Amsterdam centraal, and there's your route 😊 More tips on finding the group along with helpful contact info with the host will follow in the comments the day before the meetup. To those interested, hope to see you there! 😄 In case of bad (NL) weather, the event might be moved to another day or canceled

**We have limited space at the café, so if you've RSVPd and can't make it, please cancel as early as possible so another person can join!** Join in for a morning of crafting & chatting over a drink. Just bring your own project and payment for drinks. Meet fellow crafting enthusiasts, whether it's knitting, crocheting, stitching, origami, or something more unique! We talk about our projects, exchange tipps, but also just get to know each other and enjoy a relaxed Sunday morning in good company. We now also have a WhatsApp group, where we want to organise get-togethers and other events. Ask one of the organisers at the next Meetup you join for more information and access.

Join us for some beers, snacks and fun. Just a regular Saturday night with heavy music played by a metal DJ in a cozy café. Song requests are possible. ;) Agenda: 9:00 - café opens (free entry) 9:30/10:00 - dj starts playing music 2:00 - end No tables will be booked because we expect to have enough space even if we're >20 people. ;)

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

**TBA**

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!

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

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm