Web Technology

**Join us for a swim at Stadtbad Tiergarten Pool (near Hauptbahnhof)!** Hey everyone, We are doing a casual non-professional swim. It's an indoor heated (+26°C) pool, and I'd love for you to join us! We'll be gathering for a casual chill 30-minute swim. No need to race or compete, just enjoy the water and calm after completing the swim. Afterwards we go to a nearby café for coffees and chat, but no pressure to stick around - totally optional! **Bring** * swimsuit * towel * 1 Euro coin (for a locker) * ticket (5.50€, buy online or on site) **Where** In the entrance hall inside the pool.

Nehme an unser erstes n8n Meetup in Berlin Charlottenburg teil.

**Founders Running Club** (FRC) brings founders, investors, tech, creative people and startup enthusiasts together for weekly easy runs and networking. We like to be comfortable when we run and finish with coffee and conversations. Choose your pace or follow a pacer—pets, friends, family, are welcome. 🗓️ Launched in San Francisco, July 16, 2022 🌍 Now in 35+ cities 📅 Running + Networking events + Community **Join the community** [http://foundersrc.com/chats](http://foundersrc.com/chats) **Stay updated**: Instagram [http://instagram.com/foundersrc/](http://instagram.com/foundersrc/) Podcast [http://podcast.foundersrc.com/](http://podcast.foundersrc.com/) LinkedIn [http://linkedin.com/company/foundersrc/](http://linkedin.com/company/foundersrc/) Strava [http://strava.com/clubs/foundersRC](http://strava.com/clubs/foundersRC) Website [http://foundersrc.com/](http://foundersrc.com/)

**The Vibe:** Agentic AI is moving too fast for „best practices.“ We are here to experiment, debug, and learn from each other. **The Plan:** I’m hosting a micro-meetup for software engineers who are actively exploring autonomous AI agents. Whether you are building with CrewAI, LangGraph, AutoGen, or experimenting with local LLMs – let’s compare notes. This is a „Lab“ session. We will: \* **Show & Tell:** Share what you are working on (even if it’s broken). \* **Dissect Approaches:** Discuss how to handle context, loops, and hallucinations in production. \* **Hands-on:** Bring your laptop. We try different setups live. The Logistics: 📍 Location: My Office in Grunewald area – Boardroom. 🎟 Capacity: Strictly limited to 6 seats. 🍕 Food/Drinks: Snacks and drinks provided. Who is this for? **Professionals eager to actively shape the future and elevate software engineering through Agentic AI.** We are looking for people ready to co-create the next generation of workflows, not just watch from the sidelines. Since we are a very small group, please only register if you are willing to actively participate in the discussion and hands-on lab work.

**📅 Week 1 Focus: Kickoff & New Shared Project Theme** We’re starting a new **7-week cycle** with a clear theme: **building one data science project together from start to finish.** 👩‍💻 No experience required Each 7-week cycle focuses on a **small, well-defined part of a larger system**—and over time, these cycles build toward a complete, real-world project (covering data engineering, data science, and deployment). You’re welcome to work on your own project if you prefer, but the shared project gives everyone a common foundation and learning rhythm. 🧠 2026 First Project This cycle’s shared project is an **image-based knowledge extraction system**., including: * Taking photos of book pages or documents * Extracting and cleaning text from images * Structuring that information into something useful (e.g. flashcards, notes, summaries) 📌 By the End of a Full Cycle, You should Have 🎯 A working project in your own GitHub repo 🎯 A small but real portfolio piece you can demo or write about 🎯 Experience going from messy inputs → concrete outcomes Perfection isn’t the goal—finishing something real is. ✨ Who’s Hosting? I’m Lindsey, a senior data scientist working on AI, causal inference, and data products. I’ve built models for fraud detection, uplift modeling, and LLM-based systems—and I care a lot about learning through building, not hype. 📅 When: Saturday, Jan 24 · 9:30–11:30 📍 Where: Torstraße 59, Forward Earth 💻 Bring: Your laptop, an idea—or just curiosity

Restaurant Feast Berlin on Meierottostr. 1 · 10719 Berlin Tried and trusted restaurant serving updated versions of chinese, mainly cantonese, cuisine in a subdued mordern decor with no kitsch or clichées. A few dishes such as peking duck pancakes and steamed scallops are absolute must-try, star dishes. Please do not sign up unless you are sure to attend. Late cancellations or no-shows will be deleted from the group.

Come celebrate our 2nd Anniversary! Sip Happens! Berlin turns 2 years old 🐥 After the raging success last year of our 1st Anniversary, we’re so happy to say that we made it already to the terrible twos! And not only are we celebrating our event’s existence, we also have several of our hosts with birthdays. We’d love to welcome you on this special night! ——- Meet up and join us this Saturday! Whether you're a long-time resident or just travelling through, come and meet new people to have fun, make new friends and enjoy your Saturday evening in a safe and welcoming environment at one of Berlins fantastic bars (and then there's always people who want to go to a club afterwards). This week we're heading to the fantabulous **Tabula Rasa** (see link to location). 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\)

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

Join this **Interview Simulation** session — to sharpen the skills for both interviews **and** architectural pitches. 💡 How it works The event is split into three parts: 1. **Most common behavioral & HR questions** \- you will receive a printed list of behavioral/HR questions and we brainstorm tips on how to prepare for them 2. **Interview Simulation (10 minute rounds)** – One participant acts as the interviewee and answers a round of behavioral and design-focused questions. Each other participant gets to ask him one interview question. 3. **Feedback Round** – The group provides feedback on communication, structure, and clarity. Constructive criticism is encouraged. 💡You will be asked: * **Behavioral questions** (“Tell me about yourself”, “Describe a challenge you faced...”) * **Technical questions** (based on your tech stack) * **Light design problems** (high-level reasoning, not code) No need to prepare anything in advance — just bring curiosity and an open mind. Feel free to bring your CV if you’d like feedback from others, or share a few words if you’re currently job hunting. If so, we will also brainstorm answers to more common questions that you were asked. Whether you’re preparing for an interview or simply want to grow as a software designer or architect, this session is for you. Note: location was changed to Strandbad Mitte cafe: https://share.google/ahAXMM91XoJY6fFez 💡Resources: * IT portfolio ideas: ideabrowser.com , reddit.com/r/SideProject * mock interview platforms: pramp.com , interviewbit.com , finalroundai.com * online coding platforms: leetcode.com, hackerrank.com, codewars.com , codingame.com , projecteuler.net ,techiedelight.com , exercism.org * confidence building exercises: [Confidence exercises ](https://limewire.com/d/o4tZw#RLA03qdOxU) , [reddit discussion](https://www.reddit.com/r/jobs/comments/1cjlblp/how_in_the_world_do_you_keep_your_selfesteem_up/) , [another discussion](https://www.quora.com/How-do-I-keep-my-self-esteem-from-being-destroyed-while-job-hunting) , [quora discussion](https://www.quora.com/In-my-late-50s-I-find-myself-out-of-work-for-the-first-time-in-30-years-How-do-I-replace-apprehension-and-anxiety-with-confidence-to-job-hunt) * success stories: [story 1](https://www.reddit.com/r/RemoteJobseekers/comments/1p8faip/i_finally_landed_a_remote_job_after_10_months_of/), [story 2](https://www.reddit.com/r/RemoteJobseekers/comments/1fdpeg2/how_i_landed_multiple_remote_job_offers_my_remote/)

Liebe Bitcoinerinnen, Es geht in die nächste Runde und wir laden euch herzlich zu unserem nächsten Les Femmes Orange Meetup ein — ein Raum von Frauen, für Frauen, die sich für Bitcoin begeistern oder einfach neugierig auf das Thema sind. Egal, ob du schon lange im Bitcoin Space bist oder gerade erst eintauchst – komm vorbei, tausche dich aus, vernetze dich mit anderen Frauen und lass dich inspirieren. Les Femmes Orange Berlin Telegram-Gruppe: Für Fragen, Feedback und Infos: https://t.me/+ccJ7AYxrz4FjOTdi Wir freuen uns auf dich!

This meetup is a relaxed kick-off for everyone who’s curious about building something together. The idea: creating a playful scavenger hunt for Berlin — step by step, as a community. Not as a fixed project yet, but as an open exploration of what could be fun, meaningful, and doable together. This first meetup is a thinking and exchange space: * What makes a great scavenger hunt? * Digital or analogue? * Small and simple, or a bit more ambitious? * How could we collaborate in a way that feels light and sustainable? You don’t need any prior experience, skills, or commitment. Just curiosity, ideas, and an interest in making things with others. This meetup is part of our **Maker Octopus** 🐙 spirit — about experimenting, co-creating, and letting ideas grow through shared action. Meet your host I’m Julia — a Berlin local who loves bringing people together. My path went from growing up in a dance school to studying philosophy to working in IT support, and somehow all of that led me here: hosting meetups and creating spaces where people can show up, relax, and connect. Insta [https://www.instagram.com/juwaberlin/](https://www.instagram.com/juwaberlin/) LinkedIn [https://www.linkedin.com/in/julia-waehnert/](https://www.linkedin.com/in/julia-waehnert/) About The Social Butterfly Club 🦋 is a Berlin-based community that has been bringing people together for over three years. Each gathering is part of a larger framework designed to help friendships grow through shared experiences in the city — with a long-term vision of turning Berlin itself into a shared, playful experience. Curious to learn more about the Social Butterfly Club? You can explore the bigger picture and stay connected here: [https://social-butterfly-berlin.kit.com/join](https://social-butterfly-berlin.kit.com/join)

Join us for a relaxed Sunday meetup at Futurium. We’ll explore the exhibitions together and chat as we go. It’s free entry and a great winter option because it’s indoors and warm. * **Where:** Futurium main entrance, Alexanderufer 2, 10117 Berlin * **When:** Sunday 25 January, 14:00 * **Meeting plan:** 14:00 sharp. I’ll wait **5 minutes max**, then go in. After that I won’t check my phone. If you’re late, you can find us inside or tour the museum on your own. * **Costs:** Free entry * **Plan:** Quick hello, then we explore in a relaxed loop and regroup now and then. Depends on how we feel, we might go for drinks afterwards. We want everyone to feel safe and comfortable. Please respect boundaries. Harassment or disrespectful behaviour isn’t welcome and may mean removal from future events.

As our regulars know, we have experimented with different venues in various Berliner districts. For the first time ever in our group history, we have the honour to make an appearance at a co-working space – a special shoutout to **[Saftladen](https://saftladen.berlin/)**, a non-profit and very professional (wink wink if you know the German joke here 🍊) collective for indie game developers in Berlin! 👾 Here's an overview of what you could expect: * **Mandatory donation (amount of your choice)** – this supports essential costs like the Meetup subscription and keeps our community thriving 🌱 You can either submit a **physical donation** to the event host in person or make a **digital donation** **[here](https://paypal.me/origamiberlin?locale.x=de_DE&country.x=DE)** (and inform the host afterwards). * In-person folding practice for all levels – beginners and experienced folders are equally welcome. * Origami paper + model instructions will be provided (from the host’s collection, for reference only). Feel free to bring your own favorite sheets or tools! * Photos may be taken for memories & our archive (Meetup, Instagram, Telegram) – let the host know if you prefer not to appear. * **We kindly encourage everyone to buy at least one drink (€2 each) to support [Saftladen](https://saftladen.berlin/) for hosting us!** ⚠️ **RSVP Policy – Please Read** ⚠️ Our community has grown a lot since its birth in August 2024, which is amazing — but it also means we need to handle RSVPs more carefully: * RSVP opens **7 days before** each event (apart from short-notice events) and closes at **noon on the event day**. * Please cancel your spot or contact the host directly (via Meetup message function or our [Telegram channel](https://t.me/+T4URs80l2ig3NWNi)) by **noon on the event day** if you can't make it last minute. * Members with **2 no-shows** (without notice) will be removed from the group unless a valid reason is provided. Thank you for helping us keep Origami Crafters Berlin respectful, reliable, and fun! 🙏 Get in touch if you have questions anytime and see you all at the folding tables very soon! 👾🍊

Meinungsaustausch, Investmentideen, Buchbesprechungen, Charttechnik, Fundamentalanalyse. Wir diskutieren über die Themen Börse, Investment und Trading. Verkehrssprache ist deutsch. Egal ob Anfänger, Profi oder "will nur mal gucken": jeder ist willkommen und kann mitreden. Die Veranstaltung ist insbesondere geeignet für aktive Händler in Einzelaktien, Optionen und Rohstoffen. Es geht viel um technische Analyse und technische Markteinschätzung, aber auch um fundamentalanalytisch basierte Einzelaktienauswahl, Volatilitätshandel und Optionshandel. Es gibt ein Musterdepot, dessen Struktur und Performance als Diskussionsgrundlage dienen soll. Jeder kann seine Meinung dazu äußern. Das Musterdepot findest Du bei wikifolio.com unter https://www.wikifolio.com/de/de/w/wf000bit01 Meinen Youtube-Kanal findest Du hier: https://www.youtube.com/channel/UCCmOeA2-rAS2P8YZNp11N6Q Kryptowährungen spielen thematisch nur eine untergeordnete Rolle. Der Kurzvortrag mit Diskussion startet pünktlich 17.15 Uhr. Wer viel Aufmerksamkeit braucht, kommt einfach zu spät und wird von allen angeschaut :-) Wer noch Kontakte knüpfen oder quatschen möchte, sollte schon ca. 16.30 Uhr kommen. Die Veranstaltung endet püntklich um 19 Uhr.

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you. Our Website [https://linktr.ee/citcbus](https://linktr.ee/citcbus) Sponsors and Partners * Improving (Venue Sponsor) * Bethel World Prayer Center (Fiscal Sponsor) * Fruits & Roots (Coffee Partner)

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