Web Design

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

http://photos4.meetupstatic.com/photos/event/6/2/2/2/600_423565122.jpeg Dramamoves.com is dedicated in providing personal service to individuals and entrepreneurs in the area of Contemporary Life , Design and Art. We hand pick the best product and import them from abroad . We hold events in our invitation venue which is just located behind Plaza 66. You are largely welcome to drop in our event or just come by to have a look. For reservation, Please call 021-62579568 to find out more ! or Wechat ID: DM_Hotline Talk to you soon ! http://photos4.meetupstatic.com/photos/event/7/3/a/c/600_423569612.jpeg

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 小伙伴们， 所以我们在静安开放之前将会在百联中环打，欢迎加入我们

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!

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

Embark on an enriching bike tour through the dynamic city of Shanghai, blending adventure, culture, and relaxation. This tour offers an immersive experience, showcasing the city's vibrant neighborhoods, historical sites, and hidden gems. Tour Highlights: Exclusive small tour group with up to 6 person Historical Landmarks and Modern Marvels: Begin in central Shanghai, cycling through a mix of colonial-era buildings and modern skyscrapers. Visit the Bund and admire the contrasting architectural styles. Bustling Markets and Serene Parks: Navigate lively markets and tranquil parks, experiencing both the city's vibrant street life and peaceful green spaces. Cultural Insights and Local Flavors: Explore the Former French Concession, with its tree-lined avenues and historic mansions. Learn about local customs and Shanghai’s art scene. Charming Coffee Break: Take a break at a quaint local café, savoring freshly brewed coffee and pastries. Enjoy a moment of relaxation and engage with fellow travelers. Hidden Gems and Scenic Routes: Discover lesser-known neighborhoods and scenic routes, including hidden temples and vibrant street art, revealing Shanghai’s authentic spirit. Tour Details: Price: 300RMB/Person Duration: Approximately 3 hours Difficulty Level: Easy (suitable for everybody) Inclusions: Professional guide, bike rental Flexibility: You can either choose to end the tour at the bund or back to meeting point What to Bring: Comfortable clothing, sunscreen, water bottle, camera Meeting Point: Central location in Shanghai (details provided upon booking) Contact: You can add me on wechat 13052007784 or call me directly with the same number to book your tour. Why Choose This Tour: Ideal for travelers seeking a unique, active way to explore Shanghai, this tour balances sightseeing, cultural immersion, and relaxation. Suitable for solo travelers, couples, and groups, it promises unforgettable memories and a deeper appreciation of Shanghai’s heritage and contemporary charm. Experience the magic of Shanghai on this captivating bike tour with a coffee break, discovering the city one pedal at a time.

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

***Scan the WhatsApp QR code above to connect with us.*** (Hint: Save the image to your phone, then open it. Press and hold on the image, and your WhatsApp app will open and prompt you to add the contact.) **AN EVENT MAY ONLY TAKE PLACE AFTER YOU HAVE CONNECTED VIA WHATSAPP. There will be no event unless it is confirmed in a WhatsApp group.** The picture above was taken in the compound of **Baoshan Temple** (寶山寺), it is a Buddhist temple located on the banks of the Lianqi River in the town of Baoshan District, Shanghai. Hi, my name is Nigel. I graduated from Nanjing University of Aeronautics and Astronautics and began my career designing rocket components for China’s aerospace program. So unlike the so-called “rocket scientists” on Wall Street, I am the real deal. For the past 20 years, I have helped foreign businesses achieve a smooth landing in China, navigating everything from market strategy and regulatory compliance to local partnerships and execution. I speak the languages of engineering, mathematics, and cross-border business. Let us have a cup of tea at a peaceful Buddhist temple and talk business. We can brainstorm practical, real-world approaches to doing business in China. My associate and I also host business networking events and organize trips around China for professionals and entrepreneurs. Please add the WhatsApp contact above to connect and confirm details.

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

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

▶️ 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 🇬🇧🇺🇸🇳🇱🇦🇷🇬🇭🇿🇦🇧🇩🇫🇯🇦🇪🇷🇺🇵🇦🇯🇲🇵🇪🇵🇷🇹🇷🇬🇷🇺🇦🇦🇿🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳

**Please add my WeChat** **GD-Karen. All final arrangements and event details are shared on WeChat. I will add you to a WeChat group. Remember to mention 3D Printing when you add me as I have a few WeChat groups.** Hello everyone, my name is Karen. I’ve launched a 3D-printing startup near People’s Square, and I’d like to connect with others who are interested in 3D printing—whether for technical discussions, resource sharing, or project collaboration. From time to time, I may have larger projects where partnership could benefit everyone involved. If so, I’d be glad to share both the work and the revenue. Hope to meet fellow enthusiasts soon.

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

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

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

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

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!