Web Standards

Come, join us!! These workshops are run by Emeline and Radhika, and our goal is to help parents and their babies thrive in a nurturing environment. Radhika welcomes everyone to the workshop, which is followed by a baby massage routine lead by Emeline, featuring songs and nursery rhythms, as well as baby yoga. Baby massage and baby yoga are excellent for promoting baby growth and development, including: * Open the hip & knee joints * Strengthen the muscles in legs and at the base of the spine * Develop balance for sitting, crawling and walking * The internal organs are massaged * Helps babies relieve any tensions they have in their intestines * Helps prevent colic and constipation * Positions provide opportunity for baby to have ‘tummy time’ (time on their front) to enable them to lift their heads and strengthen their neck muscles, shoulders and arms and finally their backs * Stretches chest allowing baby to breath more deeply, which increases oxygen, benefiting all the organs of the body and the immune system Relaxation is an important part of yoga, and it is even more important in baby yoga because it allows us to balance the activity of the yoga session with a period of rest. This is not only a great way for a tired parent to re-energize, but it is also a gift to give to a baby - the ability to unwind is a gift for life. Following the baby massage, Radhika will guide you through some deep relaxation techniques, and we will be available to provide emotional and practical support for you and your baby while tea and biscuits are served. Classes are perfect for baby's from 6 weeks old to pre crawling. Please bring a small towel to the class, yoga mats and organic baby massage oil will be provided. Cost: $25 which will be donated to 'Make a Wish Foundation' a fantastic childrens charity, helping wishes come true for terminal ill children. Payment via Paynow to: +65 82980616 There is plenty of free car parking and a safe place to park strollers and car seats. Please arrive 5 minutes before the start of the class so we can start promptly, if you are running late or unable to come please contact Tel: 82980616. For further information about us please click on the links below: https://theotherclinic.sg/radhika-haralalka/ https://www.mybabyadores.com/profile

**Check out [funeventssg](https://www.instagram.com/funeventssg/) Instagram for the latest updates!** **🎉🎲[Social Event for the Young @ Heart] BOARDGAMES Hari Raya Edition🧋✨** **RSVP @** **[https://www.meetup.com/livelaughlovesg/events/313808847/](https://www.meetup.com/livelaughlovesg/events/313808847/)** **Join us for a cosy Board Games Social Night where everyone’s welcome! No experience needed — come solo or bring friends & make new connections through fun & play!** **Enjoy a wide selection of games, FREEFLOW snacks & drinks, & plenty of laughs along the way! COMPLIMENTARY Hari Raya Surprises for the first 30 guests who RSVP! Guess the surprise? :)** **All are welcome, regardless of race, language, religion, nationality, age\* or marital status, as long as you are willing to participate in the activities!** *\*Children are welcome as long as there are accompanying adults* ^Couples, large groups of friends or colleagues who wish to play among themselves and/or with members of the public are welcome too as long as RSVP is made in advance **Coming with your own friends, colleagues or family? Feel free to join too & special arrangements for a private table will be made for you!** Date: **30 March 2026 (Monday)** Time: **6.45 p.m. — 10.30 p.m.** (It is fine if you can only arrive later) Venue: **THE MIND CAFE MEGA** **30 Prinsep Street #01-01 Singapore 188647** *Please note that there are 2 outlets within 1 min walking distance. It is the larger MEGA Store.* *For information on car parking & last trains, click [here](https://www.themindcafe.sg/locate-us/)!* Entry Fee: **SGD13 nett (Heavily Discounted Rate)** **Best Deal for the Largest Social + Gaming Event in SG!** Inclusive of **Self-service** **Freeflow Snacks**, **Freeflow Drinks** & **Unlimited Gaming** for the night! * **Nett price including GST & Service Charge!** * **Well-lit**, **spacious**, **high-ceilinged**, **cosy** & **clean environment!** * **The only social + gaming event** that can accommodate **200 pax!** * **More than 800 boardgames** to choose from! * A **wide variety** of **Self-service Freeflow Snacks & Drinks (non-alcoholic) that you can help yourself to!** You may also order a mouth-watering Main Course at SGD12.90nett which is cheaper than usual! * **Complimentary Token of Appreciation** if you **bring & host your own games**! (PM me in advance) * **Special discounts** for purchase of selected **[boardgames](https://www.instagram.com/p/CswLndaPs_r/)** **exclusively for this event**! \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- \- **IMPORTANT**: 1\. Please ensure you have no close contact with Covid\-19/Mpox positive person\(s\) within the last 5 days\. 2\. Entry fee to be paid to The Mind Cafe upon entry\. Please keep the receipt as proof of payment\. 3\. Participants are strictly not allowed to take photographs or video recording of others at the event without permission\. 4\. Photographs will be taken by the organiser at the event for marketing & publicity\. Should you be uncomfortable with that\, kindly inform the organiser to omit you in the photographs\. 5\. You are encouraged to wear your mask for your own safety\. 6\. Please be considerate\. As seats are limited\, kindly un\-RSVP if you are unable to make it\. 7\. Please observe hygiene when playing the games & treat the games with care\. You may consider using chopsticks/ forks to eat the snacks\. 8\. Please ensure that the games do not get wet\. Kindly use a coaster/ serviette if it is an iced drink\. 9\. No form of solicitation\, MLM\, investment\, scam or harassment will be tolerated\. Kindly inform the organiser on the spot should you encounter anything that makes you uncomfortable\. 10\. Please take care of your personal belongings\. Exchange of any contact information is solely at your own discretion\. The organiser is not accountable for any incidents or loss of personal belongings\. The organiser reserves the right to deny entry to anyone who fails to comply with the rules. By signing up for this event, I agree to the terms & conditions stated above to ensure a safe and conducive environment for all! :)

Capacity of event is number of tables X 4. Having a waitlist does not mean event is full. It is for me to prioritize people as per the following clause: *Priority is given to regulars, past attendees, intermediate and above level players, players who have their private message function switched on and people whom I have met before. If I am unable to contact you, I cannot ask for your availability and skill level etc and you will be stuck in the waitlist forever and ever.* This is to ensure that the skill level of players are decent and to eliminate no shows. • Find us at the following tables in bishan sports hall.. 2,3,4,5,6 Ensure you are feeling well before taking part. Do not attend if you are not feeling well. *NO GATECRASHING! • Do bring your own bat. Balls would be provided. - By participating in this event, you agree that the organizer shall not be held liable to any injuries or damages sustained by you as a result of taking part of this event. • If for some reason you aren't able to make it on that day, please update your status to "Not Going" at least one day in advance. The earlier you update your status, the easier it is for me to find a replacement. \*\*\*\*\*NOTE: FOR THOSE WHO HAD RSVP BUT 1. DID NOT TURNED UP ON THE DAY OR 2. DID NOT INFORMED THAT THEY AREN'T ABLE TO MAKE IT OR 3. DID NOT WITHDRAW RSVP WHEN THEY CANNOT MAKE IT, ON THE FUTURE MEETUP WHICH YOU RSVP, YOU WOULD BE BLACKLISTED. 1. REPEATED OFFENDERS (MORE THAN 2 TIMES) WILL MEAN AUTO DROP DOWN TO "NOT GOING" LIST IF I SEE YOUR NAME ON RSVP LIST ON THE NEXT MEETUP. \*\*\*\*\*\* Any questions, please feel free to drop me (John Tenergy) a message. Cheers

**8D7N Guizhou Cherry Blossom 贵州樱花之旅** **Date: 30 Mar - 6 April 2026** \*\*Limited Slots Available, Act Fast!! \*\* [https://www.meetup.com/lets-go-travelling-hiking/events/312407240/](https://www.meetup.com/lets-go-travelling-hiking/events/312407240/) **Beyond the Blossoms:** Exploring Guizhou’s Natural and Cultural Wonders While the cherry blossoms are a major draw, Guizhou offers much more to explore. The province is known for its stunning karst landscapes, cascading waterfalls, and ancient villages giving everyone an unforgettable experience **❈Land Cost:** 6-9 person is $1600/person 10-15 person is $1500/person ❈Exclude self -booking air-tickets $600++ & travel insurance **Enquiry, Booking or Private Tour** **Whatsapp Wilfred +6594884478**

Join us for our Squash Sessions happening every Monday / Wednesday / Thursday 6pm to 8pm or 8pm to 10pm Suitable for beginners to the Squash Regulars. Each Session is $15 for pay per play. You can also enquire about being a member when you arrive. We use Meetup.com to advertise the session and our members use a private whatsapp group to register. So should you be the only one signing up, you may still see a full house that evening. Do sign up prior as we are limited to 16 pax per 2 hours sessions. Do whatsapp the organizer at 9006 0909 @Trevor to expedite the reply and confirmation of your bookings.

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

## Power up your personal branding 打造你的个人品牌 (Mandarin) 想提升你的个人品牌影响力吗？来参加我们的线下活动，和大家一起学习如何打造独一无二的自己！ 通过实用技巧和互动分享，帮你Power up你的职场竞争力，展现最棒的自己！别错过这次亲自交流的好机会！ 讲师简介： 谢明耀是全球顶尖5%的财务顾问，同时也是资深的人生导师。自从2001、谢导师就在金融界累积经验，也常飞去不同的城市演讲。他常在报章，广播，电台分享意见，也活跃的参与许多慈善活动。他在2014-2016年经历个人金融危机，过后凭努力与策略，从新建立事业与财富。如今他的人生使命是帮助世界活出精彩丰盛的生命。 若知详情，请点按www.eugeneseah.com Nee Soon East CC Level 4, Room 4 7pm to 9.30pm

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

Learning from the best in the industry, Mr Chiu Soon Seng. He will share with you the structure on impromptu speaking and how to use humour, and impress your friends, bosses and love ones. There will be practical trying-out opportunities and various guidance. Event is free, and look forward to your participation. Speaker Profile: 周顺成简介 20年不间断上台演讲，幽默魅力伴一生。 美容及保健品供应商 在2000年加入讲演会 曾获2016/2017 LV 总决赛冠军 第19届杨厝港讲演会会长 第19届新加坡管理学院讲演会会长 19-20年度V区总监 目前担任V区顾问 兴趣：知已（认识自己） 2016/2017 District Champion! Don't miss the opportunity to pick up tips and tricks! Events conducted in Mandarin. On top of that, you will be able to witness Exco installation, Language evaluation, and birthday celebrations for our members. Regards, Wei Bin We are located at Nee Soon East CC Level 4 Room 4. 7 to 9.30 pm. We have supper after the event.

⚠️ **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)

**Special topic for this week: Rust ownership and borrowing. And how MIR can help you to understand it!** Have you ever wondered what happens after you write your program in any programming language and hit "Run"? Welcome to the new group dedicated to Compiler Engineering so we can discuss language design, static analysis, VMs, and code generation. Topics related to hardware architecture and FPGA are also welcomed! **Join us weekly and learn about:** * The vision for this group. * A crash course on how to start learning compiler dev (including top book recommendations). * An open networking session for showcasing projects and finding collaborators. * Weekly topic to learn about particular aspect of programming languages or hardware **Who is this for?** * Anyone building DSLs or new languages. * Anyone curious about low-level systems and programming * Anyone hiring for compiler/toolchain roles (come pitch your jobs!). * Anyone who wants to learn more about programming languages nature! This isn't a lecture—it's a conversation. Come share your projects and get motivated! This group is not super serious, so if you want to just yap about how bad is the new C++ standard you can find some listeners here. See you!

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

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 for this series are simply placeholders at the moment. We are working on our 2026 schedule, and adjustments are forthcoming. 2. Each class in this series has an attendance fee. 3. Each class from BOTH a sign-up and fee perspective is a separate entity. **Introduction:** Our Page Building with Bricks web development class provides detailed instruction for using Bricks Builder, a visual site builder for WordPress, to create and manage websites. Widely considered by many of the world's leading web developers to be the most complete page builder on the market today, Bricks Builder offers a wide range of features and comprehensive tools. Our Bricks Builder web development class provides detailed instructions on utilizing the toolset. The series of courses covers the core features of Bricks Builder, enabling users to design and develop responsive, visually appealing websites. Moreover, the courses are oriented to reinforce a focus on professional, scalable web development. Throughout the series, we focus our page-building instruction on the semantic and structural integrity of the pages in a responsive world. By the end of the 10-class series, participants will have a fundamental understanding of proper web page and website development. **The breakdown of the 10-class series is as follows:** * Class 01 - Survey of Page Builders / What Bricksbuilder Does For You * Class 02 - Boxes, Boxes, Boxes / Sections / Containers * Class 03 - Static Units / Relative Units / Responsive Development And Math Functions * Class 04 - CSS Variables And DRY Development / Classes And Global Styling * Class 05 - CSS Grid And CSS Flexbox * Class 06 - Responsive Development / Breakpoints And Media Queries * Class 07 - Effective Use Of Color / Effective Use Of Images * Class 08 - Beginning To Think Dynamically / Using Templates And Components * Class 09 - Dynamic Styling / Data Attributes And Attribute Selectors * Class 10 - Pseudo Elements / Programmatically Styling With Pseudo Classes Throughout the class sessions listed above, we cover the following key areas of web development with Bricks Builder: * **Introduction to Bricks Builder Interface:** * Familiarization with the builder's layout, including the toolbar, panel, and canvas, and understanding how to navigate and interact with its various components. * **Visual Site Building:** * Techniques for creating layouts using Bricks' drag-and-drop interface, incorporating sections, rows, columns, and elements to build page structures. * **Styling and Design:** * Utilizing Bricks' styling options to customize elements, apply global CSS classes for consistent design, and leverage features like Flexbox and CSS Grid for responsive layouts. * **Dynamic Content and Custom Fields:** * Integrating dynamic content from custom post types and custom field plugins (like ACF, Meta Box) to build data-driven websites. * **Template Building:** * Creating and managing reusable templates for headers, footers, post type layouts, and other site-wide elements. * **Performance Optimization:** * Understanding how Bricks Builder contributes to fast-loading websites and implementing performance best practices. * **Advanced Features:** * Depending on the class level, it might delve into advanced topics such as conditional logic, interactions, and custom code integration to enable more complex functionality. The series aims to equip participants with the skills to efficiently build, customize, and maintain WordPress websites using Bricks Builder, catering to both beginners and experienced web developers.

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