Skip to content

HTML5

Meet other local people interested in HTML5: share experiences, inspire and encourage each other! Join a HTML5 group.
pin icon
54,596
members
people1 icon
31
groups

Frequently Asked Questions

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

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

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

HTML5 Events Today

Join in-person HTML5 events happening right now

Creating AI Applications with Laravel
Creating AI Applications with Laravel
Dropping Datadog Without Losing Your Bark: Open-Source Observability
Dropping Datadog Without Losing Your Bark: Open-Source Observability
Observability is supposed to help us understand our systems but for many teams it has quietly become one of the most expensive and least flexible parts of the stack. Plenty of organizations take polished SaaS platforms like Datadog to get real value quickly early on, only to hit the same wall later: runaway costs, pricing tied to architectural decisions, and vendor lock-in so strong it makes Rogers and Bell both blush. In this talk, I’ll walk through a real-world case study of a JVM-based production system that migrated away from a Datadog-centric observability setup to an open-source, OpenTelemetry-based platform. We’ll dig into the why behind the move, the architectural decisions that mattered, the mistakes along the way, and how the team ended up with pragmatic visibility into latency, errors, and resource usage at a fraction of the cost. The second half of the talk is practical and forward-looking. I’ll show how OpenTelemetry unlocks real choice by acting as a neutral data plane for your telemetry. From there, we’ll look at modern, off-the-shelf observability backends you can plug in within minutes without rewriting applications or installing new agents. Want to dual-write, swap vendors, or route data somewhere new? This is how you do it without a big-bang rewrite or another long-term commitment with a new vendor. This session is for engineers and CEOs who are feeling the observability cost squeeze, want leverage back from vendors, and are looking for realistic ways to modernize monitoring without lighting their entire stack on fire each time they decide to change their tools of choice. **About the venue** Free Times Cafe has bistro-style seating and a full food and drink menu. Please consider helping to support the venue by planning to have supper during the talk. **Speaker Bio** Alexei Zenin is a Platform Engineering Consultant based out of Toronto, Canada. Over the course of his career he has worked across the Healthcare, Marketing, Video Games, and Banking industries. He loves to tackle hard problems in the distributed systems space with a focus on scaling platforms both from a technical and process perspective. He is a strong advocate for highly maintainable and well tested code while at the same time pragmatically delivering value to the end user. He has contributed to the broader tech community, namely to Confluent’s blogs on Apache Kafka, spoken at Current 2022 in Austin, Texas, and spoken at XP Game Summit 2025 in Toronto, Canada. During his 5 years at Uken Games he contributed to several games like Who Wants to Be a Millionaire and Jeopardy. One title of note he saw from inception to completion was a game for Tim Hortons built right into the official app, Tim’s Word Challenge. Millions of Canadians have played it along with their morning coffee. He also got to work with Netflix on several unannounced games during his time at the studio. Currently, Alexei is working with various clients, both large and small to modernize and streamline their platforms with the most appropriate tools and practices. Outside of his professional life, he gives back to his community by volunteering at UofT. He also enjoys paddleboarding and attending live rock concerts to reset after long coding sessions.
[CAS] ENG x MANDARIN Board Game Exchange (英语x普通桌游活动)
[CAS] ENG x MANDARIN Board Game Exchange (英语x普通桌游活动)
*To join this event, you must be able to speak full sentences in Mandarin. This event is for those wanting to practice Mandarin and/or English. Here, you can chat with others and play board games in either language to improve your linguistic skills. Feel free to join our WeChat group during the event, as it is the best way to stay connected with us. If you have any questions, leave a comment on this event page. <中文版> 此活动是以聊天和玩桌游练习中文或英文,等级不限,平时有6-10位参加者。此活动微信群可在活动中加入,互相学习,天天向上。 如果您有任何疑问,请随时在活动页上留言或联系主持人
Python Toronto March Meetup: March 26 at the Nokia Office
Python Toronto March Meetup: March 26 at the Nokia Office
Python Toronto is back! Join us for our March meetup at the Nokia office at **100 Queens Quay E, Floor 14** on **Thursday, March 26, 2026 at 5:30pm!** If you are interested in giving a talk, we'd love to have you! Please fill out this form – [Submit a Python Toronto talk](https://docs.google.com/forms/d/e/1FAIpQLSfpNKB0Sbs893xp72M4TxmYGrTyLm4Nh1SSXnCqChP9mx6_9A/viewform?usp=header)! Talks are typically short, typically 5 to 10 minutes, and up to 20 minutes if you've really got something to say, and on any topic that would be interesting to a room of Python people. This can be a Python library that has helped you, a research paper you've enjoyed, or an interesting application of AI. The Python meetup is a casual, community-oriented meetup hosted by companies that use Python in Toronto. Talks are short, informal, and sometimes ad-hoc. Space is limited! Register now to hold your spot. **When / Where** * When: March 26, 2026, 5:30pm to 9:00pm. * Where: Nokia Office - 100 Queens Quay E, Floor 14 Toronto, ON M5E 0C7 Come early to enjoy **snacks** and **drinks** provided. **Code of Conduct** Python Toronto is dedicated to providing a welcoming, harassment-free experience for everyone, regardless of gender, gender identity and expression, age, sexual orientation, disability, physical appearance, body size, race, ethnicity, religion (or lack thereof), or technology choices. We do not tolerate harassment of any form. Sexual language and imagery is not appropriate for this venue, including talks, workshops, parties, Twitter and other online media. Meetup participants violating these rules may be sanctioned or expelled from the meetup (without a refund where applicable) at the discretion of the meetup organizers. Please email elaine@eswong.ca to report any issues.
Adversarial Defenses for LLMs
Adversarial Defenses for LLMs
This is a ticketed event. Please register at [this link](https://luma.com/e69uao09). ​In his talk, Samuel Simko from ETH Zurich will present his recent work on adversarial defenses for LLMs, developed with the Jinesis Lab (University of Toronto). The talk will cover a series of approaches, ranging from triplet-based contrastive learning defenses to honeypot-style defenses designed to avoid worst-case behavior. He will also discuss patterns observed in contest-winning manual jailbreaking prompts, ideas for tamper-resistant safeguards, and the current limits of attacks, defenses, and evaluation methodologies. ​**Event Schedule** 6:00 to 6:30 - Food and introductions 6:30 to 7:30 - Presentation and Q&A 7:30 to 9:00 - Open Discussions ​​​If you can't attend in person, join our live stream starting at 6:30 pm via [this link](https://www.youtube.com/@Trajectory-Labs/live).
French at the Royal Conservatory
French at the Royal Conservatory
Join us for an evening of French conversation at B Espresso Bar in the atrium of the Toronto Royal Conservatory of Music (near St. George station)!
We welcome all levels of French, and it's free\*.
Venez pratiquer votre français! \*While there is no fee to attend this event, guests are expected to purchase something from B Espresso Bar, in accordance with RCM's restrictions on usage of the cafe atrium space. **Building location:** The Royal Conservatory is at 273 Bloor St W, between Varsity Stadium and the Royal Ontario Museum (ROM). There are entrances off Bloor St. and Philosopher's Walk. If you enter from Bloor St through the large glass doors, follow the hallway on the left beside the staircase and turn left at the end. (Closest TTC: St. George) **Notes and restrictions:** The host may or may not attend this event. Attendees are encouraged to seat themselves at two or more adjacent tables, as needed. Please form groups of 6 people at each table; do not rearrange chairs and tables to accommodate more people, as this obstructs the narrow walking space. Guests are expected to order something from the cafe, and are asked to please refrain from bringing outside food or drink. Attendees must leave the building at 8pm when the cafe stops serving. **Contributions:** If you are a regular with us and would like to support the group, please send any contributions by e-transfer to [diskutomeetup@gmail.com.](http://diskutomeetup@gmail.com.) The yearly donation goal and amounts received year-to-date will be tracked anonymously on [this google sheet](https://docs.google.com/spreadsheets/d/18GfqYsis8Cf2XGg4KsKQJsY_0Fv3bsSQHwJAxvC1Km8/edit?usp=sharing). Thank you so much for your support.
AWS User Group Toronto  March Meetup
AWS User Group Toronto March Meetup
Join us on March 26th for an exciting **AWS User Group Toronto meetup** focused on **AI-driven development with Kiro**! The evening kicks off with a presentation and live demoes showcasing how Kiro transforms the development workflow, followed by AWS experts sharing the best practices and approaches to get most out of AI-driven development. We'll wrap up with a hands-on workshop and Q&A session — Kiro credits will be provided for participants who want to explore at their own pace. As a bonus, enjoy pizza on us and take home some exclusive Kiro-themed swag! To make the most of the workshop, please come with Kiro pre-installed on your own computer and/or AWS account ready to go. **Agenda:** 6:00-6:15: Welcome Introductions, and community update 6:15-7:00: AI-driven development with Kiro - Presentation and Demo 7:00-7:30: Lessons from field - Best practices and accelerators 7:30-8:00: Workshop set and Q&A **Details:** Address: **18 York St., 7th Floor, Toronto, ON, M5J 2T8** Date: **March 26, 2026** Time: **6:00 pm to 8:00 pm EST** **Speaker:** * **Simran Singh** \- Sr\. Solutions Architect @ AWS * **Divya Jadav** \- Solutions Architect @ AWS * **Abhijith Ramesh Chandra** \- Solutions Architect @ AWS Please plan to arrive between 05:30 PM and 06:00 PM to ensure time to check-in, before the event begins at 06:00 PM. Visitors will need to present a government-issued photo ID to verify their identity and will have their picture taken to receive a visitor badge. Please wear your badge and remember to return all visitor badges to reception at the end of the visit. Parking is available onsite. There is a parking garage located beneath the building. You can pull an access ticket at the garage entrance off 120 Bremner Boulevard or Lower Simcoe Street. If you are arriving via the Union station, the building is conveniently located next to the Union station. Please enter through the main entrance on Bremner Boulevard or via the PATH Network and proceed to the elevators.

HTML5 Events This Week

Discover what is happening in the next few days

Dupont Morning Code
Dupont Morning Code
[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/
🇨🇦Japanese and English Language Exchange  (Page for everyone)
🇨🇦Japanese and English Language Exchange (Page for everyone)
~English description below~ イベント参加費として、日本人の方(日本で生まれ育ち、現在英語を勉強している方)は$2、日本人以外の方(日本語を勉強している方)は$5頂いております。 皆さんから頂いたお金は、こちらのサイトの維持費や将来のランゲージエクスチェンジ施設利用料やソーシャルイベント等のために使われます。ご理解の程、よろしくお願いいたします。 予約受付開始:土曜日5:00PM 予約取消締切:土曜日14:00PM(当日) 予約受付締切:土曜日15:00PM(当日) スケジュール 5.15 PM - 5:30PM - チェックイン、グループ分け 5:30 PM - 6:15PM - 日本語の時間[または英語の時間] 6:15PM - 7:00 PM - 英語の時間[または日本語の時間] 【イベント内容】 Language Exchangeへようこそ!このグループでは、皆さんのレベルに応じて、3〜4名のグループにわかれ、同じ席になった人たちで各45分間、それぞれ英語と日本語でフリートークを行なっていただきます。決まったディスカッショントピックなどはございませんので、気軽に質問をしながらそれぞれのセッションを楽しんでいただければと思います。 開催場所:Atrium フードコート TJEXのサインボードを持ったオーガナイザーにお声がけください。(もしサインがなかったり、わからなければメッセージをお願いします!) 予約規約(⚠️重要) ・当日の不参加、もしくは15分以上の遅刻、また予約取消締切後の変更は原則不参加(No-Show)とみなします。不参加(No-show)が3回になりますと会員登録が抹消され、退会となりますのでご注意ください。 ・イベントに遅れそうな場合は必ずオーガナイザーまでメッセージをお願いします。イベント開始時間にいるメンバーでグループを組み直すこともあるので、連絡なしで到着された場合はイベントに参加できない可能性もあります。原則、30分以上遅れての参加はご遠慮いただいております。あらかじめご了承ください。 キャンセル待ち ・満席の場合、”キャンセル待ち”リスト(waiting-list)にご登録いただくことが可能です。“参加予定”リスト(going-list)中に空席が発生した場合は、”キャンセル待ち”への登録が早かった方を優先に、オーガナイザーが”参加予定”へ移動しますので、当日の参加状況の変更がないかご自身でご確認ください。 ※ご注意※ ・空席ができた際は、自動的に”キャンセル待ち”より”参加予定”へ変更されます。この時にMeetupよりお知らせがあるかはわかりません。 ・システムにより自動的に”参加予定”とされ、それに気づかずに参加しなかった場合でも、不参加とみなされますのでご了承ください。 Instagramアカウント @tjex.ca 最新情報やミートアップの様子を掲載しています。 ぜひこちらもフォローお願いします! *** ***Although our group is a non-profit organization, we collect $ 5 per English Speaker for every event. All the proceeds are used to run this website and for social events*** RSVP: RSVP open: 5:00 PM RSVP cancel deadline: Saturday, 2:00 PM (day of the event) RSVP close: Saturday, 3:00 PM (day of the event) Day of Event: 5:15 PM - 5:30 PM - Check-in and Group placement 5:30 PM - 6:15 PM - Japanese conversation 6:15 PM - 7:00 PM - English conversation 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. Optional Dinner : After the Language event, we usually go for Dinner. Dinner is optional, you may or may not join the Dinner, it depends on you. However, Dinner is only for Participants that joined on the day of the event. Event Location: Atrium Food Court The food court is directly connected to the Dundas subway station. Leave the subway station and walk west along Dundas Street. At the intersection of Bay Street and Dundas Street, you will find an entrance. Proceed down the escalator. 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: If you are unable to join on the day of the event, please change your status from 'going-list' to 'not going-list'. Failure to Not show up will result in 1 No -Show. Also, in case of arriving 15 mins late to the event will result in 1 No-Show. Members are removed from the group after 3 No-Shows. Waiting List: Members can join the waiting-list even if an event is full. When a spot becomes available, we will move you to the going-list. Going List: Only Members on the going-list can participate on the day of the event. Group Instagram - @tjex.ca Feel free to follow us!
Mob Programming at Mofer Coffee
Mob Programming at Mofer Coffee
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/yvAGbh4PpD **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.
Toronto’s BIGGEST Language Exchange Event Party & Social, organized by [TILE.]
Toronto’s BIGGEST Language Exchange Event Party & Social, organized by [TILE.]
**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.***
[CAS] Korean & English Language Exchange
[CAS] Korean & English Language Exchange
한국어는 아래를 참조하세요! A warm welcome to CanAsian Station’s In-Person English x Korean Meetup! A weekly event where we invite you to enjoy sharing language and culture with each other. * Beginners are welcome, what’s important is you’re willing to learn! * Short on ideas? Fear not! We provide new topics each week ,also doubling as study material! Our participation fee is **$5 per event**. All fees are to be E-transferred to canasianstation@gmail.com We also accept payment in cash, but please be advised that E-Transfers are preferred. Looking very forward to meeting and sharing with you all! 😊 Location: Go to the food court downstairs. CanAsian Station의 대면 영어 x 한국어 만남에 오신 것을 환영합니다! 매주 열리는 행사로, 여러분이 서로의 언어와 문화를 나누며 즐길 수 있는 자리를 마련합니다. 초보자도 환영합니다! 중요한 것은 배우고자 하는 마음입니다. 아이디어가 부족하다면 걱정 마세요! 매주 새로운 주제를 제공하며, 그 주제들은 학습 자료로도 활용됩니다! 참가비는 **행사당 5달러**입니다. 모든 요금은 canasianstation@gmail.com으로 E-Transfer를 통해 송금해주세요. 현금 결제도 가능합니다만, E-Transfer를 선호합니다. 여러분과 만나고, 함께 나누게 될 것을 기대하고 환영합니다!😊 장소: 지하에 있는 푸드 코트로 와주시길 바랍니다
** PRAYER GROUP 🙏 😃 **
** PRAYER GROUP 🙏 😃 **
Shalom Catholic Community invites you to join us on Saturdays for a prayer group. The prayer group is a great way to strengthen your spiritual life and make new friends. It begins with lots of music and prayer, followed by preaching and testimonies. After the prayer, be prepared to hangout, talk, laugh and have fun. We offer workshops, retreats, adoration, opportunities to join a soup kitchen, food and clothe drive. We look forward to seeing you! **About us** We are a Catholic organization of lay persons, approved by the Holy See, to serve all who sincerely seek God and want to grow in faith. https://comshalom.org/en/community/
MARCH MUD FEST!!!
MARCH MUD FEST!!!
It's time we came out of hibernation to play in the MUD!!! What do you say, beagle people?!!! We can do it!!! Grab a Towel...or 2 or 3 and Meet us at the Park!!! WE MISS YOU!!!

HTML5 Events Near You

Connect with your local HTML5 community

HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
HTML5 Master Series (Class 01 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 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.
From Web Forms to Web Components - Burton Smith
From Web Forms to Web Components - Burton Smith
**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you. The building address is 4450 Bridge Park The entrance is 6620 Mooney St, Suite 400 **Abstract** Web Forms gave .NET developers a powerful abstraction for building reusable UI controls long before design systems were a thing. Web Components finally bring that same idea to the browser natively. This session explores how the Web Forms mindset translates into Custom Elements, Shadow DOM, and HTML templates. We’ll examine how Web Components enable design systems that work across frameworks, how they differ from server‑driven controls, and why they’re becoming a foundational layer for modern UI. Whether you’re maintaining legacy apps or building greenfield projects, you’ll leave with a practical understanding of how to apply familiar patterns in a modern, standards‑based way. **YouTube Link** TBA
Columbus PHP: Monthly Meetup
Columbus PHP: Monthly Meetup
Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
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.
COhPy Monthly Meeting
COhPy Monthly Meeting
**Improving Office in Franklinton** Physical location: Improving Office 330 Rush Alley Suite #150 Columbus, OH 43215 Schedule: 6:00 p.m.: Socialize, eat, and drink. Improving will be providing pizza and beverages. 6:30 to 8:00 pm. Main meeting and presentation(s). Topic: Type Annotations with John Cassidy We meet on the last Monday of each Month. Presentations are given by members and friends of this group. If you would like to do a presentation (small or large) on a python topic, please contact Central OH Python at centralohpython@gmail.com
DoJo (Informal Python Meeting)
DoJo (Informal Python Meeting)
**New Dojo Location!** **Knotty Pine Brewing** 1765 W 3rd Ave, Columbus, OH 43212 We're going to try a new dojo location for a few weeks and see how it works Dojos are informal Python group study sessions where everyone interested in Python gathers to learn about Python, help others with Python, or just hang out. Everyone is welcome from Python beginners to experts. Bringing a laptop is encouraged (we'll have extension cords and power strips). If there's something you want to learn leave a comment on this invite so we can plan ahead. We're looking for topic suggestions and people interested in presenting at our monthly meetings. To this end we've set up a survey form at [https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc](https://docs.google.com/forms/d/15eBKF1nQQ2XS5gzD4rvhVRHMBEj7lJtHuA9wXupS3Uc)