Web Technology

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/

小红书RedBook: TomEvents. 微信公众号wechat offical account: TomEvents. wechat:lzy9138 First i should let you know That our Time and location could be changing from Time to time,sometimes we don’t update the information here in meetup, so pls add my wechat:Lzy9138 to confirm before you come, I’ll also add you in our wechat group where you ‘ll get the latest notifications Hi There, Welcome to our language exchange party Our Event is devided into 3 parts. 1.Get your drink, grab a seat, and free talk 2.Hosting Part.(Ice-breaking Game,Lucky Draw etc.). Within half an hour. 3.Networking, Board Games, Industry Exchanges and mingling.different areas will be set, everyone Stand up, hold your drink and move freely~ About 1.5 hour **How does it work：** A. Done RSVP on meetup & payment before coming over B. Use wechat to scan our QR code to check in & get a bracelet C. Get your first free drink. D. Grab a seats and follow the flow. **Costs & Payment methods :** **Online on WeChat mini-program 快团团** Ticket Price Varies from ￥39.9-78 若想获得活动通知 最新照片，或其他疑问欢迎加 管理员微信入群: **Tom-WeChat:lzy9138** **小红书/微信公众号：上海英语角TomEvents** 周六活动： @活动时间Time： 每周六下午Every Saturday afternoon 3-6pm \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* 免责声明： 本活动本着自愿参与的原则，参加活动者视为具有完全民事行为能力的人（18岁以上公民），对于任何原因造成的人身财产等一切伤害和损失完全自行负责，活动主办方不承担任何责任。所有现场参加者默认同意并接受本声明！ \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*

I will organize a go meeting on every sunday night near nanjing east road. The cafe is nice and i will bring one board with me at the first meeting. Beginners are welcome. I will show the basic rules. Do suggest you add my wechat 864324659 and I can know your levels to find opponents.

🔥 What if you could think like Einstein, create like Da Vinci, and innovate like Steve Jobs? 💡Unlock the secrets of genius and discover how history’s greatest minds achieved extraordinary results. Strategies of Genius is a transformative MOTIVATE Community webinar designed to help you think, act, and create at a higher level. In this session, Chris Collingwood explores the proven thinking strategies behind iconic innovators such as Albert Einstein, Leonardo da Vinci, and Steve Jobs. 🌱You’ll learn how genius is not just talent—but a set of learnable patterns, mindsets, and behaviors. By understanding these principles, you can break through mental barriers, think outside the box, and apply powerful strategies to your personal and professional life. Whether you want to enhance creativity, improve problem-solving, or achieve meaningful goals, this workshop offers practical tools you can use immediately. Success leaves clues—this session will help you recognize them and put them to work. 📅Join us on **Sunday, February 1, 2026**, for the MOTIVATE Community webinar “**Strategies of Genius**” with **Chris Collingwood**, BA Psych, M.App Applied Science, Grad Cert NLP, and learn how to apply the thinking patterns of history’s greatest minds to your own life. **🎯 Key Points / Takeaways for the Audience** ✅Understand the core principles behind genius-level thinking and creativity ✅Discover how to break through mental barriers and think outside the box **🌟 Additional Key Points / Takeaways / Benefits** ✅Learn how to nurture and sustain creativity over time ✅Develop a mindset that welcomes challenges as opportunities ✅Understand the role of curiosity and experimentation in breakthrough thinking ✅Apply proven strategies used by top innovators to real-life goals ✅Strengthen problem-solving, innovation, and decision-making skills **ABOUT THE SPEAKER** Chris Collingwood has been involved in learning and teaching NLP since 1979. He studied with all the major early developers of NLP and, together with his partner Jules Collingwood, brought NLP co-creator Dr. John Grinder and his partner Carmen Bostic to Australia for many years. Chris and Jules designed, developed, and accredited the first government-recognized postgraduate qualification in NLP. Their graduate certificate in NLP teaches NLP from first principles, enabling students to master NLP and apply it in their own language and style. Chris has extensive experience applying NLP to learning, coaching, and consulting in organizations. His recent focus has been on the thinking, behavior, and organizational patterns of successful entrepreneurs. **CONTACT DETAILS** 👉Facebook: www.facebook.com/chris.collingwood 👉Facebook: www.facebook.com/inspiritive/ 👉Linkedin: www.linkedin.com/in/collingwoodchris 👉Youtube: www.youtube.com/@InspiritiveAuNLP 👉Website: www.nlp.edu.au ⏰February 𝟏, 𝟐𝟎𝟐𝟔 (𝗦𝘂𝗻𝗱𝗮𝘆), 𝟭.𝟱 𝗛𝗼𝘂𝗿 5:00 PM GMT+8 China 7:00 PM GMT+10 Brisbane 8:00 PM GMT+11 Sydney/Canberra 5:00 AM GMT-4 New York 10:00 AM GMT+1 Barcelona 📌For first-time attendees please scan the QR code on the flyer or click the following link to register and become part of our enriching live discussion, all at no cost: https://adriancahill.agilecrm.com/forms/6002900926529536 📌Zoom Link: https://zoom.us/j/86301571361 Log-in: 86301571361 Password: #motivate 🔗 Secure your spot now!

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

**\*\*About Activity\*\*** Unlock the flavors of authentic Chinese cuisine in our exclusive Private Cooking Class! Learn to create irresistible dishes like Kung Pao Chicken and Shepherd's Purse Wonton using traditional techniques that bring bold, fresh flavors to life. **\*\*Highlights\*\*** **\*Kung Pao Chicken\*** highlights the bold and exciting flavors of Sichuan cuisine, where tender chicken is stir-fried with a medley of crunchy peanuts, fresh vegetables, and fiery Sichuan peppercorns. With its origins in Sichuan province, Kung Pao Chicken showcases the art of combining bold flavors with a satisfying crunch, making it a beloved classic in Chinese cuisine. **\*Shepherd's Purse Wonton\*** presents a delicate yet flavorful blend of traditional Chinese ingredients, with plump wontons filled with fragrant Shepherd’s Purse leaves, minced meat, and seasonings. The wontons are gently steamed or boiled to perfection, it highlights the harmony between fresh herbs and tender fillings, making it a cherished comfort food with a timeless appeal. **\*\*About Chef\*\*** \- Chef Tony Jiang Founder & Director of Chinese Famous Media Chef Michelin\-Star Restaurant Associator Principle DIrector of Zwilling Gourmet SchoolVice President of Disciples Escoffier China Awards: \- 2025 Michelin Bib Gourmand Hong Kong \- 2021 Outstanding Chef of the Year\, The Best Restaurant Awards \- 2019 Authoritative Chef of the Year The Best Restaurant Awards\- 2017 Best Contributor Discuples Escoffier China Delegation \- 2015 French Gastronomic Spirit \- Sopexa **\*\*Itinerary\*\*** \- 4:30pm: Gathering & Introduction \- 5:30pm: Chef's Demostration \- 6:30pm: 3\-4pax/station\, each team to prepare \- 7:00pm: Food appreciation & Photo Taking **\*\*Detailed info\*\*** **Time&Date:** 16:30 - 19:00 Sunday, **Every Wednesday & Sunday, 2026** **Meet up Location:** Jing An Temple Metro Station (Line 2), Exit 1 **Activity Duration:** 2 - 3 Hours **Price:** 499 RMB / Pax **Group size:** 4-20 People **What's included in the price:** · Food Ingredients · Cooking Utensils · Apron · Tableware · Chef instruction service · Complimentary Water + Soft Drinks · First-Aid Kit **What's not included in the price:** · Your own expenses **\*\*Trip Inquiry\*\*** Telephone/WhatsAPP:0086 15001791355 Wechat: OKDealTravel Email: [contact@okdealtravelchina.com](mailto:contact@okdealtravelchina.com) \*Full payment is required when signing up for this activity. If cancel above 3 days prior to departure, full refund will be offered; if cancel 0-3 days prior to departure, 100rmb cancellation fee will be charged.

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one court

what is the best way to spend your weekend ? come to join us for badminton to have fun! please prepare racket by yourself , shuttlecock will be provided , add my WeChat : ellenliu12345 to sign up by our WeChat group . 60 RMB for 2 hours , we play double for fun game , 6 people share one 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

**\*\*About Activity\*\*** Unlock the flavors of authentic Chinese cuisine in our exclusive Private Cooking Class! Learn to create irresistible dishes like Kung Pao Chicken and Shepherd's Purse Wonton using traditional techniques that bring bold, fresh flavors to life. **\*\*Highlights\*\*** \*\*\*\*\*Kung Pao Chicken highlights the bold and exciting flavors of Sichuan cuisine, where tender chicken is stir-fried with a medley of crunchy peanuts, fresh vegetables, and fiery Sichuan peppercorns. With its origins in Sichuan province, Kung Pao Chicken showcases the art of combining bold flavors with a satisfying crunch, making it a beloved classic in Chinese cuisine. \*\*\*\*\*Shepherd's Purse Wonton presents a delicate yet flavorful blend of traditional Chinese ingredients, with plump wontons filled with fragrant Shepherd’s Purse leaves, minced meat, and seasonings. The wontons are gently steamed or boiled to perfection, it highlights the harmony between fresh herbs and tender fillings, making it a cherished comfort food with a timeless appeal. **\*\*About Chef\*\*** \- Chef Tony Jiang Founder & Director of Chinese Famous Media Chef Michelin\-Star Restaurant Associator Principle Director of Zwilling Gourmet SchoolVice President of Disciples Escoffier China Awards: \- 2025 Michelin Bib Gourmand Hong Kong \- 2021 Outstanding Chef of the Year\, The Best Restaurant Awards \- 2019 Authoritative Chef of the Year The Best Restaurant Awards\- 2017 Best Contributor Discuples Escoffier China Delegation \- 2015 French Gastronomic Spirit \- Sopexa **\*\*Itinerary\*\*** \- 4:45pm: Gathering & Introduction \- 5:30pm: Chef's Demostration \- 6:30pm: 3\-4pax/station\, each team to prepare \- 7:00pm: Food appreciation & Photo Taking **\*\*Detailed Info\*\*** **Time&Date: 16:30 - 19:00 Every Wednesday & Sunday, 2026** **Meet up Location:** Jing An Temple Metro Station (Line2) Exit 1 **Activity Duration:** 2 - 3 Hours **Price:** 500 RMB / Pax **Group size:** 4-20 People **What's included in the price:** · Food Ingredients · Cooking Utensils · Apron · Tableware · Chef instruction service · Complimentary Water + Soft Drinks · First-Aid Kit **What's not included in the price:** · Your own expenses **\*\*Trip Inquiry\*\*** Telephone/WhatsAPP:0086 15001791355 Wechat: OKDealTravel Email: [contact@okdealtravelchina.com](http://mailto:contact@okdealtravelchina.com/) **\*\*Full payment** is required when signing up for this activity. If cancel above 3 days prior to departure, full refund will be offered; if cancel 0-3 days prior to departure, 100rmb cancellation fee will be charged.

Wonderful tea tasting journey which professional tea artist.you will experience traditional Chinese Kungfu tea to feel aroma of fine tea and Etiquette

Chinese Corner in Jing an(Line 7 Changping Lu station) Please free free to join us. All levels are welcome! Don’t worry about your Chinese level, we have mandarin teachers here to help you, any questions free to ask. More informations Welcome to add WeChat : ZoeMandarinClass

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.

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

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

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

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

Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you. Our Website [https://linktr.ee/citcbus](https://linktr.ee/citcbus) Sponsors and Partners * Improving (Venue Sponsor) * Bethel World Prayer Center (Fiscal Sponsor) * Fruits & Roots (Coffee Partner)