Web Standards

Join us for a relaxed bowling night - no pressure, just good company and a bit of friendly competition! 🎳 Whether you’re here to play seriously or just roll a few for fun, everyone’s welcome. We’ll split into lanes if need be, keep things easygoing, and maybe grab a drink between rounds. Come solo or bring a friend! No experience needed—just show up and enjoy! Location: [Royal Bowling](https://maps.app.goo.gl/R1Sz3sgDZtXG6kiGA), 10 mins by foot from Agios Antonios metro station (red line).

Building a **SaaS** is a battlefield on its own, now imagine doing it in Greece. On the **7th of April,** **Konstantinos Livieratos** will be sharing the behind-the-scenes story on how **fundamenta** was built, a platform aiming to reshape market intelligence in the Greek market! Expect GDPR challenges, competitors copy-pasting their work into ChatGPT like it's an Olympic sport (they'd probably win 🥇) and several Greek bureaucracy moments enough to test any founder's sanity... It's a story about pushing meaningful change into a market that wasn't fully ready for it, the unexpected hurdles along the way, and why creating a market-local **SaaS** can be far tougher than going global. 📍 You will find us at our host **Starttech Ventures**, downtown Athens: **Lykourgou 1**, 2nd floor ***Starttech Ventures*** *is a venture studio based in Athens, building B2B SaaS companies for global markets since 2000. We co-found companies with entrepreneurs, grounded in a philosophy of trust-based, long-term value creation. Our approach draws on Lean Startup and product-led growth principles to systematically take ventures from first hypothesis to profitable, resilient scaleup. What started as a student-led company in Heraklion, Crete has grown into one of Europe's earliest venture builders, with companies like Epignosis (the team behind TalentLMS), Yodeck, and AbZorba Games proving that it is possible to build globally successful companies from Greece, prioritizing customers over investors and real value over paper value.* #foobario #fundamenta #StarttechVentures #SaaS #meetup #SoftwareEngineering

Jump in our whtsapp group,introduce yourself, start connect,put your ideas and lets hangout and make friends https://chat.whatsapp.com/EDf4HaUjK4gLMMQeiOsllt Athens, let’s make Thursday night about connection that actually matters. This is a social language exchange designed for real conversations, cultural exchange, and meeting new people—set inside the warm, lively atmosphere of Mint Bar ✨ Whether you want to practice English, Greek, Spanish, French, or simply meet people from around the world, this space is built for easy, natural interaction. No pressure. No judgment. Just conversation, laughs, and good energy. 🌊 How the Night Works • We gather around big shared tables 🪑 • Start with small, natural conversations 💬 • Every 15–20 minutes, people naturally rotate and meet someone new 🔄 • Share languages, cultural stories, travel experiences, or ideas 🌍 • Some people dance 💃🕺, some relax 😌, some do both • Stay as long as you like, move at your own pace ✨ The structure is light and flexible—enough flow to keep things dynamic, enough freedom to keep it relaxed. This is conversation in motion. 🤝 Who You’ll Meet Locals, expats, travelers, creatives, and curious minds ✨ People who enjoy learning, sharing, and connecting beyond surface-level small talk. I’ll be there all night 👋 Introducing people, connecting groups, and keeping the energy flowing ⚡ Coming alone? Perfect. This event is designed so solo guests blend in easily and leave with new connections 🤍 🍷 Community Drink Deals • Sangria — €3 🍷 • Shots — €2.5 🥃 • Cocktails — €7 🍸 • Beer — €5 large / €4 small 🍺 Affordable, social, and stress-free. 🎶 Music & Atmosphere Upbeat enough to keep the energy alive 🎧 Soft enough to actually talk 💬 A warm, inclusive vibe where people—not noise—are the focus ✨ 📍 Event Details 📅 Every Thursday 🕣 20:30 – 00:00 📍 Mint Bar → https://maps.app.goo.gl/thKjPZDwyEvegVWD9 🎟 Entry: FREE (just say you’re with the community) 🌟 Why This Night Works • Meet people from all over the world 🌍 • Practice languages through real conversation 🗣️ • New faces every week, familiar energy every time 🤍 • A social setting that feels easy, open, and human • Start your night with connection—and let it unfold naturally 🔥 💫 Final Thought Thursday nights don’t have to be random. They can be social. They can be intentional. They can be fun and meaningful. Come for a drink 🍸 Stay for the conversation 💬 Leave with stories, smiles, and new friends 🤍🔥 Thursday = Mint Bar Social & Language Exchange See you there. Mamad – The organiser of Athens locals&Travellers events Whtsapp 00306949528622 Follow us on instagram And make us grow Thanks in advance https://www.instagram.com/athenslocalstravellers?igsh=MWM4MTh4c2p5M3NxdA== travel, meetup night, night out, city adventures, bar night, social event, friendship, network, mingle, explore city, evening fun, solo night, group meetup, local hangout, international friends, nightlife lovers, weekend fun, party vibes, cocktails night, live music, clubbing, coffee meet, brunch meetup, cultural events, street tours, urban life, nightlife adventure, new connections, chat night, fun night, singles meetup, evening drinks, meet & greet, food tour, sightseeing, art events, music night, rooftop bar, sunset party, festival, theater night, karaoke night, games night, pub crawl, city nightlife, travel buddies, hangout night, casual dating ταξίδια, meetup βράδυ, νυχτερινή έξοδος, περιπέτεια πόλης, βραδιά μπαρ, κοινωνική εκδήλωση, φιλία, δικτύωση, γνωριμίες, εξερεύνηση πόλης, βραδινή διασκέδαση, μόνος βράδυ, ομάδα meetup, τοπικό hangout, διεθνείς φίλοι, λάτρεις της νυχτερινής ζωής, Σαββατοκύριακο διασκέδαση, vibes πάρτι, βραδιά κοκτέιλ, ζωντανή μουσική, κλαμπ, καφές meetup, brunch meetup, πολιτιστικές εκδηλώσεις, περιήγηση δρόμου, ζωή στην πόλη, νυχτερινή περιπέτεια, νέες συνδέσεις, βραδιά κουβέντας, διασκεδαστική νύχτα, meetup σινγκλς, βραδιά ποτών, γνωριμία & χαιρετισμός, food tour, αξιοθέατα, εκδηλώσεις τέχνης, μουσική βραδιά, ταράτσα μπαρ, πάρτι ηλιοβασιλέματος, φεστιβάλ, θέατρο βραδιά, karaoke βραδιά, παιχνίδια βραδιά, pub crawl, νυχτερινή ζωή πόλης, ταξιδιωτικοί φίλοι, hangout βράδυ, casual ραντεβού

⚠️ **IMPORTANT: You must sign up and buy a ticket here to attend:** [https://groupvibe.com/](https://groupvibe.com/) **Join the Athens Brunch Club and make new friends!** Each meetup brings together 4–6 people for casual conversations over brunch. We use the Groupvibe platform to facilitate the meetup and ensure everyone’s a good fit. 👉 **To attend, you’ll need to complete registration via this link:** [https://groupvibe.com/](https://groupvibe.com/) We’ll share the exact location of the upcoming meetup the night before only if you have bought a ticket or membership plan. **Why this works:** \* Smaller groups make real conversations easier. \* Discover new brunch spots in your city, together. \* Curated brunch venues with good food and vibe. \* If you hit it off with your brunch group, there’s plenty of time to hang out afterwards. **Note:** RSVPs on Meetup don’t reflect total attendance. Many attendees register directly via our website. The event on Meetup.com is only a placeholder. This meetup is organized by Groupvibe, a small team passionate about helping people form meaningful friendships offline.

ATHENS NOMAD FEST and ATHENS FUN & CONNECTION present : CO-WORKING WEDNESDAY, a weekly co-working event for Digital Nomads and Remote Workers! Keeping the ATHENS NOMAD FEST spirit alive every week 🚀 if you want to go far, work alone, if you want to succeed, work together!👊🏼 let's gather every Wednesday together from 10am to 2pm (or later) to connect, collaborate and keep building Athens Nomad community together! Every Wednesday a different place. Check meetup for the updated location 🙏 Ask the staff to find us or send me a message on Whatsapp: +32486805343 Looking forward to working with you Michaël & Christina

Jump in our whtsapp group,introduce yourself, start connect,put your ideas and lets hangout and make friends https://chat.whatsapp.com/EDf4HaUjK4gLMMQeiOsllt ✨ Start Your Night With People, Not Noise ✨ Saturday night at Mint Bar isn’t about standing alone with a drink 🍸 It’s about arriving somewhere you’re already expected 🤍 This is a social meetup where people actually talk 💬 laugh 😄 move around 🚶‍♂️🚶‍♀️ and connect—naturally, without forcing anything ✨ Think of it as the starting point of your night 🌙 A place to warm up 🔥 meet people 🤝 feel the vibe 🎶 and see where the evening wants to go ✨ 🌊 How the Night Flows We gather around the big tables first 🪑🪑 Easy group conversations 💬 No pressure. No “who do I talk to?” 🙌 From there, the night opens up ✨ • People rotate naturally 🔄 • Small chats turn into bigger ones 🗣️➡️🗣️🗣️ • You meet someone new without trying too hard 😊 • Sometimes we dance 💃🕺 sometimes we don’t 🚶‍♀️ • The vibe decides 🎧✨ You’re free to move 🚶 stay 🪑 join 🤝 step back 🌿 rejoin 🔄 Nothing is fixed. Everything is fluid 🌊 🤍 You’re Not Walking In Alone I’ll be there the whole night 🙋‍♂️ Welcoming people 👋 introducing faces 🤝 connecting energy ⚡ If you come solo 🚶‍♂️ you won’t stay solo—unless you want to 😊 This event brings together people from multiple social networks & platforms 🌍📲 Different backgrounds 🌎 different circles 🔵🟢🟣 same open mindset ✨ Every week: New faces ✨ Familiar smiles 🙂 Easy connections 🤍 🎶 The Atmosphere • Social & warm 🤍 • Music that supports conversation 💬 then lifts the room 🎶 • Open-air space 🌿 room to breathe 😌 • Friendly, curious, respectful people ✨ Easy to join 🤝 Easy to stay 🪑 Easy to feel part of it 🤍 🍹 Community Drink Prices Vodka Portokali / Whiskey Cola / Gin & Tonic — €7 Sangria — €3 🍷 Shots — €2.5 🥃 📍 Logistics 📌 Mint Bar https://maps.app.goo.gl/Ffi2B7Riw73TJM4Q9 🕤 Start: 21:30 ⏳ End: when the night naturally evolves ✨ 🎟 Entry: FREE Just say you’re with the community 🤍 👕 No dress code Comfort > fashion 😌 🚇 Getting Around Saturday nights in Athens run smoothly 🌃 🚇 Metro all night 🚌 24h buses Safe, easy, stress-free travel ✨ 🌟 Why This Works No plan needed 🧠 No friends required 👥 No pressure to stay 🕊️ Come for one drink 🍸 Stay for the people 🤍 Leave with a smile 😄 For many, this becomes: ✨ The start of the night ✨ The place they meet their people ✨ The reason the night turns memorable 💫 Final Thought Some nights start with music 🎶 Better nights start with people 🤍 This is where we gather 🤝 Connect ✨ And let the night take shape 🌙 See you Saturday 💫 Follow us on instagram: https://www.instagram.com/athenslocalstravellers?igsh=MWM4MTh4c2p5M3NxdA== Mamad – The organiser of Athens locals&Travellers events #LanguageExchange #Travelers #Locals #Nightlife #BarLife #PubVibes #PartyTime #SocialEvent #MeetFriends #MeetNewPeople #Conversation #Chat #Dating #RelationshipGoals #Connection #Singles #AdventureTime #FunNight #GoingOut #SoloNight #Drinks #Cocktails #MusicLovers #DJNight #DanceParty #ClubVibes #WeekendVibes #MeetupGroup #InternationalFriends #ExpatsLife #TouristsInAthens #CityLife #UrbanCulture #Ταξιδιώτες #Ντόπιοι #ΝυχτερινήΖωή #Μπαρ #Πάρτι #Κοινωνικό #Εκδήλωση #Φίλοι #Γνωριμίες #Κουβέντα #Συζήτηση #Ραντεβού #Σχέση #Σύνδεση #Σινγκλς #Περιπέτεια #Διασκέδαση #Έξοδος #Μόνος #Ποτά #Κοκτέιλ #Μουσική #Χορός #Κλαμπ #VibesΠάρτι #Σαββατοκύριακο #ΟμάδαMeetup #Διεθνές #Εξάπτες #Τουρίστες #ΖωήΠόλης #Πολιτισμός #Εξερεύνηση #Κοινότητα #Κοινωνικοποίηση #Δικτύωση #ΒραδινήΈξοδος #Φιλία #Lifestyle #ΤοπικοίΟδηγοί #ΤαξιδιωτικέςΣυμβουλές #HangoutSpot #ΔιασκεδαστικήΝύχτα #ΣχέδιαΣαββατοκύριακου

Just landed in Athens — or been here a while but still looking for your crowd? If you’re an expat or digital nomad tired of small talk and ready for real connections, this is where your Friday night levels up. Join us on Friday 27 February at 9:00pm until 1:30am at Bar Zero at Yellowsquare Athens for a high-energy Karaoke night of music, dancing, and friendly vibes with Athens’ international community. Expect: 🎶 Crowd-favorite songs you can’t resist singing 💃 A dance floor that doesn’t quit 🍻 Drinks flowing all night 📸 The kind of memories that make you stay “just one more hour” No awkward networking. No pressure. Just good people, big energy, and the perfect excuse to let loose. 🔥 Spots fill fast — reserve your table now and secure your crew’s place before it’s fully booked. Send a message, lock it in, and make this your Friday night plan. Follow Nomads Athens on social media for more info: * Facebook: https://www.facebook.com/groups/780495963217496/ * Instagram: https://www.instagram.com/nomadhubgreece * Telegram: https://t.me/nomadhubgreece

Welcome to our new recurring event — now happening every second Friday 😃 🇱🇦 Latinos Night | Kallithea 🍹 After a hugely successful first edition, this event is officially moving forward as a bi-weekly experience. Due to demand, capacity is increasing to 15 spots (up from 10), while keeping the atmosphere exclusive, social, and high-quality. 📍 Venue: El Latino Café Bar — a hidden Latin bar in Kallithea, just a short walk from Kallithea Metro 🚇 The space is small and cozy, mostly standing, with only a few chairs. The idea is intentional: less sitting, more movement, more interaction, more real connections 🤝✨ There’s also a small area to dance if the rhythm hits 🎶💃 No tables. No formal seating. Just an open, dynamic social setup. 🎧 A DJ will be playing Latin music all night — fresh space, fresh crowd, fresh energy 🌶️🔥 We’ll also be collaborating with another group to ensure a diverse, vibrant mix of people and new connections 🌍🧩 🍹 Happy Hour: 8:30 – 10:00 PM All drinks included. Any drink. Any cocktail — 5€ 💶 Everything is included during happy hour. 🕣 Event time: 8:30 PM – 12:30 AM 🎟 Entry: Free — but strictly limited ⚠️ Important – How to get free entry: To secure your spot, you must DM me in advance and write “Latinos”. Only people who DM “Latinos” will be added to the list. Capacity is limited to 15 people only. 📍 Location: https://maps.app.goo.gl/ryquYc9KEmwhYhdw9� I’ll be there personally to welcome everyone 🙌 Arrive early, grab a drink, move around, dance a little, connect, and experience something new in a fresh part of the city. Discover. Connect. Enjoy. See you there, Mamad The Organizer 👉 Join our WhatsApp group, introduce yourself, start connecting, share ideas, and let’s hang out and make friends. https://chat.whatsapp.com/EDf4HaUjK4gLMMQeiOsllt #LatinosNight #KallitheaNightlife #ElLatinoCafe #LatinVibes #DanceNight #SocialEvent #MeetNewPeople #HappyHour #Cocktails #LatinMusic #DJNight #PartyVibes #NightOut #Socialize #NetworkingNight #FridayFun #WeekendVibes #DanceFloor #LatinParty #MixAndMingle #DrinkSpecials #GoodTimes #FunNight #NightlifeGreece #KallitheaBar #LatinCulture #MoveAndDance #FreshCrowd #VibrantNight #ExclusiveEvent #SmallVenue #HiddenGem #PartyTime #LatinRhythms #FridayNightOut #ConnectAndEnjoy #LivelyAtmosphere #LatinEnergy #MeetAndGreet #UrbanNightlife #SocialGathering #NightSpot #WeekendPlans #FridayFiesta #LatinCocktails #MusicAndDance #PartyMood #DanceTogether #LatinStyle #KallitheaVibes #DiscoverAndConnect

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

**TBA**

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

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!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm