Web Standards

Join us for friendly American MahJongg! **Please note: There is a $10 table fee per person to play each week. The drinks and food you purchase will count towards this so if you buy a latte for $5, then you will just pay $5 more (+ HST) for the table fee. See my Jan 3 email for details on discount available if this is a burden.** \*Stay & Play—To maximize everyone’s fun, I ask that you attend for at least 2 hours if you sign up to play. Kindly skip this week if your schedule will not allow this, thanks! *Not sure if our events are for you? Come on down and join us a few times, we’d love to meet you.* The Guild House has a great cafe! [Here's their menu.](https://theguildhouse.ca/pages/menu) Last but not least...PLEASE cancel your RSVP on Meetup if your plans change.

**THIS WILL BA A BI-WEEKLY EVENT TO CHAT, LAUGH, AND GET TO KNO**W EACH OTHER. NO PRESSURE TO ATTEND - JUST VISIT OR DROP IN...(members only please) ***Be kind and rsvp so that the host knows how many tables to save.*** **Anyone that is not a member will be asked politely to leave and apply to TSSC if they so choose.** SINCE WE ARE BOOKING THE PB PLEASE SERIOUS RSVPS ONLY. THANKS A BUNCH! Bring yourself and your sense of humor. The group can decide it's own agenda of chat after a few meetups. I know it is difficult NOT to talk about politics or religion, but we are a social group whose premise is fun! As tempting as it can be, please restrain and stick to topics less heated. SEE **YOU AT 2PM.**

\*These classes are not a language exchange, but instead are meant to be a step in between so that students feel confident maintaining in depth and grammatically correct oral conversations outside of class\* \***Meetup event numbers only tend to show new students registering and do not include returning students attending class.** **Per class, there is an average of 7 students.** The first 2 classes are free and then only cost between $15 and $35 depending on which type of class you want to continue with\* These French, English (For Spanish and French speakers only), and Spanish classes are primarily meant for adults who are travellers, or who are planning to live in a French, English, or Spanish-speaking country. The classes are primarily oral-based through guided conversations. They will teach you how to handle conversations in situations such as **"Going to the Convenience Store"**, **"Making Plans"**, **"Negotiating Prices"**, and **"Going out for a Drink"**. To ensure that students get used to using the language automatically, students will learn to maintain contextual conversations with timing before moving on to the next lesson. Call (647)787-9953, e-mail us info@monkeylingo.ca, or visit monkeylingo.ca for more information! **Online and private classes are also available!** No other language classes are as conversational as these ones. We guarantee it! Cheap parking can be found using the "Spot Hero" app.

\*These classes are not a language exchange, but instead are meant to be a step in between so that students feel confident maintaining in depth and grammatically correct oral conversations outside of class\* \***Meetup event numbers only tend to show new students registering and do not include returning students attending class.** **Per class, there is an average of 7 students.** The first 2 classes are free and then only cost between $15 and $35 depending on which type of class you want to continue with\* These French, English (For Spanish and French speakers only), and Spanish classes are primarily meant for adults who are travellers, or who are planning to live in a French, English, or Spanish-speaking country. The classes are primarily oral-based through guided conversations. They will teach you how to handle conversations in situations such as **"Going to the Convenience Store"**, **"Making Plans"**, **"Negotiating Prices"**, and **"Going out for a Drink"**. To ensure that students get used to using the language automatically, students will learn to maintain contextual conversations with timing before moving on to the next lesson. Call (647)787-9953, e-mail us info@monkeylingo.ca, or visit monkeylingo.ca for more information! **Online and private classes are also available!** No other language classes are as conversational as these ones. We guarantee it! Cheap parking can be found using the "Spot Hero" app.

Join Oakville Gamers for a fun-filled evening of tabletop board and card games! Whether you're a seasoned player or a newbie, this event is perfect for all enthusiasts of board games, card games, and more. Don't miss this opportunity to come together, learn new games, make new friends, and immerse yourself in exciting adventures. Our Game Night promises to be a lively gathering where you can enjoy a variety of games, from classic board games to the modern new hotness. Come join you may or may not bring games. Most of us will have games but we always need people you to join and play.

Calling all dance floor debutants and rhythmically-challenged rookies with two left feet. Tailored for the absolute beginners who couldn't find the beat with a GPS. This class is your golden ticket to the world of dance, designed for those who haven't yet found their groove or have a dance vocabulary limited to the 'cha-cha slide.' We'll be moving at a pace so gentle, it makes sloths look like speed demons, breaking down each step with the patience of a saint. Get ready to bust a move like a caterpillar in slow motion - we'll have you dancing like nobody's business in no time! Join us for an hour of dancing for a promo price of $12.00 per class! Spots are limited, so don’t miss out! Add your name to the Waitlist or DM me if there are no spots available. No partner needed No experience needed - just bring your energy and enthusiasm. FREE PARKING WITHIN THE PREMISES. FIRST COME FIRST SERVED. GENTLE REMINDER: As a sign of respect for our veterans, please do not wear hat inside the Legion. We thank you for your cooperation and understanding . Strictly NO unauthorized video taking.

[Summary] This meetup is for those who are interested in code, web development, design, cloud, or AI. All levels are welcome, so feel free to bring your laptop and discuss what you are working on or what you are learning. You can share your projects and ideas with other participants freely. There are outlets and WiFi, drinks are about $5 for tea, they take card only. [Price] Attendance is FREE. But you need to buy something from the venue. [Policies] \- We do not tolerate harassment of our members \- We remind users that that this meetup is intended for networking and hobby development\, and any attempts at using this meetup event as a dating platform will not be not be tolerated Further information: https://torontostack.exchange/

Let’s do some coding together at a cafe! No more working alone in the weekend. Here, we write code together. And I mean together together. Not occupying-the-same-space-but-separate together. Here’s how it works: Jennifer brings her mobile app project, tells everyone that it is like Pinterest for recipes and she’d like to work on the nav bar. Paul and Chloe think Jennifer's project is fascinating, and they join the group. They gather around Jennifer’s laptop and work on the nav bar for 2 hours. Jennifer is the one typing out the code while Paul and Chloe research, brainstorm, and offer suggestions. If you’re feeling stuck on your own project or need a motivation boost, bring it to mob programming! Want to learn by watching how others code and solve problems? Join someone else’s project at this event! Oh and we love your half-done projects that you are a bit embarrassed to share. Absolutely bring those to the event! **Discord**: We use Discord to share screen & code snippets during the event. Also feel free to share your projects here before the event! https://discord.gg/Da9fZFxPfs **Event policy**: * We have 0 tolerance for harassment. * We don’t allow the projects that are not meant to be shared in public such as school assignments, interview tasks, or trade secrets. * The goal is to write code. We discourage you from pitching business ideas here, doing code reviews, or spending the whole event on planning what to do. * Please buy a drink, and tip the barista well.

The Christmas Edition. No travel plans or family commitments? Join us for some hearty pub food on **Thursday December 25th** at Saint John's Tavern 🎄 Please note, the current menu does *not* include a traditional turkey dinner, so expect standard pub food - you can view the menu here: https://www.saintjohnstavern.com/eat All guests age 30+ are welcome. This event is not a dating mixer. Our aim is to create a comfortable environment for all attendees to enjoy good conversation and a nice dinner. Before the event, new attendees will need to transfer a $5 refundable deposit to confirm a spot in order for us to hold the right reservation with the venue. 📌 Venue: Saint John's Tavern 👩‍🍳 Menu: https://www.saintjohnstavern.com/eat

**～English description below～** イベント参加費として、日本人の方(日本で生まれ育ち、現在英語を勉強している方)は$2、日本人以外の方(日本語を勉強している方)は$5頂いております。 皆さんから頂いたお金は、こちらのサイトの維持費や将来のランゲージエクスチェンジ施設利用料やソーシャルイベント等のために使われます。ご理解の程、よろしくお願いいたします。 予約受付開始：土曜日5:00PM(前イベント終了後) 予約取消締切：土曜日12:30PM(当日) 予約受付締切：土曜日1:30PM(当日) スケジュール * 5.15 PM - 5:30PM - チェックイン、グループ分け 5:30 PM - 6:15PM - 日本語の時間［または英語の時間］ 6:15PM - 7:00 PM - 英語の時間［または日本語の時間］ イベント内容 ・対面でのLanguage Exchangeを再開しています！参加者のレベルに応じて、事前にオーガナイザーが3〜4名のグループをつくり、そのメンバーで各45分間、それぞれ英語と日本語でセッションを行なっていただきます。決まったディスカッショントピックなどはございませんので、気軽にフリートークや質問をしながらそれぞれのセッションを楽しんでいただければと思います。 ・体調が優れない方、あるいはここ数日中に体調が優れない人との接触があった方は、申し訳ありませんが参加をお控え願います。 開催場所：Atrium フードコート 地下鉄Dundas駅と直結していますが、多少分かりにくいため、特に初めて参加される方は次の方法で来れることをおすすめします。 1. Dundas駅から地上に出ていただき、Dunsas Streetを西にまっすぐ3分ほど歩いていただきます。 2. Bay Streetとの交差点北東角にある階段を降りてください。 3. 階段を降りた場所にある入り口から入ったところがフードコートですので、そちらでTJEXのサインボードを持ったオーガナイザーにお声がけください。(わからなければメッセージをお願いします！) 予約規約（⚠️重要） ・当日の不参加、もしくは15分以上の遅刻(5:45PM以降)、また予約取消締切後の変更(13:00以降)は原則不参加(No-Show)とみなします。不参加(No-show)が3回になりますと会員登録が抹消され、退会となりますのでご注意ください。 ・イベントに遅れそうな場合は必ずオーガナイザーまでメッセージをお願いします。イベント開始時間にいるメンバーでグループを組み直すこともあるので、連絡なしで到着された場合はイベントに参加できない可能性もあります。原則、30分以上遅れての参加はご遠慮いただいております。あらかじめご了承ください。 キャンセル待ち ・満席の場合、”キャンセル待ち”リスト(waiting-list)にご登録いただくことが可能です。“参加予定”リスト（going-list)中に空席が発生した場合は、”キャンセル待ち”への登録が早かった方を優先に、”参加予定”へ移動いただけます。 ※ご注意※ ・空席ができた際は、自動的に”キャンセル待ち”より”参加予定”へ変更されます。この時にMeetupよりお知らせがあるかはわかりません。 ・システムにより自動的に”参加予定”とされ、それに気づかずに参加しなかった場合でも、不参加とみなされますのでご了承ください。 ・上記の理由により、確実に参加できる場合のみ”キャンセル待ち”への登録をお願いします。予定が入ってしまった場合は、”キャンセル待ち”にいる場合も必ずイベント当日の午後1時までに予め”不参加”リストに移動させてください。 質問 こちら (https://www.meetup.com/tjex-ca/pages/1274142/FAQ/)をご参照ください。または、オーガナイザーまでお問い合わせください。 Instagramアカウント @tjex.ca 最新情報やミートアップの様子を掲載しています。 ぜひこちらもフォローお願いします！ **\*\*\*Although our group is a non-profit organization, we collect $ 5per member for every event. These proceeds are used to run this website, for social events and room booking fees for future sessions. Thank you for your kind understanding.** RSVP open: 5:00 PM (Saturday after previous event) RSVP cancel deadline: Saturday, 12:30 PM (day of the event) RSVP close: Saturday, 1:30 PM (day of the event) * 5:15 PM - 5:30 PM - Check-in and Group placement 5:30 PM - 6:15 PM - Japanese half [or English] 6:15 PM - 7:00 PM - English half [or Japanese] Event Description * This is an in-person language exchange! Members are placed into groups of three or four based on their language level. Each 45 minute session consists of friendly casual conversation, and/or informal study. Event Location: Atrium Food Court * The food court is directly connected to the Dundas subway station, although it is a bit difficult to find. Especially for those who will join our event for the first time, we recommend the following directions, 1. Leave the subway station and walk west for about three minutes along Dundas Street. 2. At the intersection of Bay Street and Dundas Street, you will find an entrance. Proceed down the escalator. 3. The food court is on the basement floor. Please talk to the organizer with the signboard showing TJEX. (If you can’t find them, please send a message to the organizer.) ⚠️RSVP & Late Policy * Failure to show, arriving after 5:45 PM (15 minutes late), and cancelling after 1:00 PM on the day of the event all constitute a "no-show". Members are removed from the group after their third no-show. * If you are running late, please ensure you send a message to the organizer so we can keep a spot open for you. We will rearrange the groups for members who show up on time. If you show up late without letting us know, we will no longer allow you to join so please be mindful of the time. Waiting List: Members can join the waiting list if an event is full. In case a spot becomes available, it will be automatically assigned to a member on the waitlist on a first-come first-serve basis. PLEASE BE ADVISED: Members from the “Waiting” list are moved automatically to the “Going” list by the system when a spot opens up. You may or may not get a notification from Meetup when this happens. So only sign up on the “Waiting list” for an event if you are sure you can come for it. If the system automatically puts you on the “Going” list and you don't show up to the event, you will receive a strike. Group Instagram - @tjex.ca Feel free to follow us! Questions? We have answers! Please see our Frequently Asked Questions (https://www.meetup.com/tjex-ca/pages/1274142/FAQ/) page.

【College Park food court is closed again, so we change the location to the food court in Aura Concourse（384 Yonge St., Toronto, ON）, near the College Station.】 I am helping organize a mandarin-english language exchange downtown. If you want to improve your Mandarin/English, feel free to come by downtown and meet others to practise your language. There will be native Mandarin and English speakers to help you! Or you can share your language skills with others! Every Sunday 3:00pm-5:00pm Aura Concourse（384 Yonge St., Toronto, ON) [ Please find a table with "meetup" label (like the Featured photo).] —————————————— 大家好： 【College Park的food court又给封了，所以我们把活动地点换到了 Aura Concourse的food court（384 Yonge St., Toronto, ON），靠近College Station。】 我正在组织一场中英文交流活动。如果你想提高你的普通话或者英语，那就快来参加吧！你可以在这里认识很多母语为普通话或者英语的新朋友！他们都非常乐于帮你提高你的中英文表达能力！也欢迎你同我们一起分享你的语言技巧! 谢谢! 每周日 3:00pm-5:00pm Aura Concourse food court（384 Yonge St., Toronto, ON） 【请找到一张桌子，桌上有张纸，写着“Meetup”。】 ———————————————— 大家好： 【College Park的food court又給封了，所以我們把活動地點換到了Aura Concourse的food court（384 Yonge St., Toronto, ON），靠近College 】 我正在組織一場中英文交流活動。如果你想提高你的國語或者英語，那就快來參加吧！你可以在這裡認識很多母語為國語或者英語的新朋友！他們都非常樂於幫你提高你的中英文表達能力！也歡迎你同我們一起分享你的語言技巧！ 謝謝! 每週日 3:00pm-5:00pm Aura Concourse food court（384 Yonge St., Toronto, ON） 【請找到一張桌子，桌上有張紙，寫著“Meetup”】

**Join [TILE.]** at the **most popular Saturday Language Learning Social Event & Party in Toronto! 🍁** **[TILE.] = Toronto International Language Exchange [Instagram](https://www.instagram.com/tilelearning/)** **[TILE.]** now has a **2-for-1 special event,** which includes: **1.** From **[6:30 - 7:15 PM](https://www.meetup.com/english-class-with-certified-award-winning-teacher):** An optional new $5 small group 45-minute **[English language class](https://www.meetup.com/english-class-with-certified-award-winning-teacher)**[ ](https://www.meetup.com/english-class-with-certified-award-winning-teacher)led by a certified language teacher **2.** From **[7:15 - 11 PM](https://www.meetup.com/biggest-language-party-event-social-in-toronto):** Our usual huge group **[BIGGEST LANGUAGE EXCHANGE SOCIAL EVENT AND PARTY IN TORONTO](https://www.meetup.com/biggest-language-party-event-social-in-toronto)** (Cost: *$0-$5\*, see below)* Both events happen Saturday on the 2nd floor of the Madison Pub (14 Madison Avenue). ***Attend either or both events!*** Meet Toronto locals and international friends. Talk to language teachers and speakers to learn English, French, Korean, Japanese, Spanish, and much more! Join us for board games, conversation, dancing, singing, and more! Make sure to get a nametag from one of our helpers. *You **must** read the full event description below before attending. By attending, you agree to all the terms listed.* **[TILE.] Toronto International Language Exchange** event details: * We are on the 2nd floor of the Madison pub on the patio with all the international flags! *The dance floor opens around 10 PM, and the live piano bar singer start around 10:30 on the 1st floor.* * With our night ride promotion, the second event (the 7:15- 11 PM Party & Social event) is **FREE** for women who will be traveling alone at night to promote inclusion and equity\*. This event normally $5. * The cost for the first event (the 6:30 - 7:15 PM English Language class) is $5 for everyone. **PAY** **$5** right at the event by **CASH, CREDIT, or DEBIT**, or **SEND $5 E-TRANSFERS** to: **TILETORONTO1@GMAIL.COM**. You can also support the bar by buying a drink or appetizer. **\*** The second event ends late at night. It is 100% your own responsibility to ensure you get home safe. We can simply waive the $5 event entry/cover fee for women who will be traveling home alone so that they may instead put this money towards taking a safe ride home. \-\-\-\-\-\- **IMPORTANT DISCLAIMER – Meetup Group** By attending any TILE events, including these ones, you acknowledge and agree to the following: * *The organizers and hosts of TILE events are are not liable for any loss, injury, damage, or other unforeseen outcomes that may occur before, during, or after any event.* * *Participation in TILE events is entirely voluntary and at your own risk. You are solely responsible for your own safety, personal belongings, transportation, behavior, and well-being. It is your responsibility to assess the risks involved in any activity or location and to act accordingly.* * *TILE and its organizers do not provide insurance and cannot guarantee the safety, accuracy of information, or quality of venues, third-party services, or other attendees.* * *By attending, you release TILE, its organizers, and affiliates from any and all claims or liability, and you agree to conduct yourself respectfully and in accordance with local laws and venue rules.* * ***If you do not agree with this disclaimer, please do not attend TILE events.***

🎄✨ Christmas Encore: The Boxing Day Edition ✨🎄 Toronto Babel | Language Exchange & Social Night @ Madison Ave Pub We’re back at Madison Ave Pub on Friday, December 26 . 🎁🎅 Come join us for Christmas Encore: The Boxing Day Edition — a cozy, high-energy night of conversation, culture, and global connections 🌍✨ Whether you’re keeping the festive spirit alive or just looking for the perfect Friday night out, this is your sign. Come practice a language, meet new faces from around the world, and enjoy that post-Christmas, no-pressure, good-vibes-only atmosphere 🍻🎄 ✨ What to Expect: ✅ Language Exchange & Social Mingling 🗣️ ✅ Make New Friends 💬 ✅ New Arts & Crafts Table 🎨✨ ✅ Fun Board Games ♟️ ✅ Live acoustic band ✅ DJ Keiko Ojima 🇯🇵 spinning in the new Babylon Room 🎶🔥 📍 Madison Ave Pub — 14 Madison Ave, Toronto, ON M5R 2S1 🕖 Doors Open: 6:00 PM – 10:00 PM Pull up solo or bring a friend — either way, you’ll leave with new connections, good laughs, and that warm holiday-afterglow feeling 🫶🎄✨ 💵 Entry Options: • $5 or FREE entry when you bring a small gift (under $10) 🎁 — gifts will go toward our Kris Kringle / Secret Santa exchange 🎅✨ Your support helps cover meetup costs, name tags, games, stickers, and all the little details that keep the magic going 💫 📲 E-transfer available: tmg8@wealthsimple.me 📩 Contact: Terry (Organizer) Meetup: http://www.meetup.com/TorontoBabel Facebook: https://www.facebook.com/groups/torontobabel WhatsApp: https://chat.whatsapp.com/EYMdUw8XaxE5irFSNg5bt7 Instagram: https://www.instagram.com/t.o.babel 📅 Check our calendar to RSVP & see upcoming events: http://www.meetup.com/TorontoBabel/#calendar #TorontoBabel #BoxingDayToronto ##KrisKringle #LanguageExchange #TorontoEvents #MadisonPub #todotoronto #torontolife 🎄🎁✨

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

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

Monday December 29th at 6PM we'll be meeting up dinner at the Pies & Pints at Easton. Feel free to bring guests. Sandwiches run about $15 and large pizzas run $20-30.