Mobile Web
Meet other local people interested in Mobile Web: share experiences, inspire and encourage each other! Join a Mobile Web group.
746
members
2
groups
Largest Mobile Web groups
Newest Mobile Web groups
Frequently Asked Questions
Yes! Check out mobile web events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the mobile web events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find mobile web events near your location here. Connect with your local community and discover events within your area.
Mobile Web Events Today
Join in-person Mobile Web events happening right now
Förderung von Kreativität und Fantasie von Schulkindern durch Kunst
Weg vom Bildschirm und von vorgegebenen Lösungen – hinein in die unbegrenzte Kreativität der realen Welt! In diesem Kurs lernen die Kinder auch auf spielerische Weise, ihre Umwelt wahrzunehmen, zu schätzen und darzustellen. Ausserdem tasten sie sich an ihre eigenen Vorlieben und Begabungen heran und erleben die Begeisterung, eigenhändig Kunstwerke zu erschaffen. Unter professioneller Beratung und individueller Betreuung wird in kleinen Gruppen (ausser in den Schulferien) gearbeitet.
**Einstieg und Probeunterricht:** ist jederzeit möglich.
**Auskunft und Anmeldung:** marianas@gmx.ch \* 078 628 78 24 \* www.marianas.ch
**Dienstags in Zürich**, GBMZ Sieglungslokal an der Hohlstrasse 197, von 17:00 bis 19:00 Uhr
**Freitags in Illnau:** von 13:15 bis 15:15 Uhr und von 15:30 bis 17:30Uhr und
**samstags in Illnau:** von 10:00 bis 12:00 Uhr
**Kurskosten** (inkl. Materialkosten)**:** 4 x 120 Min. = 200 Fr.
Practice your programming skills with Python, Js, Java, C(++) or ...
Anybody who wants to practice their programming skills is welcome. We share our ideas, learn from each other, do some exercise, ask questions, etc. This meetup is the best for those who want to improve their skills by programming and learning in a group
If you want to learn more about our Co-Learning, please have a look at our website:
[https://opentechschool-zurich.github.io/](https://opentechschool-zurich.github.io/)
\*\*\*
We have a chat group you can join to get more information:
[https://app.element.io/#/room/#ots-zh:matrix.org](https://app.element.io/#/room/#ots-zh:matrix.org)
(You need to create a free account if you don't already have one)
Remote participants are also welcome. You first need to join the Element chat and then get into the video call that we start at around 19:00 (if we forget, pleas ping us in the Element chat!)
\*\*\*
Our main languages are Python and Javascript, but we welcome every programming languages.
Some of the skills we can help you learning:
* Python and
* ... PyGame (Zero / Play)
-.... Flask
* ... Jupyter and data science
-... PySide2 / PyQt
* ... Shoebot
* C++ and
* ... Qt
* ... cmake
* ... and modern C++
* Flutter for Apps
* PHP and
* ... Vue.js
* ... Wordpress
* JS and React.js
We have a few Github repository that can be interesting to browse:: https://github.com/opentechschool-zurich/
Realistisch-akademisches, und freies Zeichnen und Malen
\|In diesem Kurs setzst du eigene Motive um\, egal ob abstrakt\, nach einer Bildvorlage oder aus der Realität\. Dabei lernst du den richtigen Umgang mit verschiedenen Zeichen\- und Maltechniken\.
Die Fortgeschrittene haben die Möglichkeit die Geheimnisse der alte Meister zu erlernen und realistisches Zeichnen und Malen zu perfektionieren. Die traditionelle Mal- und Gestaltungstechniken wie Ölmaltechnik des 17. Jahrhunderts, Eitempera, Enkaustik, Al-Fresco, Sgraffito und Mosaik können hier erworben sein. Unter professioneller Beratung und individueller Betreuung wird in kleinen Gruppen (ausser in den Schulferien) gearbeitet.
**Einstieg und Probeunterricht** ist jederzeit möglich.
**Auskunft und Anmeldung:** marianas@gmx.ch \* 078 628 78 24 \* [www.marianas.ch](http://www.marianas.ch)
**Dienstags in Zürich**, GBMZ Sieglungslokal an der Hohlstrasse 197, von 9:45 bis 12:45 Uhr und von 18:30 bis 21:30 Uhr, Es ist für Rollstuhlfahrer geeignet.
**Freitags** und **samstags in Illnau:** von 9:30 bis 12:30 Uhr
| **Kurskosten** (inkl. Materialkosten)**:** 4 x 180 Min. = 333Fr. |
| -------------------------------------------------------- |
|
Networking-Event Drinks & Links in Zürich, Amboss Rampe
Das "Drinks und Links"-Team lädt dich zum nächsten Networking-Event in Zürich ein.
Sich austauschen, innovative Geschäftsideen besprechen,
Kontakte knüpfen oder einfach eine gute Zeit haben -
das haben wir uns von "Drinks und Links" auf die Fahne geschrieben.
Unkomplizierte Atmosphäre - kühle Drinks - coole Location.
Wir freuen uns schon jetzt, dich an unserem nächsten Gratis-Event zu begrüssen!
\-\-\-\-\-\-\-\-\-\-
The Drinks and Links team are hosting another fab Free Networking Event in Zürich (http://drinksandlinks.com/netwoking-event-in-zuerich/).
So make a resolution to save the date for a great night of networking and socialising. There is plenty of space to expand our group at a bar which boasts a great selection of drinks! See you there.
\-\-\-\-\-\-\-\-\-\-
The "Drinks and Links"-Team - now wer'e talking
http://www.drinksandlinks.com
Social Dinner in the dark
**[>>⚠️Tickets needed (click here)<](https://eventfrog.ch/en/p/dating/other-events/love-is-blind-dinner-edition-7445460916877932042.html)< or**
**[www.social-circle.ch](https://social-circle.ch/)**
Ready for a different kind of dinner experience?
Join us for **Dinner in the Dark**, where you share a table for an evening of great food and meaningful conversation—without the usual distractions.
Once seated, you’ll enjoy a **surprise 3-course menu** with all soft drinks included. By removing your sight, we open the door to genuine connection and a heightened appreciation for flavor and dialogue.
Join our WhatsApp chat to keep up with the event:
[https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi](https://chat.whatsapp.com/FoJN0DzRQgF232huSHiGOi)
*(if you run into trouble open it in WhatsApp Web on your desktop)*
✨ What to expect
* **Sensory Journey:** A surprise 3-course menu enjoyed in total darkness.
* **All-Inclusive:** All soft drinks are included in the experience.
* **Authentic Connection:** A relaxed evening focused on storytelling and laughter.
Whether you leave with **new friends, professional leads, or just a great story**, the focus is on enjoying a unique evening together. **This event doesn't have a host, the venue staff will be seating you at the Social Circle table.**
Want more events like this? Join our newsletter: [https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM](https://chat.whatsapp.com/DaGFCvKs6iu62pftk5cotM)
Football @ Sportanlage Fronwald (Half Pitch)
**If you would like to sign up, please TWINT the 8.- CHF to me at +41 78 317 7037. If you do not have TWINT, please let me know and we can figure out an alternative.**
Join us for a pick-up football session at Sportanlage *Fronwald* on April 7th from 20:30 - 22:00! Football players of all ages, genders, and skill levels are welcome.
We will be playing on half a pitch, so we can get a good 8-a-side game going. All you have to do is bring your football boots. I will provide balls and bibs. If you have any issues finding the field, my cell number is +41 78 317 7037 and my WhatsApp is +1 (440) 225-3090.
⚠️ By attending, you agree to the Swiss Kicks liability disclaimer in the group description and play at your own risk ⚠️
Mobile Web Events This Week
Discover what is happening in the next few days
From Coupons to Clicks: Recommender Systems at Migros & Digitec Galaxus
The **Digitec Galaxus Product Development Meet-Up** is back — this time diving into **recommender systems** with two talks bridging data science and engineering practice.
**Talk 1: Insights from Building and Operating a Recommender System for Migros Supermarkets**
*Max Nolte – Data Scientist & Team Lead at Supermarkt IT, Migros-Genossenschafts-Bund*
When you think of a Migros supermarket, you don't usually think about recommender systems. Over the past four years, my team and I have built and operated the engine behind personalized Cumulus coupons and a few other digital touchpoints. I'll share how it works, why we invest in it at a brick‑and‑mortar retailer, and what we've learned, covering data, models, measurement, and the practical realities of running it day to day.
**Talk 2: Recommendations at Digitec Galaxus — From Data Science to Engineering Practice**
*Michael Weiss, Senior Software Engineer & Robert Rosenbach, Senior Data Scientist – Digitec Galaxus*
How do you go from a promising model to a recommender system that is fast, scalable, and maintainable in production? We will walk through the Digitec Galaxus recommendation stack end to end: the engineering architecture that keeps recommendations snappy and reliable, and the data-science side of model training — what to optimize for, which input signals matter, and the trade-offs involved in both.
The two presentations will take roughly a combined hour, leaving plenty of time for discussions, questions, and exchange afterwards over drinks and snacks. Whether you come from a software engineering, data science, product, or any other background — we'd love to have you join us!
This Thursdays at ROBINS - Comedy Brew! English Stand-Up Comedy Open Mic
Come and get you **Comedy Brew**, your fix of English Stand-Up Comedy! We serve a fresh, locally sourced 'menu' of 10 comedians, as organic as your favorite farm-to-table meal, all geared up to make you laugh out loud.
**Tickets at:** [https://bit.ly/iyfcb](https://bit.ly/iyfcb)
Unleash your laughter at [ROBIN's coffee](https://maps.app.goo.gl/E1e3H9GRDDJaPK8z9), the coziest New York-style coffee bar in the heart of Zürich.
**Dare to Make 'Em Laugh? 🎤😂**
Ever fantasized about grabbing the mic and cracking some jokes yourself? Well, your dream could come true! Visit [our performer's page](https://inyourfacecomedy.ch/perform/) to find out how you can take the stage and spread laughs like a pro.
**See You There! 🎤😂**
Come down to ROBIN's, break some bread, share some laughs, and maybe even catch the comedy bug yourself! See you there every Thursday!
Powered by IN YOUR FACE Comedy 🌟 [Check Us Out!](https://instragram.com/inyourfacecomedy/)
**Tickets at:** [https://eventfrog.ch/comedybrew](https://eventfrog.ch/comedybrew)
**Frequently Asked Questions**
* ***Is the show really in English?*** Absolutely. Every set is performed in English by a mix of Swiss-based and international comics, so no Swiss-German skills required.
* ***What’s a “Comedy Open Mic”?*** It’s the testing ground for jokes. Pros road-test fresh material and brave newcomers grab their first five minutes. Expect some gems, some flops—and the fun of seeing comedy born in real time.
* ***Will it be funny?*** Most of the time, yes! An open mic is a roller-coaster: seasoned acts, new voices, and the occasional glorious train-wreck. It’s all part of the charm.
* ***Can I perform too?*** Yes - you need to book a spot - find out more about how to do it here: [https://inyourfacecomedy.ch/perform/](https://inyourfacecomedy.ch/perform/).
* ***Do I need to buy tickets in advance?*** Please do. We’re usually running around before the show and door sales slow things down. If you’re stuck, we’ll try, but no promises. Link to tickets as at [https://inyourfacecomedy.ch/comedybrew/](https://inyourfacecomedy.ch/comedybrew/)
* ***How does seating work?*** First come, first served so grab a drink, snag a seat, and settle in.
* ***Is food available at the bar?*** ROBIN’s serves drinks only. For a pre-show bite, try **Restaurant Johanniter** (classic Swiss) or **Holy Cow!** across the street for burgers.
* ***Will the comedians pick on me?*** We chat with the crowd for laughs, not humiliation. Friendly banter only - you’re safe.
* ***How long is the show?*** Doors open 7:30pm, show starts \~7:50pm with a 15 min break in the middle ending around 10pm. Enough time for the last trams home...
* ***Age limit?*** All ages welcome of course 16+ recommended (adult themes, spicy language).
walk Altmatt to Wädenswil ending with a classical music concert
**Hike description:**
The hike starts before the train station Altmatt at 11:15
you need to be fit and have good hiking shoes.
The concert begins at 7:00 p.m., so let’s aim to finish the hike 15 min before it starts to have a good place. The last kilometers are along the Zürich lake. If we are late, we can take a bus. If we are too early (and the water not too cold), we can swim,
[von Hochmoor Rothenthurm nach Wädenswil | Wanderung | Komoot](https://www.komoot.com/de-de/tour/2777682564?share_token=a22S3zJVK5xCstbx5AgAIK3KILf5ZfJSgUNylA2aYvgc9IYyWa&ref=wtd)
**How to go with the train (from Zurich and I will meet you on the way):**
[Das Online-Portal der SBB für Fahrplan, Zug und ÖV](https://www.sbb.ch/de?stops=Z%C3%BCrich+HB_I8503000~Rothenthurm,+Altmatt+Bahnhof_I8587856&day=2026-04-11&time=09_08&moment=dep&trip=3)
**More information about the concert**
the concert starts at 19:00 in the Ref. Kirche Wädenswil
More information about this concert:
[Konzerte | JSO Crescendo](https://jso-crescendo.ch/konzerte)
It’s free, but donations are very welcome.
**dedicated Whatsapp group**
[WhatsApp-Gruppeneinladung](https://chat.whatsapp.com/HlsJBlVKqd1JSvHrAYZmJI)
**If the hike is not long enough for you:**
The hike start only at 11:15 because I suppose walking 7:30 is already long for a lot of people but, don't hesitate to tell in the whatsapp group if you what to make it longer by starting earlier. The only constraint is to be in Altmatt before 11:15 to join the main group.
**Registration:**
To sign up, please select "Yes" in the WhatsApp community survey for this activity:
[🌄 Switzerland Discovery Crew (Preferred Ages 18-35)🌄 | WhatsApp-Kanal](https://www.whatsapp.com/channel/0029VaoercY1XquRrJm58k3V)
If the event will happen in more than 30 days, I haven't added the survey in the channel yet. (Because message in a WhatsApp channel can be read by a new member only 30 days before he joins. But you can already enter the corresponding WhatsApp group)
If you are concerned about privacy, only the admin of a WhatsApp channel can see who has voted in a poll (unlike a WhatsApp group).
Please sign up only when you are certain!
You can also register through Meetup, as it helps build momentum; however, I rely only on the number of people who signed up through the WhatsApp survey.
April Mapathon: Map. Learn. Change.
Map the World, Change the World. Join Our Mapathon!
Got a laptop? Ready to make a difference? 💥
We're on a mission to create life-saving maps for disaster response, and we need YOU. No experience? No problem. Whether you're a mapping newbie or an OpenStreetMap Pro, you'll learn, collaborate, and help create maps that matter.
What to bring? Your laptop (mouse = bonus points!)
Why join?
Learn cool mapping skills
Make a real impact in crisis zones
Meet like-minded change-makers
Ready to map for good? Let’s do this.
Agile Over Pizza – Lessons Learned & Networking
It all sounded straight forward.
Then the project started...
Join us for an informal evening with fellow Agile practitioners, Scrum Masters, project managers, coaches, and anyone working with change, delivery, or transformation.
We’ll meet at a local pizzeria, have some good food, and talk about the things that usually come up once the theory meets reality — challenges, lessons learned, different approaches, and questions we’re still figuring out.
Nothing formal, just a chance to exchange ideas, meet people from the community, and have interesting conversations.
Because some of the best discussions don’t happen in meeting rooms. They happen in the second floor private room of a pizzeria.
🍕 **The venue:** Da Raffaele brings a slice of Naples to the heart of Zürich's Altstadt. Think 48-hour dough, a 500°C wood-fired oven, and an amazing pizza.
Two minutes from Central, close to HB — easy for everyone coming from across the city or the S-Bahn.
Pizza Gravel Zurich
https://www.komoot.com/de-de/collection/2875816/-pizza-gravel-zurich
Pizza Gravel Zurich plans social rides on mixed surface around Zurich. Enjoy a nice ride and pizza afterwards. Please check the Komoot Pizza Gravel Zuruch collection for the upcoming tour.
Museum & Dating 🧑🏼🎨 - Singles only.
**IMPORTANT: YOU NEED TO BUY A TICKET IN YOUR NOII PROFILE TO GET IN**
**Auf Tinder kein Bock mehr, aber für Parship ist es zu früh? We got you!**
**Wir organisieren mehrere Real Life Single Events. Jede. Woche.**
Lassen wir alle Single Herzen höher schlagen und veranstalten einen legendären noii Event. Vergiss Swipen und Chatten, in diesem Jahr daten wir im echten Leben (we don't make the rules).
Mit bis zu 400 Personen pro Event ist immer viel los. Worst case hast du ein geiles noiices Erlebnis gehabt, best case lernst du jemanden kennen, den du daten möchtest
**It's a vibe.**
Keine Sorge, das wird kein awkward Single Event mit einem sturen Ablauf. Es ist wie ein normaler Bar-Abend mit deinen Friends, wo du aber ganz easy noch andere Leute kennenlernst.
**[HERE MORE INFORMATION](https://date.noii.ch/preview)**
**So done with tinder but it’s too early for Parship? We got you!**
**We organize several real life single events. Every. Week.**
Let's make all single hearts beat faster and organize a legendary noii event. Forget swiping and chatting, this year we're dating in real life (we don't make the rules).
With up to 400 people per event, there is always a lot going on. Worst case scenario: you have a great noiice experience, best case: you meet someone you want to date
**It's a vibe.**
Don't worry, this won't be an awkward singles event with a stubborn schedule. It's like a normal bar evening with your friends, where you can easily meet other people.
**[HERE MORE INFORMATION](https://date.noii.ch/preview)**
Mobile Web Events Near You
Connect with your local Mobile Web community
IxDA Chat ‘n Pancakes
Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty.
Join the local UX and Digital Design community for a casual monthly breakfast.
Look for us upstairs!
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 04 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.
Central Ohio Radio Enthusiasts - WiFi HaLow: Introduction and Practical Use
Central Ohio Radio Enthusiasts—CORE—is an informal community for anyone enthusiastic or curious about radio—whether you're new to radio and want to learn or you've been tinkering for years and want to share. Ham radio operators, GMRS users, Meshtastic fans, software-defined radio nerds, makers, and technical and non-technical folks are all welcome. No experience required or expected.
This month we have **WiFi HaLow: Introduction and Practical Use** with **Alex Barbur**.
Details are are [core.radio](https://core.radio).
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.
Cocoaheads
Come out to Improving for our monthly iOS and Mac meetings.
This Month's Presentation:
Nothing yet. (You should volunteer).
What is Cocoaheads (http://cocoaheads.org/)?
CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics.
What is BuckeyeCocoa (http://buckeyecocoa.org/)?
BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend.
Presentations!
Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website.
To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter.
Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/





















