Web Standards

This is a group for anyone interested in learning Chinese, including oral Chinese ,business Chinese ,HSK. And on every Friday night we do Chinese Corner,greetings,learning part, language exchange, free talk,games etc. Btw, coffee,drinks are on the side. all skill levels are Welcome!! It’s a great chance to make international friends ,and learn about other cultures . Looking forward to seeing you:-) WeChat : ZoeMandarinClass 喜欢外语的朋友欢迎加入我们！既能练习第二语言，又能结交一些新朋友，感受不同国家的文化和习惯！欢迎大家!

**\*\*\*请勿通过Meetup联系我们。所有沟通必须通过微信进行\*\*\*** 一起吃饭 聊AI 如果有兴趣, 加我 **微信: GTcanada** 我有一个 **微信** AI 吃货群

Hi There, 60+ Expats, Tourists, and locals join us to make new friends, have fun and learn new things, stay in company and share views and opinions on different topics. Don't worry about your language level or being new, Hosts will welcome you warmly at the venue and introduce you to a few other attendees so long as you come early. You'll soon feel at home!! **We have our area booked for Meetup. Please ask the cafe staff for language Exchangers Shanghai, they will help you find us.** → **Special thanks to our partners** **HSBC,** a British [universal bank](https://en.wikipedia.org/wiki/Universal_bank) and [financial services](https://en.wikipedia.org/wiki/Financial_services) group headquartered in [London](https://en.wikipedia.org/wiki/London), England, with historical and business links to [East Asia](https://en.wikipedia.org/wiki/East_Asia) and a [multinational](https://en.wikipedia.org/wiki/Multinational_corporation) footprint. It is the [largest Europe-based bank by total assets](https://en.wikipedia.org/wiki/List_of_banks_in_Europe), ahead of [BNP Paribas](https://en.wikipedia.org/wiki/BNP_Paribas), with US$2.953 trillion as of December 2021. **italki**, the global language learning platform offering 1-on-1 online lessons with qualified native-speaking teachers → **How does it work：** A. Done RSVP on meetup & payment before coming over B. Show hosts ticket you bought to check in & get a wristband C. Get your first free welcome drink, or order something else you’d love to have D. Grab seats, make a self-introduction, start topics discussion, and at 4:15 PM stand-up free networking chat → **Costs & Payment methods :** **Online on WeChat mini-program (Get ￥10 Refund on-site** if you RSVP on meetup) **Female** ￥40 / person ( Only 15 Early bird Spots ) ￥50 / person **Male** ￥50 / person ( Only 15 Early bird Spots ) ￥60 / person \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* **At Door** ￥70/ person(all genders) \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* Add **Eric's WeChat: 15026652832 to score tickets via WeChat Mini Program. Registration is valid after payment is made.** \*\***All tickets include one free drink**.\*\* Refunds only if the event is canceled. Your credit will be switched to the very next event on the same day of next week once only if couldn't make the one which u already paid for → **Check-in Time:** **3:00-3:30 pm,** (@Eric with a word of I’ll be late on group chat if u arrive during 3:30-4:00 pm, **Do Not accept any check-in after** 4:00 **pm**) Plz don’t forget to update your RSVP to free up space if you can’t make it anymore, thanks. **l Venue:** **TsingTao 1903 Beer Bar（Jing An Temple Branch）** → **l Address:** No. 315 Yuyuan Rd, Jing’An District, Shanghai → **l Subway:** **Exit 1 of Jing An Temple station of Line 2，7，14** → **l Event Time: 3:00 - 6:00 PM** Every Sunday（Plz arrive on time or a bit early， leave anytime) → We’d also love to know what you expect from this group, and what types of activities you’d be into. open to all propositions for the meet-ups activities By participating in our events, you agree to be photographed and/or filmed. The photos and videos will be shared on our social networks You may be removed from the group if rude, aggressive, harassing, or coming only to date Any questions Just add **Eric's WeChat: 15026652832** \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* If you would miss Saturday’s event, feel free to join our Friday (Link below) https://www.meetup.com/language-exchangers-shanghai/events/ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* Disclaimer： Each person who participates accepts responsibility for making their own determinations and for their own safety, conduct, and well-being; recognizes that possibly attend activities, and agrees to participate solely at their own risk. The hosts shall not be held liable for any inconvenience, accidents, rescues, injuries, etc. \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 感谢了解我们活动，如果你的英语已经达到能进行基本日常生活、工作交流水平，并希望持续保持活跃度，你就来对地方了。 \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 若想获得活动最新照片，或其他疑问欢迎加 管理员微信入群: **Eric - WeChat:15026652832 或** **小红书 搜 language Exchangers Shanghai** 周日活动： @活动地点： TsingTao 1903 (愚园路店) @活动地址： 上海市静安区愚园路315号1楼103室 @活动时间： 每周日下午3:00-6:00（可提前5-10分钟到场，随时离场） @交通方式： **2，7，14 号地铁 到 静安寺 地铁站下 从1号口出 步行5分钟** \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 免责声明： 本活动本着自愿参与的原则，参加活动者视为具有完全民事行为能力的人（18岁以上公民），对于任何原因造成的人身财产等一切伤害和损失完全自行负责，活动主办方不承担任何责任。所有现场参加者默认同意并接受本声明！ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 欢迎参加周五晚场次（链接如下） https://www.meetup.com/language-exchangers-shanghai/events/

Get ready creative writers! Inkwell is proud to announce Reading Club, our latest event for the Shanghai writing community. Reading Club is a low stress literature gathering that meets every other Monday evening. We read through through a short short or essay at the meeting and then discuss it. Add Ryan (WechatID: texaswriter) to join our wechat and find out what text is being discussed next. I don't keep Meetup very up to date and everything Inkwell does is organized through its wechat groups, so even if the number of attendees on meetup is low, there's likely an event still going on. Add Ryan, and you can join the wechat group where everything is happening. Some Frequently Asked Questions: What do we do here?: Read classic short stories, short plays, and essays and discuss them. We read them at the meeting, so no advanced reading is required. For second language readers, we distribute the reading in advance to give you extra time. What to bring?: Something to read the text. Phone or tablet words great. What we don't do?: Read giant books in advance. What does it cost?: Free, but please order a drink or snack to support Garden Books. What is Inkwell?: There's a lot of information about the workshop located on the website: www.inkwell.asia. Bring something to write with and we'll see you there!

dear all, We will move to Bailian Zhongshan BEFORE jing’an opens. Welcome to join us Please confirm with me first before you signed up My WeChat is ellenliu12345 60rmb for 2 hours , 6 people share a court 小伙伴们， 所以我们在静安开放之前将会在百联中环打，欢迎加入我们

Add wechat ellenliu12345 if you want to join the event! sign up in advance is necessary.Welcome join us 50rmb for 2 hours , prepare racket by yourself

Hi there, Welcome to join our group to practice the new language with new friends. WeChat: ZoeMandarinClass

Events are postponed due to covid Join our wechat community and group for online networking and resource sharing! - add the organizer wechat: cerentine

This is a group for anyone interested in learning Chinese, including oral Chinese ,business Chinese ,HSK. And on every Friday night we do Chinese Corner,greetings,learning part, language exchange, free talk,games etc. Btw, coffee,drinks are on the side. all skill levels are Welcome!! It’s a great chance to make international friends ,and learn about other cultures . Looking forward to seeing you:-) WeChat : ZoeMandarinClass 喜欢外语的朋友欢迎加入我们！既能练习第二语言，又能结交一些新朋友，感受不同国家的文化和习惯！欢迎大家!

## **⚠️ SCAN QR CODE TO RSVP! ⚠️** ## About the workshop: Join our super fun workshop: Build Your First AI Skill with [Yang Shen](https://www.linkedin.com/in/yang-shen-94b80318/)! Perfect for complete beginners, no coding experience needed at all! You’ll learn how to create your own AI skills, including a cool one that turns “hello world” into audio in any language. Scan the QR code on the flyer to RSVP and check the full details. Limited seats, so don’t miss it! **Bring**: Laptop + VCS 💻 **When**: Saturday, April 11st, 14:00–17:00 ⏰ **Speaker:** Yang Shen **Where:** 信条书店 **Tenet Reviver** ONE EAST Plaza L2-1A&B 788 Zhongshan S 1st Road, Huangpu District, Shanghai World Expo Museum Line 13 Exit 3A 信条书店 上海市黄浦区中山南一路788号博荟广场 **About codebar Shanghai** **[codebar](https://codebar.io/)** is a charity that facilitates the growth of a diverse tech community by running free regular programming workshops for minority groups in tech. **Sponsors:** 信条书店 Tenet Reviver

▶️ What we do / 我们聊什么？ 我们不仅有AI活动 还有AI 茶话会 AI路演 还有复旦 大学创业 AI 项目展示 We meet to talk about AI and its impact on daily life and business（人工智能如何影响我们的生活和商业）. Instead of worrying about being replaced by AI，我们一起探索： How to benefit from AI, not be replaced by it （如何用好 AI，而不是被它取代） Fun side projects, startup ideas, and real use cases Tools, prompts, agents, automation… anything AI ▶️ Open, casual, for everyone / 轻松开放，欢迎所有人 Every Saturday 7:30pm, Anyone is welcome to: give a short talk or demo（欢迎闪电分享 / 小分享） share a story or idea about AI or just come, listen, and chat over coffee 无论你是开发者、创业者、学生、设计师、投资人，还是刚开始对 AI 好奇，这里都有适合你的位置。No prior AI background required. 🏠: 复旦科技园副楼一楼 📍Fudan science park ▶️location video guide： [https://maps.app.goo.gl/bmf1TkzZ45SUR2nX8](https://maps.app.goo.gl/bmf1TkzZ45SUR2nX8) 🎫：Early-bird: 35 RMB = 5$ 【set going before 】 normal 40 RMB = 6$ At the Door 50RMB = 7$【At the door buy 】 #公众号：说会英语 #视频号：说会英语 #小程序://互动吧/h1LX5oWSDmgO10v #小程序://微博/H1VOJN21MjI0Tjx #公众号：说会英语 #视频号：说会英语 #[小红书：说会英语](https://www.xiaohongshu.com/user/profile/5f2ccb430000000001000244) WeChat：17317121983 【Please be sure to add us to get the latest information】 Language Exchange - YouTube 🔴Facebook group: https://www.facebook.com/groups/languageexchangeshanghai 🔴Whatsapp group which you can join here: https://chat.whatsapp.com/BRscBnmLynICxeOQycSvWq 🇬🇧🇺🇸🇳🇱🇦🇷🇬🇭🇿🇦🇧🇩🇫🇯🇦🇪🇷🇺🇵🇦🇯🇲🇵🇪🇵🇷🇹🇷🇬🇷🇺🇦🇦🇿🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳

Don't be afraid to try skateboarding for the first time, second time, or the 100th time! Come out to the Iconx Indoor Skatepark for a fun time and enjoy having fun on a skateboard. Don't have a skateboard, helmet, or pads? Don't worry we have 187 Killer Pads which can protect you as you practice tricks and have fun. Bring a group of people to make it an activity never to forget.

**Bringing Dubai AI weekly AI energy to ShanghAI (上海):** 我们每周六 19:30 线下聚会。 This is a casual, high-bandwidth gathering for AI programmers, founders, and the AI-curious (对 AI 好奇的朋友们). No prior background required—探索如何用好 AI，而不是被它取代。 📱 Stay Connected / 保持联系 Join our shared global community to stay synced on tools, locations, and updates: * **WhatsApp (Global Community):** [https://chat.whatsapp.com/EJv3nAlirgr7IGWxhvqmNV](https://chat.whatsapp.com/EJv3nAlirgr7IGWxhvqmNV) * **WeChat/QQ Group (Weekly Update):** [https://qm.qq.com/q/EEKnU4Sp7q](https://qm.qq.com/q/EEKnU4Sp7q) * **Meetup Pages:** [https://www.meetup.com/shanghai-ai](https://www.meetup.com/shanghai-ai) [https://www.meetup.com/dubai-ai](https://www.meetup.com/dubai-ai) ### 📍 The Venue / 活动地点 We start with focused discussions and transition to the city's nightlife energy after the bookstore closes. * **19:30 - 21:30:** Local Book Store (Check WeChat group for this week's specific hidden gem). * **21:30+ After-Hours:** We move to **4 Heng Shan Lu, Xu Hui Qu (衡山路4号，徐汇区)**. This is a lively, expat-friendly bar street—perfect for "terrace" networking and neighborhood-style food. * **Cost:** Free (Come as a regular customer). ### 🌍 Global Context / 全球联动 ShanghAI is a direct sister hub to the **Dubai AI (DIFC)** and **MumbAI AI** chapters. We are building a global “AI-agentic social marketplace” community—从上海到迪拜，从线下 meetup 到线上工具 ( GetPaidX.com / DubaiAI.vip ). GetPaidX.com — Publish Your Professional 24/7 AI Workspaces, Get Funded. *** Reply with a comment below or visit the scratchpad at **[https://dubaiai.vip/profile/dubai-ai-vip@outlook.com](https://dubaiai.vip/profile/dubai-ai-vip@outlook.com)** to add ideas for our next meeting: * **How to get paid by fans & clients:** Discussions around app payments and global payouts. **Stripe API (US)** vs. **WeChat Pay/Alipay (China)** vs. **RazorPay (India)**. Navigating taxes and cross-border financial regulations. * **How to get closer to creators & developers:** Insights into local Xuhui business networks, Shanghai co-working spaces, and regulated industries (Education/Healthcare). What products do local customers actually want? * **How to share revenue with influencers:** Partnering with local creators on **Xiaohongshu (小红书)**, Instagram, or YouTube to distribute and market AI products. * **How to save time via AI Agents:** Setting up **OpenAI Codex CLI**, **Google Gemini CLI**, **Anthropic Claude Code**, or **Google Antigravity** to delegate tasks directly from your terminal. *Add your own ideas and discussion topics to the scratchpad link above...*

Historic Jing'an Citywalk. Meeting time: Wednesday evening 7:00 PM Cost: free to participate, no show penalty is RMB 18 after sign up. After sign up, Please add the host wechat via hawk_cn Meeting point: Exit 3 of People Square metro station, Line 1/2/8 This Wednesday evening, let's explore historic Jing'an area. Starting from Starbucks Rostery near West Nanjing road metro before we stroll to just renovated Zhangyuan. Then we pall Fun min road before we arrive at Jing'an temple. Starbucks Roastery in Shanghai, the world’s largest and a Flagship for Starbucks. The Roastery is both a factory and store, creating a rich sensorial experience wherein customers can watch and follow the coffee roasting process while sampling a variety of coffee beans and preparation styles from around the world. Historic Zhang's Garden reopens as a boutique destination Zhangyuan, or Zhang's Garden, opened in 1885 as China's first modern pleasure garden, but it later decayed into a neighborhood of dilapidated houses. Its former glory has now been restored in the latest round of urban renewal. Zhang Yuan, a community of hundreds of shikumen (a style featuring Western and Chinese elements) houses in downtown Shanghai's Jing'an district, reopen to the public on Dec 1 2022 after four years of protective renovation. Zhang Yuan, a community of hundreds of shikumen (a style featuring Western and Chinese elements) houses in downtown Shanghai's Jing'an district, will partially reopen to the public on Dec 1 after four years of protective renovation. Located just off Nanjing Road West at the corner of Taixing Road and Wujiang Road, Zhang Yuan - or Zhang's Garden - is widely known as Shanghai's largest, best-preserved and most diverse shikumen compound. The compound was named after its founding owner Zhang Shuhe (1850-1919), a merchant from Wuxi in Jiangsu province. Zhang had bought a piece of farmland in Shanghai from a Briton named Francis Groom before building a garden home for his mother. Read less

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