HTML5
Meet other local people interested in HTML5: share experiences, inspire and encourage each other! Join a HTML5 group.
0
members
0
groups
Related topics
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
How safe is AI Code - Live DEX audit
Now, Artificial Intelligence (AI) can write your code at incredible speeds! But how safe is it?
New tools make it easy for non-technical people to write code and build projects. “Vibe Coding” lets you describe anything you want to build and the AI assistant takes care of the rest. In this meetup, we’ll put some AI-generated code to the test and perform a live audit of the code of a smart contract that works as a decentralized exchange (DEX).
Duncan from 0x presents the code produced by an AI and gives an overview of good design features to be aware of. Next are Sam and Paddy that have prepared some audits to test it and will also conduct a live demonstration on how to test code with a quick AI model.
Join the discussion and we’ll figure out the future together ;)
The speakers:
Duncan is lead smart contract developer at 0x/Matcha, a leading DEX aggregator and swap dApp. 0x lets builders embed crypto trading in any app. Give your users the same deep liquidity & optimal trade execution trusted by Coinbase, Phantom, & more.
Samnuel is a software engineer and Co-Founder of SoDNAscan, a health-tech SaaS turning genetic and wearable data into AI-generated personalized health books, with 4+ years of experience in full-stack development and AI integration.
Paddy is co-founder of P2 Studios, a Malta-based AI development studio. As a jack of all trades in software, he first started off in game development 7 years ago. He then branched off to fields like frontend, backend, smart contracts and AI and now builds privacy-first software across agentic AI, speech-to-text, and more.
Karaoke Night
🎤 Sing your favorite songs, laugh together, and meet new people at Wednesday Karaoke Night — a fun, relaxed midweek evening in a welcoming international atmosphere.
Whether you love singing or just enjoy cheering others on, you’ll find a relaxed and friendly environment where it’s easy to join in and feel part of the group. Many guests come solo, and our team is always there to help you connect, join a group, and feel comfortable from the very beginning.
You can expect a great mix of karaoke performances chosen by the guests, an energetic international crowd, upbeat vibes, and a cozy venue that’s perfect for singing, laughing, and socializing.
📅 Every Wednesday, from 19:30 till late
📍 The Room by Jungle Joy, St Julian’s
🌎 Who joins: Internationals, students, travellers, expats & locals
🎟️ Entry: 7€, including:
– A free welcome drink
– Full access to the event
– Friendly team support to help you connect and meet new people
👉 No booking needed — just show up and enjoy the night.
The earlier you come, the easier it is to sign up for songs and join the fun.
We look forward to welcoming you!
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
Meet new people and make friends
Hey guys,
This is a simple meetup to connect with new people and share stories. Nothing complicated we come together, talk, and make new friends, It can be about anything whatever comes up in conversation.
There’ll be a conversation jar with some questions in case we need a little help getting started, but it’s completely optional we can just talk naturally as well.
It’s very relaxed, no pressure just a space to have real conversations and meet new people.
Looking forward to seeing you there 🙂
FYI its an open event there is no limit to number of people can attend.
P.S Its my first time organising this kind of event, if it works we can make it a weekly event
HTML5 Events This Week
Discover what is happening in the next few days
Drink with AI
🍷 Drink with AI: Exploring Computer Vision & Wine
Grab your laptop and a glass! Join us for a hands-on GDG event where we explore the practical side of computer vision.
Can an AI learn to visually distinguish between different bottles and varieties of local Maltese wine?
In this interactive session, we'll guide you through the process of training custom machine learning models to recognize, classify, and demonstrate computer vision techniques using a selection of fantastic wines provided by Tal-Massar Winery.
Whether you are an AI enthusiast, a wine lover, or a beginner curious about machine learning, this event is the perfect blend of tech and culture.
You'll get to see exactly how image classification works in real-time, and enjoy some great local wine while doing it!
📅 Event Details
Date: March 28th
Time: 3:00 PM – 6:00 PM
Location: Faculty of ICT - Common Room (-1, B)
Please bring your laptop! This is a fully interactive, hands-on workshop. We'll be using accessible, browser-based tools, so you won't need to install any heavy software beforehand, but you will need your own device to build, train, and test your computer vision models alongside us.
Spaces are limited, so be sure to RSVP early. We can't wait to build with AI (and grab a drink) with you!
Agenda
---
Hosted By
James Gatt, Administrator
AOSP Enthusiast
Recognized Developer on XDA Developers
Experienced with both AOSP and Device Engineering
Matthias Bartolo, Logistics
Matthias Bartolo (Graduate Student Member, IEEE) received the B.Sc. IT (Hons.) in Artificial Intelligence from the University of Malta in 2024, graduating with First Class Honours and ranking first in his cohort. He subsequently completed an M.Sc. in ICT by Research at the University of Malta in 2025. His principal research interests lie in computer vision, applied machine learning, and in exploring how AI may be harnessed to support and empower individuals. He has gained considerable experience working on real-world projects involving complex datasets, developing practical solutions in contexts where the way forward was not immediately apparent. In this regard, he upholds a strong commitment to integrity and embraces the ideal of being “a man for others,” striving to use his abilities in service of the greater good.
Matthias is actively involved in multiple projects that bridge research and application, advancing computer vision and applied machine learning techniques while contributing to several peer-reviewed publications. He was selected as a member of the Google Developers Group in Malta, where he contributes to various projects and initiatives within the group and the university. Beyond his academic and technical work, he also forms part of several voluntary organisations, further reflecting his commitment to service and community engagement. In 2024, he was honoured with the Dean’s List Award by the Faculty of ICT in recognition of his outstanding academic achievements, and was robed by the Rector during the graduation ceremony as the top student of his cohort.
Joseph Grech, Hospitality
Matthew Mangion, Designer
Andrea Filiberto Lucas, Marketing
I am a Research Support Officer I within the Department of Artificial Intelligence at the University of Malta and a Master of Science student specialising in AI. My work focuses on applied computer vision, intelligent systems, and dataset-driven research. I contribute to active research projects within the Faculty of ICT, with responsibilities ranging from model development and evaluation to data processing, automation, and system integration.
I am particularly interested in bridging academic research with real-world applications through practical AI solutions and collaborative development.
Jonathan Attard, Treasurer
Gabriel Hili, Community Engagement
Complete your event RSVP here: https://gdg.community.dev/events/details/google-gdg-malta-presents-drink-with-ai/.
Blue Grotto
🛶 Discover one of Malta’s most iconic natural wonders on our Blue Grotto excursion, combining dramatic coastal views, a scenic sea-cave boat ride, and free time to explore the area at your own pace.
Travel by private bus to the Blue Grotto, admire the famous turtle-shaped cave from the panoramic viewpoint, then enjoy a local boat ride through glowing sea caves where sunlight paints the water in shades of blue and emerald.
After the boat tour, enjoy free time by the sea — relax, explore the village, have lunch, or take an optional swim in the Blue Grotto canal.
If you like, it’s easy to connect with other international participants along the way, sharing the views and the experience.
📅 Every other Saturday
🕚 Meet at 10:30, departure at 11:00
📍 Meeting point: McDonald’s, Sliema
🚌 Return: around 16:00, same location
🌎 Who it’s for: Internationals, students, travellers, expats & locals
🎟️ Online ticket required (limited spots), starting from €20, including:
– Private bus transportation to and from the Blue Grotto
– Scenic sea-cave boat ride
– Guided walk and full team support
– Event coordination and logistics
👉 Spots are limited due to transport — advance online booking on our website is required.
Cliffs, sea caves, and crystal-clear waters await you along Malta’s coastline!
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
Comino & Blue Lagoon
🌊 Explore one of Malta’s most iconic natural wonders on our Comino & Blue Lagoon excursion, an experience combining scenic cruising, Comino exploration, and free time in the famous crystal-clear waters of the Blue Lagoon.
Travel by private bus and boat to Comino Island, where turquoise seas, rugged cliffs, sea caves, and Mediterranean landscapes create a truly unforgettable setting. The experience includes a short walk across Comino to discover the island’s landscapes, followed by extended free time at the Blue Lagoon to swim, relax, take photos, or simply enjoy the unique atmosphere.
If you like, it’s easy to connect with other international participants along the way, through shared views, conversations, and the journey itself.
📅 Every other Saturday
🕚 Meet at 09:30, departure at 10:00
📍 Meeting point: McDonald’s, Sliema
🚌 Return: around 17:00, same location
🌎 Who it’s for: Internationals, students, travellers, expats & locals
🎟️ Online ticket required (limited spots), starting from €20, including:
– Private bus transportation to and from Ċirkewwa
– Round-trip boat ride to and from Comino
– Short guided walk on Comino
– Full team support, coordination, and logistics
👉 Spots are limited due to transport — advance online booking on our website is required. LINK
A full day of sea, nature, and unforgettable Mediterranean scenery awaits you!
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
Gen AI Day AI workshops
Join us for **Gen AI Day Malta** and [register](https://ti.to/maltaawsusergroup/gen-a-i-day-malta) for this community event organised by the AWS User Group Malta and sponsored by [doIT](https://www.doit.com/) and [Clickhouse](https://clickhouse.com/).
This event will focus on practical, real-world discussions on **Generative AI**. Whether you're **building, leading, or scaling AI initiatives**, this event is designed to deliver **practical value — without the hype**.
To keep discussions meaningful and relevant to your experience level, the event will be **divided into three focused tracks**. Each track targets a different stage of the AI journey, allowing participants to dive deeper into the challenges and opportunities most relevant to them.
**Register at** https://ti.to/maltaawsusergroup/gen-a-i-day-malta and choose one of the tracks below
# **Tracks:**
## **Track 1: Production Operations & Pitfalls**
**For leaders and engineers running live AI workloads**
*The “War Stories” Session*
**Focus:** The reality of **Day-2 operations** when AI systems are already in production.
**Topics include:**
* **The “Ops” in LLMOps** – Managing latency, throughput, and error handling in distributed AWS environments
* **Cost Management** – How to scale AI workloads without blowing the budget
* **Production Pitfalls** – Handling hallucinations, model drift, and security guardrails when AI interacts with live customer data
## **Track 2: Making Agentic AI Responsive, Trustful and Scalable**
**For architects and tech leads planning reliable Agentic AI systems**
*The “Architecture” Session*
**Focus:** Frameworks alone are not enough to ensure successful Agentic AI systems. This track explores the **architectural components required to make AI systems responsive, trustworthy, and scalable as adoption grows**.
**Topics include:**
* **Real-time and scalable analytical databases** – Using ClickHouse Cloud
* **LLM Observability** – Using Langfuse to ensure end users receive high-quality results from LLM-powered systems
📋 **Pre-requisite:**
Please come prepared with **one specific use case** where chatbots or other Agentic AI technology is (or could be) used — for example:
* Customer Service
* Natural Language Data Analysis
Be ready to discuss the **benefits and challenges** introduced by these solutions.
***
## **Track 3: The Builder's Path (MVP)**
**For those starting their Generative AI journey**
*The “Zero-to-One” Session*
**Focus:** Rapid validation and prototyping.
**Topics include:**
* **Getting Started** – Identifying AI use cases that actually deliver value
* **The Toolkit** – A practical introduction to Amazon Bedrock for building GenAI applications without managing infrastructure
* **MVP Architecture** – How to build a scalable Proof of Concept in **days, not months**
***
# 👥 **Who Should Attend?**
This event is designed for key personas across the Generative AI ecosystem.
### 🛠 The Engineer
* Get hands-on insights from real implementations
* Pressure-test your architectural ideas
* Learn how teams are using Amazon Q and Amazon Bedrock in production
* Ask deep technical questions and exchange patterns with peers
If you're **building or experimenting with GenAI solutions**, this session will sharpen your approach.
***
### 🎯 **The Leader**
* Understand the real resource requirements for AI adoption
* Assess risks, governance, and operational considerations
* Set realistic timelines and expectations
* Cut through marketing noise and focus on execution
If you're responsible for **strategy, budgets, or innovation direction,** this event will provide **clarity and actionable insights**.
***
✅ **Please select the track that best matches your interests and experience when registering.**
Friday Social Fiesta
💃 Meet, play, and dance under the stars at Friday Social Fiesta, our weekly rooftop party where internationals come together in one of Malta’s most vibrant Friday night atmospheres.
The night starts social and playful, with fun games and easy connections, then gradually turns into a high-energy Latin party with reggaeton beats, dancing, and unforgettable rooftop vibes. Whether you come alone or with friends, it’s easy to blend in and enjoy the night your way.
Expect a lively international crowd, rooftop views, great music, flowing drinks, and a feel-good party atmosphere that builds as the night goes on — from relaxed social vibes early on to full-on dancing later.
📅 Every Friday, from 21:00 onwards
📍 Marco Polo Rooftop, St Julian’s
🌎 Who joins: Internationals, students, travellers, expats & locals
🎟️ Entry: 6€, including:
– A free welcome shot or soft drink
– Full access to the rooftop party
– Beer Pong Tournaments
– Until 22:30: friendly team support to help you meet new people, if you like
👉 No booking needed — just show up and join the party.
Arriving earlier means easier connections and better drink deals before it gets busy.
Bring your best energy — the weekend starts here 💥
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
Social Mixer: Make new friends in Malta!
🔔 Meet new people easily, enjoy great conversations, and experience Malta’s social life at Thursday Social Mixer - our weekly international meetup.
Whether you come alone or with friends, you’ll find a friendly and open atmosphere where connecting feels natural. Many guests arrive solo, and our team welcomes you from the start, introducing you to a small group so you can begin chatting right away.
The evening features our fun group-rotation icebreaker, the “Bell Speed Friendship” — every few minutes the bell rings and groups change, giving you the chance to meet many different people in a fun way. Expect an international crowd, great energy, and a beautiful venue perfect for socializing.
📅 Every Thursday, from 19:30 till late
📍 Surfside, Sliema
🌎 Who joins: Internationals, students, travellers, expats & locals
🎟️ Entry: 7€, including:
– A free welcome drink
– Full access to the event
– Friendly team support to help you connect and meet new people
👉 No booking needed — just show up and join the experience.
The earlier you arrive, the easier it is to join the first groups and make the most of the night.
We look forward to welcoming you!
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
Rooftop Party
🎵 Dance, socialize, and celebrate the weekend under the stars at Saturday Rooftop Party, a vibrant international night on one of Malta’s favorite rooftops.
Set at the welcoming Marco Polo Rooftop, the night blends relaxed social vibes with an energetic party atmosphere. Whether you come solo or with friends, it’s easy to blend in, enjoy the music, and let the night unfold naturally.
With two rooftop levels, you can choose your vibe — head upstairs for relaxed conversations and lounge energy, or stay on the main level for music, drinks, and dancing as the party builds throughout the night.
📅 Every Saturday, from 21:00 till late
📍 Marco Polo Rooftop, St Julian’s
🌎 Who joins: Internationals, students, travellers, expats & locals
🎟️ Entry: 6€, including:
– A free welcome shot or soft drink
– Full access to the rooftop party
– Glow-in-the-dark face painting
– Until 22:30: friendly team support to help you meet new people, if you like
👉 No booking needed — just show up and enjoy the night.
Arriving earlier means easier connections and better drink deals before it gets busy.
Bring your best energy — Saturday night is for celebrating ✨
Links:
[Instagram](https://www.instagram.com/english_cafe_malta/)
[Website](https://englishcafemalta.com/)
HTML5 Events Near You
Connect with your local HTML5 community
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)
**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
**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
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)
**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
**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)
**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)













