Web Standards

TOG Watch Night: The Secret Life of Components (Tim Hunkin) We’re kicking off a new bi-weekly Monday Watch Night at TOG. We’ll watch an episode of Tim Hunkin’s “The Secret Life of Components” together, then have a relaxed Q&A and discussion afterwards. This is a friendly, low-pressure way to learn the kind of practical tips you normally only pick up through years of making, fixing, and building. Perfect for beginners, makers, repair folks, and engineers who enjoy the practical side of components and mechanisms. How it works \- Watch together \(one episode per night\) \- Q&A and chat after: questions\, examples\, tangents\, and “how would we do this at TOG?” \- If you miss a week\, no stress\. Watch it at home and come along to the next one First session \- Monday 26 January \- Episode 1: Chain \- Free and open to all \- TOG Hackerspace \(Dublin 12\, D12 CF6V\) Full details: https://www.tog.ie/2026/01/tog-watch-night-the-secret-life-of-components-tim-hunkin/

Our free-of-charge meet-up upstairs in Ryan's Bar. This is a casual meet up for people who want to play boardgames. Lots of people bring plenty of games and rules will always be explained so don't worry if you're new to the hobby and you don't have anything to bring along or think you won't know how to play. Late comers always welcome, you just might have to wait a little for a game to open up. **The meet ups are free of charge but we do ask that people support the bar by buying food and/or drink. The bar is very accommodating to us and it's important that we support them in return. Bringing in outside food or drink is completely unacceptable.** Check out the comments below where people will say what games they are bringing and express your interest in joining if interested.

Join us to **practise and improve your target language with native speakers on Monday in River Bar**(1 Burgh Quay, Dublin 2) from **6.30pm to 8.30pm**. **Our system:** **• You sit opposite a native speaker of the language you're learning** **• You speak 5mins English, 5mins other language, then change table** This ensures everyone gets an equal opportunity to practise the language they're learning. Our team seats people, controls the time, organises the table changes etc. What to expect: • Relaxed easy going atmosphere • Professional and quality service • Great networking opportunities • All levels welcome from absolute beginner to fully fluent • A big mix of ages with attendees at each event from 18 to 70+ years old • Topic cards on the tables to help start conversations Languages: We usually have **native speakers of English, Spanish, French, Portuguese, German, Italian, Japanese, Chinese** and more depending on who shows up. **Admission fee €7** (€6 for student card holders). **No pre-registration required, just show up**. Loyalty card system: Come to 5 events and the 6th is free. Over 150,000 people since 2012 have attended our language exchanges to practise and improve their target language - you can too! Everyone is welcome! For more news and info check: Website: [www.languageexchangeireland.com](http://www.languageexchangeireland.com/) FB: [www.facebook.com/languageexchangeireland](http://www.facebook.com/languageexchangeireland) Instagram: [www.instagram.com/languageexchangeireland](http://www.instagram.com/languageexchangeireland) NOTE: The MeetUp attendance does not reflect actual attendance. There are usually around 100 people at each event. We are also in the River Bar every Thursday at 6.30pm

**New Absolute Beginners Course!** Join us for a fun-filled new evening class of Tango for Beginners. Whether you have two left feet or have never danced before, this class will have something for you. We will guide you through the basic steps and techniques of tango, helping you discover the elegance and passion of this captivating dance form. *Join us to experience the joy and freedom of this beautiful dance and meet a room of new friends along the way.* In these classes our experienced instructors will break down the tango moves and build them up gradually, ensuring that you get a solid foundation. You will learn the fundamental techniques, including posture, embrace, and footwork, and gain confidence in leading or following your partner. Throughout these lessons we will focus on partner connection and musicality, allowing you to express yourself and create beautiful movements on the dance floor. **No partner or previous dance experience is necessary**. Just come with comfortable clothing and shoes, and be prepared to immerse yourself in the enchanting world of tango. Join us for a memorable evening of rhythm, connection, and pure enjoyment. **CLASS FEES:** *We offer a 6 week Pass for just €99 or you can pay as you go for €20 per class* *Let's dance the night away at Tango Fiesta Dublin!* [VISIT OUR WEBSITE FOR MORE DETAILS AND INFO](https://tangofiesta.ie/) [www.tangofiesta.ie](http://www.tangofiesta.ie/)

Join me for a swim on Monday 6th April at 1pm, Weather pending. All are welcome - newcomers and established members, swimmers, paddlers, and toe dippers. I recommend that you don't stay in too long, like me, this time of year, and stay within your dept. We look out for each other but we are not lifeguards. Bring warm clothes for after the swim as it's a bit cold this time of year. Meet in shelters in front of tower near sea Look forward to seeing you all there.

Join us to **practise and improve your Italian-English with native speakers every Monday in River Bar** (1 Burgh Quay, Dublin 2) from **6.30pm to 8.30pm**. **Our system:** **• You sit opposite a native speaker of the language you're learning** **• You speak 5mins English, 5mins Italian, then change table** This ensures everyone gets an equal opportunity to practise the language they're learning. Our team seats people, controls the time, organises the table changes etc. What to expect: • Relaxed easy going atmosphere • Professional and quality service • Great networking opportunities • All levels welcome from absolute beginner to fully fluent • A big mix of ages with attendees at each event from 18 to 70+ years old • Topic cards on the tables to help start conversations **Admission fee €7** (€1 off for student card holders). **No pre-registration required, just show up**. Loyalty card system: Come to 5 events and the 6th is free. Over 150,000 people have attended our language exchanges to practise and improve their target language - you can too! Everyone is welcome! For more news and info check: Website: [www.languageexchangeireland.com](http://www.languageexchangeireland.com/) FB: [www.facebook.com/languageexchangeireland](http://www.facebook.com/languageexchangeireland) Instagram: [www.instagram.com/languageexchangeireland](http://www.instagram.com/languageexchangeireland) We also have the events every Thursday at River Bar at 6.30pm.

\> Note: If you have registered via luma\, please dont double register here\, Thanks\. **Talk: Writing Your Own Agent Skills For Python.** AI coding tools have relatively recently introduced Agent Skills. Lots of people are probably using skills written by the community, but you can make significant improvements to the speed of your own Python development by writing your custom skills. **Author:** Ciarán Tobin [https://www.linkedin.com/in/ciar%C3%A1n-tobin-6b609650/] [I'm the CTO and Founder of EdgeTier, an Irish company that builds software for contact centres.] ============================= **Talk: Exploring Wordle in python** A talk about solving Wordle in Python: taking a few guesses and finding the words that match. I'll start out with Unix pipes, then refine my approach several times in Python, fixing subtle problems and showing a few tricks. Audience: intermediate to expert. Beginners should get something out of it. I previously gave this talk last year in Seattle: https://www.youtube.com/watch?v=TXmYd2euVEI Slides: https://docs.google.com/presentation/d/18rSkAwdhvuXfzE35YZ8jUk2PhhS3ZA_Kjyys1MCRxGA/edit?usp=sharing **Author**: George V. Reilly [[https://www.georgevreilly.com/blog/](https://www.georgevreilly.com/blog/)] [Recently retired after 40 years in the software industry, 33 of them in Seattle. Python has been my primary language since 2008. Most recently, I worked for Stripe for seven years on network infrastructure, security, and developer productivity.] **=============================** **Lightning Talk:** 1. TBA **=============================** **Venue:** "Euronext" door, [Foster Pl, Temple Bar, Dublin](https://www.google.com/maps/place//data=!4m2!3m1!1s0x48670b1ef6041071:0xb46447d71aabd73c?sa=X&ved=1t:8290&ictx=111) Big thanks to our sponsor for this edition: [EdgeTier](https://www.edgetier.com/careers/)

We’ve all made the exclamation: “now, that is beautiful!” And life seems better, richer for it. What do we mean by ‘beauty’? What qualities does something require in order to be classified in such a way? What things can be given such label? Are there things that do not deserve to be called beautiful? Is beauty restricted to physicality? Is beauty merely subjective or does it have an objective framework? Is it a matter of the feminine side of life? Is it something internal or external? Come along next Tuesday evening at the lovely Third Space Cafe Smithfield for a facilitated discussion about beauty. Newcomers are welcome. NOTE: we ask for a 3 Euro donation to cover expenses. Pay on the evening by coin or Revolut. Socrates Cafe: a space where ideas and dialogue can flourish.

Drop in to our regular Open Social for a great alternative Saturday evening. It's a great informal way to see the space and meet members and visitors. If you’ve never been in before, we’ll give you the grand tour of the space. Talk to members and visitors about projects or things that you’d like to do. If you like what you see, ask about joining as a full member. Membership brings many benefits. Weather and volunteer permitting, we might have our wood fired pizza oven going outside! [https://youtu.be/TTQ0YylkEzc](https://youtu.be/TTQ0YylkEzc) Expect caint, ceol agus craic as usual. The space stays open until the last member is left……usually the small hours of Sunday morning. You can drop in for 10 minutes, or stay the whole night. We have lots of free parking available. Bring beer, food, gadgets!

**Registration/booking on our system at least 24 hours before class is necessary. We do not take walk ins/your rsvp on meetup is not a booking.** BOOK [HERE](themovementstudio.ie/handstandsandcoffee) From beginner to winner! We have a special weekly 2 hour class that is more like a weekly workshop. It's a very social class, with amazing coffee, great coaching, and smiles and good work being done. Fancy trying something new? Spending time safely outside your comfort zone? Please visit themovementstudio.ie/handstandsandcoffee to book your spot Registration/booking is necessary. We do not take walk ins.

Our free-of-charge meet-up in the Black Sheep Pub on Capel Street. This is a casual meet up for people who want to play boardgames. Lots of people bring plenty of games and rules will always be explained so don't worry if you're new to the hobby and you don't have anything to bring along or think you won't know how to play. The meet-up runs for the whole day but late comers always welcome, you just may have to wait a little for a game to open up but games will be starting and ending throughout the day. **IMPORTANT!** **The meet up is free of charge but we do ask that people support the bar by buying food and/or drink. The bar is very accommodating to us and it's important that we support them in return. Bringing in outside food or drink is completely unacceptable.** Check out the comments below where people will say what games they are bringing and express your interest in joining if interested. Any questions contact either of the organisers Gavin or Stephen.

TOG will be open on Tuesday evenings from 19:00 to 21:30 for a general Open House event. Expect to find members and visitors in the space up to all sorts of activities. It's a great time to drop in and see what the space is about. If you're an artist, tinkerer, maker or just plain curious, come in and see what the space is about. Maybe you already have something to work on (or want to), have something to fix, create, design, bodge or tinker... drop in. We're also open for just for plain old social chat and hang out, with plenty of tea, coffee and biscuits. We have lots of free parking right outside our door.

Got something broken at home that you have been meaning to sort out for a while? Bring it along to our next Repair Café at TOG Hackerspace on **Saturday 11 April 2026**, from **12 noon to 4pm**. The event takes place at **TOG Hackerspace, Unit 1B Motor City, Kylemore Road, Dublin 12**, and tickets are free. A Repair Café is a chance to bring along broken or worn items and sit down with volunteer fixers to see what can be done. It is not a drop-off service. You stay with your item, chat through the issue, and get to see what is involved in trying to bring it back to life. Sometimes the repair is quick, sometimes it takes a bit of testing and head-scratching, and sometimes the item has other ideas, but you will usually come away knowing a bit more than when you arrived. You can bring things like: * Clothes and accessories * Toys * Small electrical appliances and electronics * Small furniture There is always a good mix on the day, and while we cannot promise miracles, we do enjoy a challenge. Repairing things keeps useful items in use for longer, saves money, reduces waste, and helps people build practical skills. It is also a nice social afternoon: cups of tea, odd screws on tables, and the occasional cheer when something suddenly starts working again. This event is supported by **Dublin Maker**. Please book your free ticket in advance here: [https://www.eventbrite.ie/e/repair-cafe-tickets-1980452469649](https://www.eventbrite.ie/e/repair-cafe-tickets-1980452469649) If you would like to be a fixer or volunteer at a future Repair Café, we would love to hear from you too.

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

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

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

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