Web Design

It's all about getting to know new people from your favorite industry. So if you are interested in Motion Design, 2D or 3D Animation, CGI, Illustration or any related field, feel free to join us. Grab a beer in a relaxed atmosphere, have a nice chat about key frames or discuss your next project! Beginner or expert – wir freuen uns auf dich!

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.

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!

**Chat & Updates:** Telegram: [https://t.me/+VfHrJXPGVWLflGhz](https://t.me/+VfHrJXPGVWLflGhz) Discord: [https://discord.gg/SVb44D9](https://discord.gg/SVb44D9) **\*Deutscher Text unten\*** **Come & go as it fits your schedule** We are meeting in-person and online every week. We offer an office environment for self-study, work and presentation/discussion (lightning talks). **Schedule:** * 10am open doors * 10am online video conference open [https://meet.in-berlin.de/fcc](https://meet.in-berlin.de/fcc) * optional, afternoon, around 1pm: 1h presentation session (if requested / offered) * 6pm or extended open-end **Open co-working / co-learning** work on the FreeCodeCamp curriculum or your own project. Vibe inside but vape outside. **Mutual exchange** and support is welcome. English and German, as needed. We have fast internet, chocolate bars, drinks and a nice atmosphere. :-) **Personal Consultation / Career advice** Bodo runs this meetup for many years. As a Senior Dev/DevOp he is open to giving guidance for your questions about career development. Book a free appointment (up to 60min) with him here: [https://calendar.app.google/yoZfVZR4D9zwt5in7](https://calendar.app.google/yoZfVZR4D9zwt5in7) **Code presentations on the projector** Everybody can participate. Show your code and present your project/problem. Get feedback or help and let others learn from you! You don't have to prepare a fancy presentation, show us what you're working on. Also in English or German, as you feel more comfortable. **Komm und gehe jederzeit. Zeitplan:** * 10:00 Uhr Öffnung vor Ort * 10:00 Uhr online room [https://meet.in-berlin.de/fcc](https://meet.in-berlin.de/fcc) * Nachmittag, ca 13 Uhr: optional 1 Std. Präsentation / Gruppen-Diskussion (nach Angebot/Bedarf) * 18:00 bzw. länger, open-end **Präsentationsrunde** nach Bedarf und Angebot am Nachmittag. Dort man kurz zeigen, woran man gerade arbeitet, eventuell Hilfe bekommen oder interessante Tool vorstellen. Du musst keine große Präsentation vorbereiten. Ebenfalls auf Englisch oder Deutsch, wie Du Dich wohl fühlst. **Gegenseitiger Austausch** und Unterstützung sind willkommen. Es wird Englisch und Deutsch gesprochen. **Persönliche Beratung / Karriereempfehlung** Bodo veranstaltet dieses Meetup seit vielen Jahren. Als Senior Dev/DevOp gibt er Dir auch persönliche Ratschläge für Karriere im 1:1 Gespräch. Reserviere Deinen kostenfreien Online-Videocall (bis zu 60min) hier: [https://calendar.app.google/yoZfVZR4D9zwt5in7](https://calendar.app.google/yoZfVZR4D9zwt5in7) **Tech & Buzz:** Claude Code, nodeJS, npm, nvm, TypeScript, JavaScript, Bootstrap, Tailwind, Bulma, React, Angular, NextJS, Vue, Nuxt, Docker, Container, Virtualization, Django, Codex, LLM, vibe coding, static site generation, OAuth2, Simple SAML, UX, UI, CMS, markdown, Hugo, Netlify, freeCodeCamp, Udemy, Community, Frontend Masters, Backend, SQL, noSQL, MySQL, Python, Linux, Development, git, Version Control, HTML, CSS, Open Source, Responsive Web design, Relational Database, API, Data Science, Machine Learning, Infosec, Cybersecurity, Big Data, AI, Artificial Intelligence, ChatGPT, Stable Diffusion, Data Structures, Data Mining, Ethical Hacking, OSI, Network Security, Julia, Deno, Test driven development, CI, continuous delivery, Deployment Pipe, Bash, devOps, Gitlab, GitHub, Jira, Cloud Computing, Azure, AWS, Apache Server, SSH, Algorithm optimization, SEO, C/C++, Mobile Apps, Apple iPhone, mac OS, Firefox, Chrome, Android, Programming Languages, Cryptography, Patching, Blockchain, DApp, Solidity, Analytics, geek, nerd, Neural Network, MongoDB, ExpressJS, Flutter, Go Lang, AJAX, OOP, UML Diagram, Computer Science, Engineering, Modell, View, Controller, Requirements, risks analysis, PKI, SSL, PGP Certs

Today we are working in a beautiful location near U Spittelmarkt with a big desk, power sockets, free WiFi, available food/drinks and air conditioning. NOTE: We don't share the venue location publicly. Find out where it is by joining our Telegram chat group: [https://spam-destroyer.com/check/jelly](https://spam-destroyer.com/check/jelly) 😴 Tired of working by yourself? 🌡️ Too hot or too cold to work at home? 🍫 Contents of your fridge or the laundry distracting you? 💻 Come join other freelancers and remote workers for coworking! ☕️ No membership requirements, free WiFi, some power sockets, a large desk, some affordable coffee, toasted sandwiches and drinks! ⏰ We'll be there from the start time, but feel free to stop by any time. • WHAT TO BRING • Whatever you need to work on your own project / tasks :) • QUESTIONS? • Join our Telegram chat group to ask any questions: [https://spam-destroyer.com/check/jelly](https://spam-destroyer.com/check/jelly) • MORE EVENTS? • To have more events, we need more organisers. If you would like to help out, please get in touch [😀](https://emojipedia.org/grinning-face/)

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

A new month means a new moment to pause, connect, and exchange ideas. Join us every first Tuesday of the month for our Monthly Meetup at St Oberholz, Kreuzberg. Whether you’re in the middle of building something new, reflecting on what’s been unfolding, or simply craving good company and meaningful chats, this meetup is for you. Come as you are, bring what’s on your mind, and let the conversations take their own shape. Coffee, community, and that ever-present Silicon Allee energy guaranteed. ☕✨ **Date & Time** Every First Tuesday ⌚️ 9:00 – 11:00 Where? At St. Oberholz Café, Oranienstraße 10-11. Centrally located between Kottbusser Tor ( U1, U3, U8) and Görlitzer Bahnhof ( U1 & U3). To access the event, enter the café through the main entrance found in the Innenhof. Look out for the Silicon Allee poster at the Innenhof and café entrance. THE SPACE As usual, we’ve got the entire St. Oberholz Kreuzberg space to ourselves, perfect for a warm winter gathering! ❄️☕ Whether you're diving into deep chats, catching up with familiar faces, or just staying cozy with a hot drink, there’s plenty of room for you. Feel free to roam: we’ve got standing and seating areas if you’re settling in for longer convos. And if you’re craving some fresh Berlin winter air, the terrace is open too—just bundle up! FREE TO ATTEND! Easy-going flow - there's no agenda. It's all about meeting and connecting with entrepreneurs, tech enthusiasts, investors, business coaches, experts, and folks from the Silicon Allee team. Tech lovers - are you curious about technologies and how we can use them to improve our lives? Lover of tech looking for a job in tech? Things get even more exiting for you if they go deeper into technologies such as AI, Machine Learing, Robots, Sensors, Lasers and everything that could be achived through deep tech? This is the right place for you! Community spirit - we're ready to help navigate your journey in Berlin's tech startup community. Learn about our stratup scene, receive insider tips and engage in hot topics of conversation. There is always someone interesting in the room :) ☕️ St. Oberholz is hosting our community for this event and whoever would like to buy coffee and snacks at the Café is welcome to :) **Who is [Silicon Allee](https://www.siliconallee.com/ "https://www.siliconallee.com/")?** We are Berlin’s innovation network. Since 2011, we’ve been supporting the ecosystem as the city’s first English-language startup news site. Today, we fund and scale high-growth companies like [Vaayu](https://www.vaayu.tech/), [Kittl](https://www.kittl.com/), and [Finmid](https://finmid.com/). In 2023, we joined forces with the [Fraunhofer Heinrich-Hertz Institut](https://www.hhi.fraunhofer.de/) to help deep tech founders turn groundbreaking research into market-ready products. Our unique model supports founders working in AI, Wireless Communications, Photonics, Quantum, and Video/Image Technologies by providing: * World-Class Resources: Access to Fraunhofer’s elite research, patents, and cutting-edge facilities. * Product Development: Hands-on support to refine and build your core technology. * Financial Runway: We hire your core team of three and provide full-time salaries for 12 months. Ready to scale? [Visit our founders page for more info](https://www.siliconallee.com/founders/#program)! By attending this event, you agree to the [Berlin Code of Conduct](https://berlincodeofconduct.org/ "https://berlincodeofconduct.org/") and consent to being photographed for media and promotional purposes. Got any questions, please email events@siliconallee.com

OBS! Normally these events take place on the FIRST THURSDAY OF THE MONTH, however due to Easter we will be hosting it on the SECOND THURSDAY of the month this time. **Meaning, the event will be on the 9th of April instead of the 2nd.** Nico Caramella breaks down the strategy of placing sponsored "best X" articles on high-authority third-party publishers. Join us on April 9th, for an exciting and highly relevant session! For anyone looking to expand their knowledge on how to get noticed and build their presence in AI-recommendations , this will be an important one to attend. The session will be held at the **Buzzmatic Office, Schönhauser Allee 149**, from **9:30 to 11:00**. Enjoy **free attendance,** some lovely **breakfast** and great conversation! Nicolas Caramella, CEO and Founder of [GetCited.de](http://getcited.de/ "http://getcited.de/"), will come to the Buzzmatic office and do a session on How "Best X" Advertorials Get Your Brand Recommended by AI. *Nearly half of every AI answer about software, products, or services traces back to one content format: "Best X comparison listicles". In this session, Nico breaks down the strategy of placing sponsored "best X" articles on high-authority third-party publishers to systematically build brand presence in AI-generated recommendations. Whether you do this for clients or want to understand the emerging discipline of AI visibility, this talk gives you the framework and the data.* In May we will be welcoming Andrés Tapia as our next external speaker, to do some deepdives on related topics. We will be posting more about this soon, so stay tuned! Bring yourself, a good mood and any thoughts or questions you have on the subject. We look forward to seeing you there and hearing your thoughts! You can also find our events on Eventbrite: https://www.eventbrite.com/e/how-best-x-advertorials-get-your-brand-recommended-by-ai-tickets-1984757470021

Welcome to Sunday Tech Coffee. This is a **networking** event for those in the tech industry in Berlin. We are usually inside and to the right. Ask the barista/bartender if you can't find us.

As the title suggests, this is a **casual get-together** for the **[Tech in Berlin](https://www.techinberlin.com/)**[ ](https://www.techinberlin.com/)community — no talks, no slides, no agenda. Just conversations and connections with people who are building, learning, or curious about tech. Whether you're a founder, developer, product manager, designer, student, or just exploring the tech space in Berlin, you’re welcome to join. **What to expect:** * Relaxed, informal atmosphere * Opportunity to **make new connections** * Space to **vibe code together** (the café has great Wi-Fi) * Share what you’re working on and **get feedback or fresh perspectives** * Open conversations about tech, startups, ideas, or anything in between **No agenda. No pitches. No expectations.** Just show up, grab a drink, open your laptop (if you want). If you’re new to Berlin, new to tech, or just want to expand your circle — this is a good place to start.

🚀 Workshops: The Human-Digital Synthesis **Kultur\-Technik 2026 \| Women in Big Data Berlin** AI is no longer a future concept—it is already reshaping how we work, create, and make decisions. The real question is: **how do we use it intelligently?** *Kultur-Technik 2026:* *The Human–Digital Synthesis* draws from the European idea that technology is an extension of human culture. In this interactive session, we bring together the Women in Big Data Berlin community to explore how humans and AI will collaborate, build, and evolve together. This is not a passive event— it’s a space to **learn, discuss, and create together.** The event is hosted by **Ojin AixHaus.** Ojin AixHaus is the new, collaborative community space in Berlin Mitte, where scientists, machine learning engineers, founders, creators, and AI enthusiasts come together to build and learn about the future of AI. Ojin AixHaus is free to join, open for startups in residency applications and is currently curating their 2026 events calendar. If you have a burning idea for an event, meetup or hackathon - bring your fire, they bring the space! **💡 Event Details 💡** **1\. Choose and Participate Your Workshop \(60 mins\)** Participants will get to choose and join one of two parallel tracks onsite, and co-create a “chapter” for the final showcase. 🧠 **TECH TRACK: Collective Intelligence & AI in Companies** Facilitator: Dr. Katarzyna Stoltmann Co\-Founder\, Women in Big Data Berlin \| Head of Data Science & AI How do companies truly get the best out of AI? The answer: **collective intelligence**. This session explores: * What collective intelligence means in practice * Which tasks and roles will evolve with AI * Whether AI replaces work—or creates new opportunities ✍🏼 Hands-on focus: Designing end-to-end AI solutions at scale—thinking through how humans and AI systems collaborate to deliver impact for millions of users. 🖼️ Output: A conceptual demonstration of a **“context-aware agent architecture”** 🌟 **IDENTITY TRACK: Visibility & Personal Branding in the Age of AI** Facilitator: Angeley Mullins Founder & CEO, Aetheris Ventures In a world where content and ideas can be generated at scale, how do you stay **visible, credible, and distinctive**? This session explores: * How to position your *human voice* in an AI-driven landscape * What defines authenticity and value in 2026 * How to use AI as a co-creator, not a replacement ✍🏼 Hands-on focus: Define your personal narrative, identify your unique “signal,” and build a strategic approach to visibility through guided exercises and peer exchange. 🖼️ Output: A **“Visible Self Prototype”**—your personal positioning, key content angles, and a simple plan to build credibility and presence in an AI-shaped world **2\. Grand Finale: The 2026 Showcase \(45 mins\)** We come together to share insights from each group: * Tech track presents the “Brain” (AI Agent concept) * Capabilities track presents the “Voice” (Personal Brand & Visibility Strategy in the AI era) We will have networking afterwards where you can continue sharing your ideas! 🗓 **Date: 9 April 2026** **⏰ Time: 18:00 – 21:30** **📍 Location: Ojin AixHaus \| Chausseestraße 36\, 10115 Berlin** Why do we need these workshops? Because AI is moving so fast! - and so should we. Join us to: * Understand AI beyond the hype * Learn how to use it strategically and responsibly * Connect with a community shaping the future 👉 **Choose your track. Join the conversation. Build what’s next. We look forward to seeing you next week!** Find out more here: [Ojin AixHaus Community ](https://ojin.ai/community) Follow Ojin AixHaus on socials: [Instagram](https://www.instagram.com/ojin.ai/#) [Linkedin](https://www.linkedin.com/showcase/ojin-aixhaus/) [X](https://x.com/Ojin_AI)

**Important note: Please note that the event location changed. This event will be hosted at meeet West in Lietzenburger Str. 107, 10707 Berlin.** **Hello ServiceNow Developers of Berlin!** We warmly invite you to the next ServiceNow Developer Meetup in Berlin! Whether you are a developer, admin, consultant, or architect, your ideas and suggestions are guaranteed to be valuable and will be incorporated into the functioning of our group. **What to Expect:** * **Networking and Community Building:** Meet new people who also work in the ServiceNow field. This is a great opportunity to connect with like-minded individuals and expand your professional network. * **Open Forum:** Share your experiences, ask questions, and provide feedback on what you would like to see in future meetups. * **Free Snacks and Drinks** **IMPORTANT!!!** We want these events to truly be a "safe space" for ServiceNow professionals, so all recruitment and sales activities are prohibited. The organizers reserve the right to exclude anyone from the event who violates this rule. **RSVP and Participation:** To help us plan better, please RSVP here on the event page. Your early confirmation will greatly assist us in making this event a success. **Note:** due to international community in Berlin, we plan to run these events in **English**. We are excited to continue this journey with you to build a strong and supportive ServiceNow community in Berlin. See you there! **Meetup Agenda:** * **Welcome & Introduction** * **Ice Breaker && Get to Know** * **[Presentation:] Hybrid AI Workflows by ServiceNow's Lisa Holenstein** * **[Presentation:] CIS Data Foundations: An Introduction by SOLVVision's Hendrik Bockrath** * **[Presentation:] "Test-Driven Generation" - AI augmented coding for the enterprise by ServiceNow's Sascha Wildgrube** * **Q&A, Recap** * **Networking & Informal Discussions**

Salut les amis, Nous vous invitons pour notre prochaine discussion **le mercredi à 19h00**, **au Dussmann KulturCafé**, au 2e étage de Dussmann das KulturKaufhaus Berlin, Friedrichstraße 90, 10117 Berlin. Nous espérons voir de nombreux nouveaux visages et avoir une discussion animée et inspirante ! ✨ **Au programme ?** Des échanges captivants sur des sujets de **philosophie** et de **société** qui nous intriguent et nous passionnent. Une belle occasion de partager nos idées, découvrir d’autres points de vue et apprendre ensemble dans une ambiance conviviale. **Niveau de français** : Idéalement, il vous permet de participer à une discussion intellectuelle sans trop de difficultés ! **Lieu** : Friedrichstraße 90, 10117 Berlin À bientôt! 😊

Dear meetup community, we decided to move to another platform to continue growing without having to pay Meetup (now charging us 30€/mo) and thus, keeping our events FREE. 2 steps to keep coming to our meetups from now: 1 - [join our Newsletter and Whatsapp group ](https://forms.gle/wKQdJUhxpx6GQuLL7) 2 - Find us on Traube : [https://traube.club/p/music-marketing-meetup](https://traube.club/p/music-marketing-meetup) it’s a Berlin-based platform made by two friends, you’ll also find plenty of nicely curated music events plus there is a chat so you can connect with your music friends.

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

**TBA**

We meet to learn and practice American Sign Language and to grow our familiarity with Deaf culture. Facilitated by hearing folks (with a connection to a professional interpreter) using Deaf-created content. People of all ASL skill levels are welcome! As we learn, we hope to connect more with the Deaf community in Central Ohio. Join us as you're able! Come regularly or just once - whatever you're looking for! Each meetup will explore different topics related to ASL/Deaf culture, and will feature time to practice conversation with one another. Just bring yourself and a willingness to learn!

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

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