Laser Tag

Pojďme se pravidelně potkávat a sdílet zkušenosti z Power Platformy, co nás na ní baví, co nás trápí a co nového zajímavého přichází. A pokud už nám to někde reálně běží, pochlubme se, jak to funguje nebo nefunguje. Témata jsou primárně Power Automate, Power Apps, Power Pages, Power BI, Copilot Studio, Dynamics 365 a Dataverse. Budeme rádi i za méně pokročilé příspěvky, protože většinou jsme velmi hluboko v technických detailech. **Lokalita:** Fyzicky v Microsoftu v Praze Vyskočilova 1561/4a, Praha 4, 140 00 Místnost Morava Případně online na [https://ppug.community/stream](https://ppug.community/stream) **Jazyk:** čeština **Agenda:** [https://ppug.community/agenda](https://ppug.community/agenda) **Přihlašte vlastní příspěvek:** [https://ppug.community/sessions](https://ppug.community/sessions) **Link na stream:** [https://ppug.community/stream](https://ppug.community/stream) **Občerstvení:** Bagety **Úroveň:** 100-300 Tak si prosím naplánujte čas ve svých kalendářích a přijďte, pokud bude chuť a čas, tak si po meetupu určitě můžeme sednout na pivo.

Come and join us for a fun, friendly, but competitive game of 7-a-side. All abilities welcome. Artificial, outdoor pitch all year round, whatever the weather. The game starts at 19:30, please be ready to play by then. This football training event is organized by **Taverners FC z.s.** (IČO 23530791). By taking part in this event, each participant confirms that they are responsible for their own health and physical condition. Participation is voluntary and at the participant’s own risk. Taverners FC is not responsible for any injuries, health problems, loss, or damage that may occur during or as a result of participation in the event. Each participant confirms that they are fit to participate. IMPORTANT! A place is ONLY guaranteed for those who are on the list for the event. If you are on the waiting list, please wait patiently until you are on the actual list. Even if you see free spots on the list, but you are still on the waiting list, a place is NOT guaranteed. Also, we do last-minute subs in the Facebook group every Thursday afternoon: https://www.facebook.com/groups/tavernersprague The game costs 60 crowns. Ways to pay: 1\. With cash\. Ideally\, with exact change\, or no more than a 200 crown note\. 2\. On Revolut \- @simonalperovich / QR code at the game\. Late cancellation after 14:00 on the day of the event costs 60 crowns.

Free Event/Vstup Zdarma Pro češtinu, podívejte se níže EN Hello, people of Prague!! We bring you a forum to trade your language skills and learn something more. If not interested in language, you could have a general conversation. The goal is to create a chill environment for social networking with a focus on learning the language of your choice. So grab some beverages at the bar/cafe and get on with it every Thursday. **NEW** Venue: Tequila Tales Bar **NEW** Location: Ujezd 409/19, 11800 Malá Strana Timing: 1900-2200 (Every Thursday) \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- CZ Ahoj Pražáci!! Přinášíme vám fórum, kde můžete vyměnit své jazykové znalosti a dozvědět se něco víc. Cílem je vytvořit pohodové prostředí pro sociální sítě se zaměřením na výuku jazyka dle vašeho výběru. Takže si vezměte nějaké nápoje v baru/kavárně a pusťte se do toho každý čtvrtek. **NOVE** Místo: Tequila Tales Bar, Ujezd 409/19, 11800 Malá Strana Čas: 1900-2200 (každý čtvrtek)

This time, the event will also include a **competition** and the **announcement of its results**. The description can be found below. For more information about the competition, please click **[HERE](https://deepscout-challenge.miton.cz/).** Web scraping is no longer just about simple scripts. Modern websites are complex, dynamic, and protected by many anti-scraping systems. At the same time, companies need large amounts of structured data from the web. In this event, we will focus on a real scraping use case and use it to explain how modern scraping works. You will learn what kinds of protections websites use today, what tools can be used depending on website difficulty, and what technical challenges appear in practice. We will also show how machine learning and AI help turn messy web data into structured, usable information. \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- ⌚️ **Start**: 16:00 and end at 17:00, both online and offline in **Truhlárna Karlín** (Šaldova 388/5) - **Onsite attendance is limited to 100 people.** 🎙️ **Speakers:** Jan Mittner, Michal Marhan 🍻 **Networking** after the seminar – great food and cold beer waiting for you! **🎥 Recording:** After the event we will publish a recording and post a link to it in the comments. 🚪**Doors open** at 15:45, and the event officially starts at 16:00. Your expertise is about to take off. Can't wait to have you on board! \-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\- **Who is hosting the event** **GLAMI** is a leading European fashion discovery platform active in 14 countries. It brings 500,000 orders monthly to the 4,000+ shops listed. [GLAMI](https://glami.group/) has an in-house team of 10+ AI researchers and developers. Machine learning models handle the entire personalization and catalog ranking process, manage bidding in marketing tools, and take care of content management and categorization. [Tonda Hoskovec](https://www.linkedin.com/in/antonin-hoskovec-52b611a0/), CAIO at GLAMI, is the main organizer of Miton AI Times. **Miton** is a Czech VC with portfolio companies like Rossum, Equilibre, or Rohlik. Apart from supporting Miton AI Times, Miton also issues the bi-weekly [AI Newsletter](https://mitonainewsletter.substack.com/). [Read more about Miton and AI](https://www.miton.cz/en/ai/)

**Loving games and eager to practice Chinese?** Join our small, friendly meetup to play board games, learn Chinese words and cultural tips, and make friends along the way! * Play interactive games that make learning Chinese fun * Discover interesting Chinese expressions and their cultural meanings * Share stories, laugh, and connect with people * Learn how to create your own games based on your study, so you can play anytime Suitable for both Chinese speakers and learners. Can’t make it? Leave a comment with your favorite games — I’ll try to adapt them into a Chinese learning version for the next meetup!

**Chess Club:** Every Thursday, Brix turns into a chess club. Whether you've been playing for years or you're just curious about the game, you're welcome here. Come to compete, come to learn, come to sit with a drink and watch; it's that kind of evening. We host tournaments every week. If you want to join it, register below or on the spot. Register for the tournament: [https://docs.google.com/forms/d/e/1FAIpQLSdOTaH8wQEg6DHzmLORUt56MF8PGZI3ULbp9MVoSlFuSi6HPQ/viewform?usp=sf_link](https://docs.google.com/forms/d/e/1FAIpQLSdOTaH8wQEg6DHzmLORUt56MF8PGZI3ULbp9MVoSlFuSi6HPQ/viewform?usp=sf_link) Join the community on WhatsApp: [https://chat.whatsapp.com/E0pcmgLVzft3fJr5lCDWk8?mode=gi_t](https://chat.whatsapp.com/E0pcmgLVzft3fJr5lCDWk8?mode=gi_t) Event for hostel guests, free entry, no tickets needed. From 20:00 at Brix Bar & Hostel. See you there. x Brix Bar & Hostel * 📍 Roháčova 132/15, Praha 3 — Žižkov

**IMPORTANT! Please register on [Luma event](https://luma.com/8b1pmcxd)** ​Designers work with AI every day now. But the hard questions keep getting skipped: When do you trust what the model gives you? When do you overrule it? And if the product ships something wrong, whose call was it? ​This is a small, practitioner-led conversation: two speakers, two short perspectives, then an open discussion with everyone in the room. ​**Speakers:** * ​Sachin P. - UX Designer at Think Design, Hyderabad. 10+ years in product and service system design. * ​Sujit Kumar Pradhan - UX Designer III at Google (Hyderabad), previously at Microsoft and Amazon. Currently building Agentic AI tools for Google's People Ops. Has spoken at GDG DevFest (800+ attendees) and IIT Jodhpur on designing with AI. ​**Schedule:** 7:20 PM - Doors open 7:30 PM - Speaker perspectives 8:00 PM - Open discussion 8:30 PM - Networking 9:30 PM - Wrap up ​ **Venue:** Lamakaan - The Open Cultural Center Off Road 1, Near GVK Mall, Banjara Hills, Hyderabad 500034 ​Free entry. Limited spots, only RSVP. ​Organised by Projector Community (by[ Projector Institute](prjctr.com/en/about)), a global network of creative and tech professionals founded in Ukraine. ​Hosted by Projector Community Hyderabad ambassador: [Iryna Snytiuk](https://www.linkedin.com/in/iryna-snytiuk/)

Let's play badminton at Sports Centre Olšanka. We'll meet at 11.40 and play for 60 minutes. If you have a Multisport card please bring it along, as it will make the court free for you and also reduce the cost for others. If you don't have a Multisport card the game will cost you a maximum of 150 crowns, probably much less. I will cover the cost of the court so please bring cash to pay me. There is a small organisation fee of 20 crowns for all players to participate in this event. Racquets can be rented for 50 crowns.

Calling all tabletop detectives and storytellers in Prague! 🌿🕵️‍♂️🕵️‍♀️ Join us for an unforgettable afternoon of intrigue, deception, and drama — this time **outdoors at Riegrovy Sady**! With the good warm weather finally arriving, we’re taking *Blood on the Clocktower* into the sun, the grass, and the open air for maximum vibes. Step into the mysterious village of Ravenswood Bluff, where no one is quite who they seem. Will you uncover the demon, protect the town as a Good character, or sow chaos as the Evil? Every round brings new twists, secret roles, and shocking revelations — perfect for friends old and new. No experience? No problem! We’ll guide you through the rules, and you’ll be scheming, bluffing, and deducing in no time. **When:** Sunday, 12 April from **15:00** onwards **Where:** **Riegrovy Sady** 🧺 **Important:** Since we’ll be playing outside, please **bring picnic blankets** (or something comfy to sit on). 🌧️ And a small heads-up: if rain is forecast, the event may be **postponed** — we’ll confirm closer to the date. Mark your calendars, bring your wits, and get ready for an afternoon of suspense, laughter, and unforgettable storytelling. Let the mystery begin! 🔥

**6-a-side Football** practice at Pražačka Football artificial grass pitch. Maximum of 36 participants for 6 teams of 6. **Kick off at 12h00**. Everybody is welcome, no age, gender nor any restriction of any type to join. Cost: **90 crowns**. Please send the money using the **QR Code** stored here: https://imgur.com/a/PjU32Fi In case of any Opt-out within 24h of the session, or no show, the payment will be due (you still can ask someone to come instead of you, as your spot will be booked)

**Galaksia Praha 23** is letting **players to join** each of **their trainings for free** **as a trial** session to join the **5x5** Galaksia **basketball** team. If you are interested to join the team, you can **sign up here**. Maximum 2 players will be joining the training as trials. Please sign up **to only one training** as only one trial is allowed per player. If you sign up to more than one sessions, only the earliest one will be kept. Once you signed in and are therefore confirmed, **please be at** the address (ZŠ Bítovská indoor basketball court) **at 19h15** to be ready for the training starting at 19h30. After receiving Coaches feedback, we will then reach out back to you following the trial. In case of any Opt-out within 24h of the session, or no show, the trial will be considered passed and it will not be possible to join another training.

Come and join us for a fun, friendly but competitive game of 7-a-side. All abilities welcome. Artificial, outdoor pitch all year round, whatever the weather. Please be ready to play on the hour. We will play on the pitch nearest to the changing room / bar building, and you have access to the changing room before the game. The game costs 80 crowns. Ways to pay: 1\. With cash\. Ideally with exact change\, or no more than a 200 crown note\. 2\. On Revolut \- \+44 7717 452 156 / @thomas3dgu / QR code at the game\. 3\. On Wise \- I will send you a payment link\. \~\~\~ Please note that during this current busy period, 3 spaces are reserved until Monday evening for new players (fewer than 3 Saturday events).

Some people go to pubs. Some people conquer galaxies, build empires, trade spices, or outsmart dragons. Nerdy Fridays are our open board game nights for anyone who prefers strategy over small talk and dice over disco lights. Come solo or bring your crew. We’ll help you find a table, explain the rules, and match you with a game that fits your vibe. From light party games to deep strategic battles, the shelves are open. Entry fee: 100 CZK (includes access to games and rule explanation) Friday nights don’t have to be loud. They can be legendary. 🎲✨

Looking to meet new people and enjoy a relaxed day full of board games? Join us at Palmovka for a cozy board-gaming meet-up open to everyone — beginners, casual players, and experienced gamers! We have a big selection of games, from easy social titles to strategic favourites. You can come alone or with friends — our community is super friendly, and we always make sure nobody sits alone. Don’t worry if you don’t know the rules — we’ll happily explain everything. ✔ Friendly atmosphere ✔ Lots of games to choose from ✔ Perfect for meeting new people ✔ Come anytime during the day ✔ No registration needed entry fee 50czk (no hour limit) if you do not order anything at bar it is 100czk. Whether you want to laugh, think, or just relax after a long day, this is the perfect place to unwind and connect with others. See you at Palmovka – let’s play!

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

Dodgeball is back again! If you’ve been wanting to come out, this is an easy one to join. We’ll be playing for about 1.5 to 2 hours, you do not need to bring any equipment, and no experience is needed. We use a specific set of rules and equipment to make the games run better and keep them fun for everybody, not just people who already know how to play. If it rains, the event will be canceled.

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