JavaScript
Meet other local JavaScripters to share knowledge, to review the state of the art, or to dream up new applications.
81,283
members
132
groups
Related topics
Largest JavaScript groups
Newest JavaScript groups
Frequently Asked Questions
Yes! Check out javascript events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the javascript events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find javascript events near your location here. Connect with your local community and discover events within your area.
JavaScript Events Today
Join in-person JavaScript events happening right now
Monatlicher Stammtisch der JUG Berlin-Brandenburg
Liebe JUG-Mitglieder,
wir möchten Euch herzlich zu unserem nächsten Stammtisch, der jeden ersten Dienstag im Monat stattfindet, einladen. Alles weitere kann im unserem Blog unter http://www.jug-berlin-brandenburg.de/ gefunden werden.
Viele Grüße
Sandra, Jan, Jörg und Oliver
“Do We Really Understand What We’re Building?” - Hands-on Example Mapping
Back in August, we explored how Design Thinking can help us uncover and validate the right problems. But even when we agree on what to build, things often go wrong, not because of bad solutions, but because we don’t fully understand what the problem actually means in practice.
In this session, we’ll build on that idea and focus on the next step: turning vague ideas into something concrete, shared, and testable.
Using Example Mapping - a lightweight technique from Behaviour-Driven Development (BDD) - we’ll work in small groups to:
* Break down a feature into rules, examples, and questions
* Surface hidden assumptions and edge cases
* Align on what the behaviour of a system should actually look like
If the previous session was about finding the right problem, this one is about understanding it well enough to build it right.
This is a hands-on workshop. Be prepared to participate fully and add to the energy of the room. Looking forward to seeing you there!
The Screenwriting's on the Wall
For those about to write -- let them come to Berlin! Think of us as a writers' room on the Iron Curtain. We help you turn ideas into Beat Sheets, and Beat Sheets into Scripts. Whatever your level -- we help you to raise your game. We also do a lot of table reads. And provide constructive feedback. And talk about books and films and shows we love -- and draw inspiration for our own projects from them. We workshop works-in-progress. We give you the tools -- you find your flow. Broadly speaking, we have ways to make you write!
Building a Website with AI: Front, Admin, and Backend with Prompts
In this hands-on session, we’ll use AI prompts to conceptualize and outline a complete website structure: front-end, admin panel, and back-end. Together, we’ll explore how to draft feature layouts, functionality specs, and architecture ideas, all driven by effective prompting. This event will focus on practical AI-assisted planning—not relying on pre-built platforms. You’ll leave with a clearer prompt-based framework for your next web project.
Cuban Salsa Classes (Improvers 2)
Cuban salsa classes every Tuesday.
Join us, improve your skills, save lives and make friends!
**Classes:**
19:00 - Improvers 2 (New routine starting every month)
**Price: (Card payment only)**
1 class - 7€
10 class pass - 49€ or 42€ reduced*
(To use within 11 weeks. Valid for all our classes. It can only be used by one person per class.
No refund possible)
* Reduced price for students, Schüler, Azubis, H4-Empfänger, and pensioners/retired folks. A valid proof is needed.
**Why should you learn Salsa, and why with us?**
- It's great fun!
- You get to know loads of new people.
- No fix starting date - you can start any week.
- No dress code - come in whatever you feel comfortable in.
Note:No outside shoes in the room: socks or a pair of clean shoes will be required
- No partner needed - we change regularly during the classes (bring all your friends though!)
- You can help us make a difference!
**What is Salsa4Water?**
Simple! We teach Salsa and donate all our profits to the NGO Welthungerhilfe, which uses these funds for their local projects in Malawi.
Welthungerhilfe fights for equal access to safe drinking water, sanitation, and hygiene in nearly 40 countries world wide. This gives you the chance to save lives while dancing!
SU&W — Wedding Tuesday
New Starting Time: 12:00
For space reasons, we are limited to a certain number of attendees, so please update your RSVP if you can't come.
If you are new, come and say hello, as we know that suddenly going quiet for 45 minutes and staring at that blank page can be intimidating when it's your first time. We have a lot of long-term regulars who will be happy to help you feel welcome.
In between sessions, we have a Telegram chat: https://t.me/joinchat/ERW3pxD5kfELGeWs9SUhjw
For more information, visit [https://shutupwrite.com](https://shutupwrite.com/).
Deutsch happens! @ BrewDog Mitte 💬
**Hallo, Freunde!** Whether you’re a German language pro, a beginner, or somewhere in between, join us for a fun and social evening designed to practice your Deutsch, because well, let’s face it…Berlin is probably the worst place in Germany for that!
**What to Expect:**
* **Casual Conversations**: Practice your German in a relaxed and friendly environment—no pressure, just fun!
* **All Levels Welcome**: From “Hallo, wie geht’s?” to crafting complex sentences, there’s room for everyone.
* **Interactive Games**: Break the ice with language-themed games and activities designed to get you talking.
* **Meet New People**: Connect with others who share your passion for learning languages.
Whether you’re here to brush up on your skills or simply have a good time, you’ll leave with new friends, fresh phrases, and maybe a new favourite beer. 🍺🗣️
🎯 **Pro Tip**: Bring a German-speaking friend or meet one here!
Tag your fellow language lovers, grab a drink, and let’s make it a night of **Sprache & Spaß** (language & fun)!
#SipHappens #GermanLanguageNight #SpracheUndSpaß
**The usual information:**
We always have several organisers there (male and female), so come say hello to us! We care to make sure that everyones enjoys themselves and we have **no tolerance for bad behaviour or creepiness.**
**Follow us on Insta:** @siphappens.berlin
**Join us on Telegram:** t.me/siphappens_berlin
**👉 Other important notes:**
\- 🍸 The locations we visit are bars and clubs\, they are businesses and we are able to keep these events free ONLY if people buy drinks\. Please respect the locations and the event by making purchases
\- 🦹♂️ Remember to keep an eye on your belongings and prioritize your own well\-being\. We are not responsible for any lost items or personal issues\.
\- 📷 By attending our events\, you consent to being photographed or filmed\. Photos and videos taken during the events may be shared on our social media\. If you do not wish to appear in the photos or if you appear in a photo that we post that you would like removed\, please send us a private message as soon as possible on Instagram \(@siphappens\.berlin\)
JavaScript Events This Week
Discover what is happening in the next few days
🌸cherry blossom festival@Gärten der Welt🌸「世界の庭園」の桜祭り🌸
This is a 4 phase event. You can join at any time.
1.) 12:00 - 12:30 p.m.: Gathering at the meeting spot.
2.) 12:30 - 01:30 p.m: Using public transport together to Gärten der Welt.
3.) 01:30 - 05:00 p.m: Exploring Gärten der Welt.
4.) 06:30 - 09:00 p.m: Dinner at Kan'Koa (optional).
This is the 18th cherry blossom festival and 23rd anniversary at Gärten der Welt.
**Highlights:** cosplay event, music and dance performances, food stalls and much more!
💡\*\*Please buy the normal ticket (9 €) in advance to avoid the long queue at the main entrance. If you buy the the ticket on the day of the event the price will be raised to 12 €!\*\*💡
**How to buy the correct ticket:**
[https://gruen-berlin.ticketfritz.de/en/Shop/Index/tageskarten-gaerten-der-welt-sommer/44086](https://gruen-berlin.ticketfritz.de/en/Shop/Index/tageskarten-gaerten-der-welt-sommer/44086)
**More info and full programm here:**
[https://www.gaertenderwelt.de/events/veranstaltungen/detail/2026-04-11_1000/kirschbluetenfest-2026/](https://www.gaertenderwelt.de/events/veranstaltungen/detail/2026-04-11_1000/kirschbluetenfest-2026/)
**1.) How to the find the FOODFACTORY Cube Berlin (Effe&Gold):**
Washingtonpl. 3, 10557 Berlin
https://g.page/foodfactorycubeberlin?share
Our meeting spot is inside right next to Effe&Gold. Frome there we go to the Gärten der Welt.
**2.) Going to Gärten der Welt:**
We'll use public transport to get to this place. If you live in the east, you can join us directly in the garden.
**3.) Exploring Gärten der Welt:**
The Hanami will be held near the Japanese and Korean garden.
We will watch some of dance performances such as traditional chinese dragon dance.
**4.) How to the find the Kan'Koa restaurant:**
Oranienburger Str. 17, 10178 Berlin
https://maps.app.goo.gl/DL5ifV3XzDSkJeAq6
This Asian restaurant has a cozy atmosphere which gives the opportunity to have meaningful conversations.
They offer a good mix of Japanese and Vietnamese cuisine. I would recommend this to vegetarians as well as vegans.
*Who is this meetup for:*
1\. Asians who want to practice German and/or English\.
2\. German speaking individuals who are studying \(preferably\) Japanese\, Korean\, Mandarin or Cantonese\.
3\. Anyone who is interested in cultural exchange and wants to socialize\.
*What you can expect:*
1\. A professionally organized meetup that can adapt to any changes given the current situation\.
2\. A Walk & Talk to break the ice\.
3\. A collaborating venue where you can further socialize with other members\.
***
Whenever you attend a meetup, the most common as well as first question you get is: "Where are you from?"
You probably heard this question a million times. Well, at least I did.
From my own experience of attending over 200 international meetups in various countries such as Germany, Japan, Australia and Thailand, I can tell you that asking for the name is a better approach.
“A person’s name is to that person, the sweetest, most important sound in any language.” - Dale Carnegie
If you really want to connect with like-minded people you should remember their name, but you don't have to remember every persons name you've talked you. Be picky about that, don't be me who can somehow remember everyones name easily.
Don't tell yourself sth. like "I'm bad at remembering names." It's all about developing the habit of asking for a name and keep the conversation going on.
Furthermore, you want to learn German or any other language. Learning the local language is crucial to connect with the locals and developing a true friendship.
This can be accomplished with immersion. My goal is to inspire you to go out of your comfort zone and improve yourself each time you join this meetup.
Screenwriters' Group Meetup (Every two weeks)
A regular meeting to read and discuss work writers' are currently engaged in. For screenwriters' serious about their writing and wanting the support and incentive a periodic group meeting can provide.
The meeting will be at Alexanderplatz (contact Marc, the organizer, beforehand for exactly where). We'll make introductions about ourselves, our experiences and what we want out of the group.
If you're comfortable in doing so, come prepared with a something you're working on that you want to read or discuss.
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
"The author is grateful to her weekly writers' group for kindness and criticism during the writing of this book."
*from the Acknowledgments from the book "The Joy Luck Club" by Amy Tan*
Feature Afternoon: Mommy I don‘t want to (OV) + Networking for Filmmakers & Q&A
Feature Afternoon: Filmscreening & Networking for Filmmakers.
TICKETS AVAILABLE HERE (7€):
https://kino-central.de/film/indiegold-mommyidontwantto/?utm_source=ig&utm_medium=social&utm_content=link_in_bio
THE MOVIE:
MOMMY I DON’T WANT TO is a gripping psychological thriller inspired by true
events, transporting audiences into the shadows of 1970s California — brought to
life on location across Greater Manchester and Lancashire, with studio scenes
filmed in Dubai. The film builds a tense, atmospheric portrait of fear, survival, and
the enduring bonds between a mother and child facing unimaginable threat.
Adapted from Chris Friedman’s acclaimed novel of the same name, the story is entirely fictional
— all characters and names are works of imagination. With meticulous period detail, the
production recreates the atmosphere of 1970s American suburbia through the rich historical
architecture of Northern England, a creative choice that allowed the filmmakers to achieve
remarkable authenticity without extensive post-production or green screen work.
The film explores themes of maternal instinct, institutional failure, and the psychological
aftermath of living under the shadow of a serial predator. It is a story that resonates far beyond
its historical setting — a timeless examination of how communities fracture under the weight of
fear, and how individuals find courage in the most impossible of circumstances.
IndieGold:
IndieGold is a Film-Festival (we show feature Films once a month) organized by local Filmmakers from Berlin. We run the Company Seceda Studios and we deeply want to support the Indie Filmscene in Germany. :)
After the Movie we go to a local Park (or in case of bad weather another location) so you have the chance to network with local filmmakers.
See you there!
🚀 Learn Public Speaking — Every Wednesday - The Center, Potsdamer Platz
An inspiring, high-energy meeting of public speaking, connection, and personal growth in the heart of Berlin.
**Mercury Toastmasters Berlin** invites you to our weekly meeting at our new home at **Das Center, Potsdamer Platz**, in the stunning **Historic Imperial Breakfast Hall**. *Experience the **power of prepared speeches** loaded with bold ideas, participate in our **dynamic Impromptu Session**, and **gain valuable insights** during our feedback segment.*
*Leave with practical tools, fresh ideas, and renewed inspiration.*
*Whether you want to speak up at work, boost your presence, or just meet inspiring people, you’ll feel at home at Mercury Toastmasters Berlin.*
***
**[What to Expect:](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/)**
✨ A supportive space to speak, grow, and connect
🎤 Engaging prepared speeches
⚡ Fun, fast-paced impromptu speaking challenges
💬 Feedback session you can actually use
🌍 A friendly, international crowd (around 25–30 people)
**Schedule** (times may vary)
⏰ 19:15 - Doors open & networking
🎙️ 19:30 - Prepared Speeches
🏓 20:35 - Impromptu Session (Guest welcome to join)
↩️ 21:00 - Constructive feedback
💬 21:30 - Food, drinks & relaxed socializing
**No experience needed.**
***Come curious. Leave energized.***
***
**🤙 [Hear it from our members:](https://maps.app.goo.gl/eRtvR9DRNqU9WZQn7)**
*“You can sharpen your public speaking skills and gain tons of confidence, while having fun and making new friends. Mercury is well-structured, fun, and affordable.”*
— *Therese Pitt*
*“Mercury gave me a safe place to speak, create, and grow. I love the multicultural vibe and supportive community. It’s the best place to learn and have fun.”*
— *Krisztina Linka*
***
**[Did You Know?](https://mercurytoastmasters.de/about-mercury-toastmasters-berlin/)**
Toastmasters is where people go to get better at speaking—and grow into confident communicators and leaders.
Today [Toastmasters ](https://mercurytoastmasters.de/about-mercury-toastmasters-berlin/)has 350,000+ members across 16,000 clubs in 143 countries. And [Mercury](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/) is one of the best places to experience it.
So bring your curiosity, your energy—and just be yourself.
Whether you’re just starting or ready to level up, there’s a place for you here.
***
**[Wondering what you get as a member?](https://mercurytoastmasters.de/membership-mercury-toastmasters-berlin/)**
Think expert feedback, real-world speaking practice, and a supportive crew that’s got your back.
[See you Wednesday night! 🎉](https://mercurytoastmasters.de/find-toastmasters-meetings-in-berlin/)
Godot Engine Community Meetup @ c-base
Welcome to our cosy Godot Engine Community Meetup! This is not a structured meeting, but rather a friendly get-together. We will hang out, chat and maybe show some of our current projects! 🦜
Regardless if you are an artist, designer, programmer, beginner, hobbyist, professional or anything in between: join us for sharing knowledge, creating art together, coding together, joining game jams together and having fun! 🌼
This meetup will happen at [c-base](https://c-base.org), Rungestraße 20, 10179 Berlin. 🛰️
You can also join us on [our Discord Server](https://discord.gg/Sm3CgrqqQa). ☎️
Follow us on [Mastodon](https://mastodon.gamedev.place/@GodotUserGroupBerlin) for updates. 📢
Also check out [our website](https://godot.berlin). 🌐
Please be [excellent to each other](https://godotengine.org/code-of-conduct/)! 🕊️
German Sprachcafé at Denizen! All levels A1 - C1!
**Hi everyone!**
**For this event we will host all levels :). From A1 to C1!**
**-----**
**We’ll now be meeting twice a week at Denizen House (Köpenicker Str. 40, 10179 Berlin), on** **Mondays and Wednesdays****!**
* **Mondays:** **levels A1 to B1**
* **Wednesdays:** **levels B1 to C1**
**We work with dedicated materials tailored to each level, so everyone will have a place to practice and improve.**
**Event schedule**
* **18:00 – 18:30** **Arrival and registration**
* **18:30 – 19:50** **Sprachcafé**
* **19:50 – 20:00** **End and clean up**
**Please be aware that the moderated event starts at** **18:30****. Before this time, we are busy setting up the space. Registrations usually take place around** **18:15 / 18:20****. Participants are kindly asked** **not to arrive too far in advance** **at the house.**
**If someone arrives much earlier, Denizen may ask them to pay either for a drink (consumption) or for a** **day pass****, as the space is a co-working environment during the day.** **Please remember, our event is only happening from 18:00 to 20:00**
**How the Sprachcafé works**
**We use different materials to help participants gain confidence in German. Together with whiteboards and our volunteers, the Sprachcafé is based on** **interactive conversations** **in small groups.**
**Participation fee**
**The Sprachcafé has a** **participation fee of 5 €****, which helps cover organizational costs and** **includes one soft drink for free****.**
**Tickets can be purchased directly on the day of the event, card and cash payments are accepted.**
**As the Sprachcafé has become very popular, we now need to** **limit the number of participants****. Please understand this measure; it ensures that everyone has a comfortable space to practice.**
**We kindly ask you to be** **rücksichtsvoll** **and only RSVP “Yes” if you are certain you can attend.**
**If your plans change at the last minute, please update your RSVP so someone on the waiting list can take your spot.**
**Getting your ticket early can help secure your place.**
**Please note**
**Our event will begin** **promptly** **at the scheduled start time.**
**If you arrive late, we cannot guarantee your participation, even if you have a ticket or have RSVP’d. We encourage all guests to arrive on time to ensure a smooth and enjoyable experience for everyone. Thank you for your understanding and cooperation.**
**About Denizen**
**Denizen is a new-style co-working space focused on being an integral part of local communities. Located on the ground floor of the historic Eiswerk on Köpenicker Straße in Kreuzberg, Denizen House is a communal place providing work, refreshment, and recreational facilities throughout the day. Think of it as a living room for the neighborhood.**
**If you have any questions, don’t hesitate to let me know. If you’d like to contribute to this night, send me a message!**
**Ich freue mich schon!**
**Grüße,**
**Nacho**
Chill Beach Volley 🏐 Funkhaus ☀️
Join us for chill **outdoor** beach volley at **Funkhaus Beach**! 🏐 🏐 🏐 ☀️
This event is for everyone who enjoys chill games and is not a *complete* beginner (A1.5+). We play 3v3 (or 4v4) with beach rules. There are no trainers at this event. Register via [the simultaneous event](https://www.meetup.com/berlin-volley/events/) for higher-level 2v2 matches (F1+).
After playing, you can join us for socials with drinks and snacks at the bar area. We often play a social deduction game, which you're also welcome to join.
We play in domes that are heated up to at least 15C.
It's recommended that you come 10 minutes early so you have time to change and find the fields. If it is your first time, 15 minutes might be even better.
You can join whatever court you like and move between courts during the event. We self-organize, so once you finish a game, you can start a rematch, mix with another court, or take a break as you see fit. Upon arrival, join the warmup happening on one of the courts.
Join our WhatsApp community via [https://volley.berlin/WhatsApp](https://volley.berlin/WhatsApp) ([QR code](https://secure.meetupstatic.com/photos/event/b/f/d/5/highres_532249109.webp))
Follow us on Insta at [https://www.instagram.com/berlinvolleyball](https://www.instagram.com/berlinvolleyball)
**Rules**: Do not join if you have an infectious disease. For everyone's safety, we do not allow kicking the ball during games with beginners. Be respectful of your fellow players.
**Venue**: We play at [Funkhaus](https://sporthaus-berlin.net/), **outside** ☀️. Changing rooms are available in the nearby Paddle hall.
**Payment**: You pay in advance via Meetup. Payment via PayPal or Urban Sports Club is not possible.
**Refunds**: The venue does not provide refunds. Thus, we cannot refund you either, even if the event is canceled due to bad weather. If you know you can't make it in advance, you can try selling your spot to someone else via WhatsApp or the comment section. In the rare cases that we cancel an event due to poor attendance, everyone gets a full refund.
Pictures might be taken and shared publicly, such as on Meetup or Instagram. You can opt out by letting the organizer know you do not wish to be photographed.
By RSVP'ing to this event, you acknowledge and agree to the following: Participation in this volleyball event is at your own risk. The organizer is not responsible for any injury, loss, or damage sustained during the event, whether caused by negligence or otherwise. You are aware of the inherent risks involved in beach volleyball and voluntarily assume these risks. You agree to hold the organizer harmless from any claims, liabilities, or expenses arising from your participation, including any medical costs.
Share anonymous feedback with the organizer via [https://www.admonymous.co/entropy](https://www.admonymous.co/entropy)
JavaScript Events Near You
Connect with your local JavaScript community
[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
Join us for **Ben Frain**'s talk ...
Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/)
***Bring your laptop and expect to write some (non-AI generated) code!***
Food and drinks will be available.
**LOCATION:**
6515 Longshore Loop, Suite 300, Dublin, OH 43017
**FREE PARKING:**
6725 Longshore Street, Dublin, OH 43017
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.
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.
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
Fun & easy way to play more tennis (read event description)
We’re still working to get more people into these Meetups, but our goal is to give PlayYourCourt members a few social tennis outings each week in addition to your practice sessions and Challenge League matches.
These Meetups are co-ed, super laid back, and all skill levels are welcome. Post your skill level and a suggested court in the comments section so we can round up as many players as we can for some tennis fun!
Also, if you’re looking to meet new practice partners or play some matches and you aren’t already in the PlayYourCourt Community, you can go here to see what we’re all about and sign up:
https://www.playyourcourt.com/tennis-community/columbus-oh/meetup/
If you love tennis, we’d love to have you! Be sure and watch the quick video that explains how everything works.
Happy hitting!
- Scott
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!
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/
























![[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11](https://secure.meetupstatic.com/photos/event/2/f/d/f/highres_533472255.webp?w=640)




