Web Standards

**ANNOUNCEMENT – Registration via this [link](https://go.gov.sg/stackmeetup-2apr2026-mc) only.** * Seats are on a first-come, first-served basis. * For admission into our event space, please register beforehand via GovEntry only. * Please present the QR code within your registration confirmation email upon check-in at our event space. **About this Meetup** In the next installment of ***STACK Meetup [AI]***, we’ll confront the realities of building AI with messy, incomplete, and oftentimes, invisible data. From inconsistent datasets to scenarios where structured data barely exists, this session dives into what it takes to build AI beyond ideal conditions. Through real-world project experiences, our speakers will share how they have approached data quality challenges, and worked outside the “happy path.” Walk away with practical strategies and fresh perspectives to help you better navigate the complexities of building AI for real-world contexts. **[Join the discussion today](https://go.gov.sg/stackmeetup-2apr2026-mc)**! **Programme** 6:30pm: Networking 7:00pm: Introduction By STACK Community 7:05pm: Opening 7:15pm: Doing Useful AI When Far From the Happy Data Path By Alejandro Seif, Senior Data Scientist, Multimodal AI Squad, AI Practice, GovTech 7:35pm: The Data Reality of AI: Lessons from Real-World Projects By Silvan Melchior, Principal Data Scientist, Zühlke 7:55pm: Fireside Chat with Q&A 8:30pm: End of STACK Meetup Click **[here](https://go.gov.sg/stackmeetup-2apr2026-mc)\*** to sign up! \*Registration will be accepted via GovEntry only.

**RoastMyTechStack** #2 📅 Thu, Apr 2, 2026 🕗 6:30 PM to 9:30 PM 📍 Singapore — Register to see address 🔗 https://luma.com/5lo93sf2?utm_source=meetup RoastMyTechStack is a live event where developers, founders, and builders share their tech stacks, tools, and workflows for honest feedback from the room. We review **3 stacks per session**, unpacking tradeoffs, pressure-testing decisions, and surfacing what might break later. **Expect candid feedback, practical takeaways** and technical conversations**.** **Register now 🚀 →** https://luma.com/5lo93sf2?utm_source=meetup

Looking for board game events near the West? Paul's Tabletop organizes sessions every 1st and 3rd Thursday at Tiong Bahru Canopy. Canopy is a kindergarten enrichment center owned by one of our members. She has kindly opened up her place for us to game! Tiong Bahru Canopy sessions are focused on games with lesser complexity, so it's especially ideal for casuals and newcomers to the hobby. Join us for a fun and relaxed evening of board games, laughter, and great company. Whether you're a strategy pro or just learning the ropes, there's a seat for you at the table. 📅 **When**: Every 1st and 3rd Thursday, 7.45pm 📍 **Where**: (Canopy) 46 Jln Bukit Ho Swee, #01-874, S160046 👥 **Who**: Open to everyone – all experience levels welcome! We’ll have experienced hosts at multiple tables running different games, so there’s something for everyone—from party games to more strategic play. If you’re new, don’t worry—there’s always someone happy to teach the rules! Best Part? All sessions are free! Just show up and play, don't need pay. **More on Paul's Tabletop:** Paul's Tabletop is an active board game community that holds regular tabletop sessions in the West. We currently host at Clementi, Queenstown and Tiong Bahru. We also organize regular board game retreats, events and auctions. Started by a crazy guy named Paul, our games are hosted by the community, for the community. Come join us and let's explore this wonderful world of cardboard together! We play a full range of games from Avalon/Secret Hitler/BOTC all the way to 18XX, Lacerdas, Splotters, TI4 and everything in between (Euros, Dungeon Crawls, 4X, Sandbox, LCGs, Co-ops etc). Our events are primarily organized on telegram, you can check it out [here](https://t.me/+tVrjvrmRl-RmMDc9). **Our Event Schedule:** Free for All Gaming @ Clementi Zone 2 RN - Every 1st and 3rd Mon Open Games @ Dundee Queenstown - Every 2nd and 4th Sun Under 3 Complexity @ Tiong Bahru Canopy - Every 1st and 3rd Thurs Open Games @ 348 Clementi - On Weds Note, sign ups on Meetup are not the final count as we primarily organize through [Telegram](https://t.me/+tVrjvrmRl-RmMDc9).

**Who Is This Session For:** Beginner tennis players with no experience or play for less than 1 year. **What You'll Learn:** \- Foundational tennis skills\, footwork\, forehand and backhand strokes\, volley and serve \- Learn progressively\, in stages\, to adapt and improve on these basic skills \- Spar with players of similar standard \- Learn tennis from certified coach \- At least 2 years of coaching experience **What To Prepare:** Water bottle, sports attire, tennis racket will be provided to you :) **Number Of Pax:** Max 4 pax per group **Wet Weather Policy:** Reschedule in case of rain, 1h before lesson **Time:** Sunday 7.00-8.00 PM **Price:** $45 per class $150 for 4 classes ($37.50/class) Please PM or Whatsapp Gabriel ([8401 4648](https://wa.me/6584014648)) if you are interested! 😊 ➡️ [https://wa.me/6584014648](https://wa.me/6584014648) **We Also Have Classes Other Popular Locations** River Valley, Buona Vista, Tampines, Punggol, Upper Thomson, Stadium, Farrer Park, Kembangan, Choa Chu Kang, Lorong Chuan, Senja Cashew CC, Bukit Batok and many more! **View All Our Tennis Classes Islandwide! 👇** [https://sporthitch.com/tennis/](https://sporthitch.com/tennis/) **Arrange For Adult Private Tennis Classes! 👇** [https://sporthitch.com/adult-private-tennis-classes-singapore/](https://sporthitch.com/adult-private-tennis-classes-singapore/) **Arrange For Kids Private Tennis Classes! 👇** [https://sporthitch.com/kids-private-tennis-classes-singapore/](https://sporthitch.com/kids-private-tennis-classes-singapore/)

**Dates:** * 4 April 2026 * 18 April 2026 * 2 May 2026 **Timing:** 2pm onwards **Venue:** HackerspaceSG **Address:** Textile Centre, #08-10, Singapore 199018 ​We'll be hanging out to practice some LeetCode questions together. **\#\# No food provided \#\# Bring your laptop \#\#** # ​Format: * ​Pick a random LeetCode question (easy or medium). * ​One volunteer will connect to screen and attempt the question within 40 minutes. * ​Rest of the group will either role-play as interviewer, collaborator or just observe. * ​At the end of the attempt, the group will provide feedback to the volunteer. # ​Format of Feedback: ## ​Soft skills * ​Ask good questions? * ​What should be talked about? What should demo thru code? ## ​Technical feedback * ​Quality of execution. # ​About JuniorDev SG: ​JuniorDevSG is a developer interest group that focuses on providing a place for junior developers to learn and network with each other. ​At the same time, we seek to be a support system to help junior developers break into tech, navigate their careers as well growing them to one day become senior developers or tech leaders in the tech industry.

Makoto Aikido is a place where people can come together with a positive mind, body and spirit to practise Aikido in harmony. ​We seek to continue to learn from senior Aikido Shihan to develop proficiency that conforms to Japan Hombu Dojo standards. **Our Mission** * To promote Aikido with a high standard of instruction.​ * ​Conduct self-defence training to all gender and ages * To emphasise the importance of harmony * To emphasise the importance of basic Aikido techniques as a foundation for progress. * To emphasise on discipline, self-control and to install confidence. * To ensure a proper upgrading syllabus, benchmarking with that of Japan Hombu Dojo. ### **Address** 1 Guillemard Cres, Singapore 399913 ### **Schedule** Fridays 2PM - 315PM ### **Booking Information** * Please contact **98225900** to find out how to book this class. * The instructor will reach out to you once you've booked the class.

⚠️ **REGISTRATION IS REQUIRED VIA [LUMA](https://luma.com/7adqd4e9)** ⚠️ **ABSTRACT** SHELLgym is the regular cybersecurity workout you have been looking for! Whether you're just starting out and need some exercises, studying for a cert (hint: OSCP), looking at CTF challenges, or developing something cybersecurity-related (maybe your own automated tools?), SHELLgym aims to help you progress in picking up practical cybersecurity knowledge and skills. Come and go as you please, work on your own stuff with like-minded individuals, or just have fun during the workout! **AGENDA** Getting and using shells. Finally, a topic in SHELLgym that covers shells! For this session, we'll talk about remote access, from exploits versus payloads, to simple persistency. Then, we'll do some triaging and threat hunting to detect such shells in our environment. The session will roughly follow this sequence: 1\. Remote access: bind/reverse shells 2\. A simple\, traditional killchain from exploit to payload to persistency 3\. Getting inspired by MITRE TTPs 4\. Threat hunting **⚠️ NOTE** Requirements: a computer, so that you can connect to the network, administer your shells, and enjoy a more interactive hands-on experience. **VIRTUAL SHELLgyms in APRIL** (by request) Hosted on Discord, do approach KK or the Div0 Crew for access ! **TRAINER** **KK "Jim" Tan — Founder, counterShell** As a mid-careerist convert to cybersecurity, **Jim** picked up his practical skills through getting OSCP certified and by participating in a variety of CTFs. In his career at CSIT, he performed a variety of red-teaming and vulnerability research roles and established the Cyber Training School at CSIT as the Lead Instructor. Besides the OSCP certification, Jim is also OSCE and OSEE certified, and has a Bachelor's degree in Social Science (Psychology). He now sees psychology as a field of study where you fuzz humans until they produce unexpected behaviour. **SPONSORS** * VENUE SPONSOR: [CyberSG TIG Collaboration Centre](https://www.linkedin.com/company/cybersg-tig-collaboration-centre) **IMPORTANT NOTICES** * Code of Conduct: [https://www.div0.sg/code-of-conduct](https://www.div0.sg/code-of-conduct) * Terms of Use & Disclaimer Notice: [https://www.div0.sg/terms-of-use-disclaimer-notice](https://www.div0.sg/terms-of-use-disclaimer-notice)

**LEARN MANDARIN WITH US** **和我们一起学华语/普通话** Come and join us every Saturday afternoon and learn some useful Mandarin from proficient speakers in a friendly and casual atmosphere. Besides learning the language, you will also get to make new friends from all around the world. Whether you are a beginner, intermediate and advanced learner, we welcome you. The meetup starts at 4 pm. We will try our best to arrange seating at this time so that each group has expert Mandarin speakers. If you come later than 4.10 pm we cannot guarantee ideal seating. Seating priorities will be given to those who signed up. **欢迎会说华语/普通话的朋友** 我们非常欢迎会说华语/普通话的朋友来参加我们这个华语/普通话练习小组，帮助来自世界各地的朋友学习华语/普通话。 *** GETTING THERE Take Downtown (blue) Line or Circle (yellow) Line to Promenade MRT. Take Exit C at Promenade MRT, and go up to level 3. LOCATING US INSIDE THE FOOD COURT Look for a round tables section near the wall of the food court away from the stalls. You can drop the Event Host a message if you are lost. NO COMMERCIAL ACTIVITIES We welcome anyone who is keen to learn a language or help others learn the language. However, this is NOT the platform for individuals who have other intentions, such as recruiting members for their business or organization or selling products or services. We will not hesitate to ask such individuals to stop attending our meetups.

Here is an engaging photography meetup description for Jalan Besar: Join us for a fun and easy-to-understand photography meetup in Jalan Besar! Whether you're a pro or just starting out, we'd love for you to come and capture the vibrant sights and sounds of this neighborhood with us. What can you expect to photograph? Colorful shophouses, bustling street life, and unique architectural details. Bring your mobile phone or any camera you have - it doesn't matter, as long as you're excited to get creative! Join us if you are interested in photography. It doesn't matter if you are a pro or a beginner; we do it for the love of photography. We'll kick off with a short meet and greet before heading out to click pictures together. After our photo walk, we'll end at a nearby coffee shop to chat and share our experiences. This is a free event, but please RSVP to let us know you're coming. If you have any trouble finding us or have questions, feel free to call or text: Jay: +65 9352 0249 Sandeep: +65 8609 1667 Join our WhatsApp group for live location sharing: https://chat.whatsapp.com/IYNcf63yaXr2PAXyrjeHzi We share our live location there to help everyone stay connected — especially as people naturally wander off while shooting. Meeting Point: Jalan Besar MRT - Jalan Besar MRT — Exit A (Hamilton Road / Tyrwhitt Road side) Route: Hamilton Rd → Tyrwhitt Rd → Petain Rd

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

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

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