Skip to content

Web Technology

Meet other local people interested in Web Technology: share experiences, inspire and encourage each other! Join a Web Technology group.
pin icon
713
members
people1 icon
3
groups

Largest Web Technology groups

Frequently Asked Questions

Yes! Check out web technology events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.

Discover all the web technology events taking place this week here. Plan ahead and join exciting meetups throughout the week.

Absolutely! Find web technology events near your location here. Connect with your local community and discover events within your area.

Web Technology Events Today

Join in-person Web Technology events happening right now

2025 Shanghai Pub Crawl (Bar-hopping/night life) - Ongoing! 15-30 ppl per event
2025 Shanghai Pub Crawl (Bar-hopping/night life) - Ongoing! 15-30 ppl per event
Welcome to the Shanghai Pub Crawl! If you're someone who loves trying different drinks, making new friends, and exploring the nightlife of Shanghai, this group is made for you. **Our Events:** Join us at 9 PM for our exciting pub crawl events that give you a chance to discover the coolest nightlife spots in Shanghai. Here's what you can expect: * **Free shots** (one free shot at each bar) * **Free club entry ticket** (usually priced at 100CNY and up) * Bar-hopping (**3 Bars+1 Club, 4 hours tour**) * People from all over the world (Usually 15-25 people.) * Photos for attendees * Free taxi transfers between bars Who is this for? Everyone!!! Tourists / Expats / Locals / Students - Whether you're a night owl or just looking to try out different bars, all are welcome to join! 🔴 **Q&A** 1. **Q: Is it suitable for someone going alone?** **A:** Absolutely! In fact, 90% of our guests come by themselves. 2. **Q: How many people usually join the event?** **A:** On weekdays, around 15–25 people; on Saturdays, about 15–35 people. 3. **Q: Is there a dress code?** **A:** No dress code, just avoid wearing flip-flops. 4. **Q: Do I need to bring my passport?** **A:** No, it’s not necessary. 5. **Q: On which days do events take place?** **A:** Usually on Thursdays and Saturdays, but please check the schedule on Meetup. Make sure to contact the organizer first, or you might end up at the wrong place. 6. **Q: I don’t drink. Is this event suitable for me?** **A:** Of course! The event is all about socializing, not getting drunk. But the price is the same, and we can’t replace the free shots with drinks or anything else. 7. **Q: I saw that no one has signed up on the Meetup app. I was wondering if this is common until the day of the event, or if people usually don’t sign up there?** **A:** There will be enough people for the event, most people just don't sign up here 🔴 **Ticket**: 1. Online: ¥***150 RMB = $ 20*** (https://www.eventbrite.hk/e/4-hour-shanghai-pub-crawl-bar-hoppingnightlife-tour-tickets-1048633911257?aff=meetup0eventinfo) 2. Pay on arrival: ***¥180*** 🔴 **Contact**: (Please be sure to contact the organizer before you come) WeChat (ID): ***PubCrawl_Shanghai*** WhatsAPP: **8618101241515** Official website: https://shanghaipubcrawl.com **🔴** **Meeting location**: We will meet at a bar called “Side Bar,” which you can find on Google Maps. Chinese address: 上海市 黄浦区 茂名南路 56号 食尚谷1层 **🔴** **As long as the event is listed on Meetup, we will definitely organize it. Most people actually don’t sign up through Meetup**
Bailian Zhonghuan Shopping Mall
Bailian Zhonghuan Shopping Mall
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 小伙伴们, 所以我们在静安开放之前将会在百联中环打,欢迎加入我们
Adult Skateboard Lesson
Adult Skateboard Lesson
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.
jingan badminton social event
jingan badminton social event
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
Jingan gymnasium Friday social badminton event
Jingan gymnasium Friday social badminton event
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
Chinese Corner in Jing an
Chinese Corner in Jing an
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
Shanghai 3 hour bike tour with coffee break
Shanghai 3 hour bike tour with coffee break
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.

Web Technology Events This Week

Discover what is happening in the next few days

Build your first AI Agent Skill (no coding experience needed)
Build your first AI Agent Skill (no coding experience needed)
## **⚠️ 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
ShanghAI AI — 参加 #1 上海最佳活动 — Join #1 Top Best Event
ShanghAI AI — 参加 #1 上海最佳活动 — Join #1 Top Best Event
**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...*
Fintech & Startup Networking - After-Work Chill Out - Weekday Edition
Fintech & Startup Networking - After-Work Chill Out - Weekday Edition
Join us for a simple chat over some hot water for general Business networking - Fintech, Ecommerce, and Startup talk. You NEED TO add my WeChat ID: cerentine, to confirm your event attendance. If you do not, your RSVP will NOT be accounted for as there is only limited space.
ShanghAI AI — 参加 #1 上海最佳活动 — Join #1 Top Best Event Talkspace
ShanghAI AI — 参加 #1 上海最佳活动 — Join #1 Top Best Event Talkspace
▶️ 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 🇬🇧🇺🇸🇳🇱🇦🇷🇬🇭🇿🇦🇧🇩🇫🇯🇦🇪🇷🇺🇵🇦🇯🇲🇵🇪🇵🇷🇹🇷🇬🇷🇺🇦🇦🇿🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳🇨🇳
Shanghai e-commerce and cb startup
Shanghai e-commerce and cb startup
Events are postponed due to covid Join our wechat community and group for online networking and resource sharing! - add the organizer wechat: cerentine
Calling All 3D Printing Hobbyists
Calling All 3D Printing Hobbyists
**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.
Let's meet in Shanghai
Let's meet in Shanghai
### **Please contact me using WhatsApp or WeChat** ***My WhatsApp is +86 13917794769*** **My WeChat** gd-karen The meetup platform does not work well in China. **Hi, my name is Karen. I graduated from the University of Nottingham in England. I currently run a 3D printing workshop just minutes away from Nanjing Road Pedestrian Street.** **If you are in the area and into 3D printing, you are very welcome to drop by to have a look. My friends and I also organize some of the most engaging and well-curated Meetup events in Shanghai, and we would be delighted to have you join us.** **Add my WhatsApp and let's connect!**

Web Technology Events Near You

Connect with your local Web Technology community

[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
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
Operating Data Pipelines at Scale: Lessons from a Metadata-Driven Architecture
Operating Data Pipelines at Scale: Lessons from a Metadata-Driven Architecture
We will cover metadata-driven approach to building and operating data pipelines at scale on AWS. Discuss architecture, design trade-offs, and lessons learned from running a unified pipeline across multiple customers using configuration-driven workflows. **Presenter: Dilshad Nasirov** Seasoned Software Architect and cloud practitioner with 20+ years of experience building scalable systems and data platforms. Specializes in AWS, with deep expertise in data lakes, serverless architectures, and real-time data processing. Has led the design and delivery of enterprise-grade solutions across industries, helping organizations improve performance, reduce costs, and unlock data-driven insights. https://www.linkedin.com/in/dilshad-nasirov-4538431/ **CALL FOR SPEAKERS** Learn more: https://www.awscolumbus.com/get-involved/ **THANK YOU** *Leading EDJE* for hosting our meetup! Leading EDJE specializes in helping organizations innovate and solve complex problems. EDJE does this with their "A" player team of professionals using agile methodologies and SCRUM management techniques to give organizations a competitive advantage that sets them apart. Learn more at https://www.leadingedje.com/ **THANK YOU** *Amazon Web Services* for sponsoring pizza! Learn more at https://aws.amazon.com/. **DIRECTIONS** 6515 Longshore Loop, Suite 300 Dublin, OH 43017 (3rd floor) **FREE PARKING** at the Endres Garage across the street, 6540 Riverside Dr, Dublin, OH **Want to sponsor the pizza and/or bar tab for a future meetup?** Please contact me if you would like to sponsor this meetup's pizza and/or bar tab: angelo@mandato.com
Driving Success with Agentic AI for Software Development Discussion
Driving Success with Agentic AI for Software Development Discussion
Join us for an engaging panel discussion on **AI Agentic Coding** and how autonomous AI systems are transforming the way software is built. Experts in AI, software engineering, and developer tools will share insights on how agentic AI—systems that can plan, reason, and execute coding tasks—is reshaping modern development workflows. The discussion will cover topics such as AI-assisted development, productivity gains, challenges around reliability and governance, and what the future of software engineering may look like with AI agents as collaborators. Whether you’re a developer, tech leader, or AI enthusiast, this session is a great opportunity to learn, ask questions, and explore how agentic AI is redefining coding
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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 - Meetup #33 @ Improving
Christians in Tech - Meetup #33 @ Improving
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)