Web Standards

Nu: online! Doe een gratis proefles mee: stuur een mail naar: susan@nt2cafe.nl dan stuur ik je een link naar Zoom. We gaan samen een roman lezen (ook thuis) en spreken hierover en je krijgt hierover schrijfopdrachten. Heel goed voor het verhogen van je woordenschat eninteressant omdat we romans/verhalen lezen van literaire schrijvers. De leesclub is voor deelnemers van B2 en hoger.

Join us for a breathwork session. Everyone is welcome. Cost of attending is only your time and attention. Join by clicking on the following link from your phone, or by entering it in computer’s web address bar. If this is your first time on Zoom, you may need to install the Zoom application first. https://us02web.zoom.us/j/750599401 Be well and Breathe deep, Chuck McGee III

Sunday Mornings, 10:30am-11:30am Join Zoom Meeting: https://us02web.zoom.us/j/87453341757?pwd=VVZxczI5WDFDTkUvdjdZakdkZHBRUT09 Meeting ID: 874 5334 1757 Passcode: 295059 Sunday Service is inspired by the meditation tradition of the East and the ancient teachings of mystical Christianity, with inspirational readings from both the Bible and the Bhagavad Gita. Service includes prayer, music, group chanting, meditation, affirmations, and an inspirational talk. All are welcome. This event is FREE. Donations are welcome and appreciated. To donate, please visit https://www.paypal.com/us/fundraiser/charity/1466246

★ FME speakers! ★ --------------------------------------------------------------------------------------------- ● Français en dessous ● Join us every Sunday and Wednesday from 19:30 to 21h00 (French Time) for the weekly "FrenchmeetEnglish" online language exchange via ZOOM. ● The event is 100% free, however donations really help! For those who would like to support our language exchange group, you can make donations here- https://paypal.me/frmeeten?locale.x=fr_FR About this Event ★ FME speakers! ★ --------------------------------------------------------------------------------------------- HOW IT WORKS: 40 English/French speakers from all over the world will be split into small groups of 4 and will engage in 2 rounds of conversation; 15 minute French/15 minutes English. The host manages the switch overs and informs speakers when to change languages. WELCOME: 19h30 - 19h45 - Speakers join the meeting from all over the world (patience) ROUND 1: 19h45 - 20h15 - Speakers are split into small groups and speak for 15minutes in FR followed by 15 minutes in English(we try to keep and FR/EN balance between groups & you'll receive a message when to change languages) BREAK: 20h15 - 20h25 - Participants are automatically brought back to the main room/ A short pause ROUND 2: 20h25 - 20h55 - New breakout groups WRAP UP: 20h55 - 21h00 - Important message from hosts 🌟 (Simply register for the meeting and you'll be sent the ZOOM link via email... It may end up in the junk email so check that too ;) 🌟 Download ZOOM here: - iOS: https://apps.apple.com/us/app/zoom-cloud-meetings/id546505307 - Android: https://play.google.com/store/apps/details?id=us.zoom.videomeetings&hl=fr -------------------------------------------------------------------------------------------- ● Rejoignez-nous les mercredis et dimanches de 20h00 à 21h30 (heure française) pour l'échange linguistique hebdomadaire "FrenchmeetEnglish" via ZOOM. ● L'évènement est 100% gratuit, cependant vos participations nous aide beaucoup!! Cliquez ici si vous voudriez soutenir ce groupe- https://paypal.me/frmeeten?locale.x=fr_FR --------------------------------------------------------------------------------------------- COMMENT ÇA MARCHE: Un maximum de 100 anglophones / francophones du monde entier seront répartis en petits groupes de 4 et participeront à 2 séries de conversations; 15 minutes français / 15 minutes anglais. L'hôte gère les changements et informe les participants quand il faut changer de langue. L’ACCUEIL: 19h30 - 19h45 - Les participants se joignent à la réunion des 4 coins du monde (épreuve de patience) SÉANCE 1: 19h45 - 20h15 - Les participants sont divisés en petits groupes de ~ 4 et parlent pendant 15 minutes en FR et puis 15 minutes en anglais (nous essayons de garder un équilibre FR / EN entre les groupes et vous recevrez un message quand il faut changer de langue) PAUSE: 20h15 - 20h25 - Les participants sont automatiquement ramenés dans la salle principale SÉANCE 2: 20h25 - 20h55 - Nouveaux groupes de discussion (Comme premier séance) CLÔTURE: 20h55 - 21h00 - Message important de l'hôte 🌟 (Inscrivez-vous simplement à la réunion et vous recevrez le lien ZOOM par e-mail) 🌟 Téléchargez ZOOM ici: - iOS: https://apps.apple.com/us/app/zoom-cloud-meetings/id546505307 - Android: https://play.google.com/store/apps/details?id=us.zoom.videomeetings&hl=fr A très bientôt.

**📰 Special Edition Duhon Report 📰** 🕑 Join us TODAY 🗓 Keep up to date with DeFi 📈 🎤 Have a discussion about DeFi, Economics, and Tech 👋 Meet like-minded people! 🗞 SPECIAL EDITION 🗞 --- 🎤 Introduction 🎤 Special Edition News Report by Peter Duhon 🎤 Discuss any current, past, or present related DeFi, Economics, Tech News, and the things concerning to you. 🧑‍💻 👩‍💻 Learn with all of us online 🧑‍💻 👩‍💻 ⚡ We are Beginner-Friendly and no question is too simple to answer! 🎓 Consensys Academy 🎓 🖥 Before The Bootcamp: Basic Training BootCamp Prep 🖥 Click the link 👇 Enroll For Free: https://courses.consensys.net/courses/bootcamp-basic-training 🚧 Want to Build a project? Looking for Teammates? Come on Down! 🚧 *** OPEN SOURCE ‍🎟️ --- If you’d like to contribute, please check out our open source repos: https://github.com/EthBuilders Currently, we are building our community’s website: https://github.com/EthBuilders/EthBuildersNYC-website *** INFO --- Hello World! We are hosting events remotely. Our goal is to foster a community where attendees can Learn, Grow, and Create a network in the Decentralization space. We aim to create a Collaborative and Welcoming Environment Attendees from ALL backgrounds can learn about the space, keep up with innovations, share cool projects and coding tips, talk shop, and expand their network. We are beginner-friendly and no question is too simple to answer! Distributed Ledger Technology is as important to society as double-entry accounting and the publicly traded company. It will allow humans to scale their collaborative efforts and realize new manners of organization and prosperity. We hope to help you on your journey to build the future. We are excited to help build a stronger blockchain developer community in New York City and now, the WORLD. *** JOIN OUR SLACK --- 1. Our Slack: http://bit.ly/NYC-Blockchain-Devs-Join-Slack *** CURRICULUM 📚 --- SEE FULL CURRICULUM HERE: https://docs.google.com/document/d/1W9o5ex03yWZHZLNs0Q3CYn8qTHonQCgwAfydexnO57A/edit?usp=sharing *** OUR MISSION --- Helping to build a decentralized world to help scale permissionless human collaboration. *** SPONSORS Ξ ₿ $ £ ¥ --- ConsenSys: The leading Ethereum Blockchain Development Studio. Check out the amazing products coming out of ConsenSys such as MetaMask, Infura, Truffle, the entire CodeFi Suite for institutions, and more! See more: https://consensys.net/ 🎓 Consensys Academy 🎓 🖥 Before the Bootcamp: Basic Training BootCamp Prep 🖥 Click the link 👇 Enroll For Free: https://courses.consensys.net/courses/bootcamp-basic-training

Describe things in a clear order so it's easy to digest. Start with an overall description of the event and include a basic agenda, before you move into really specific details.

Membership - Nationsorg International Hello, Bonjour, 你好! We hope all that everything is going well on your end. The new associative year has already started and promises many new Meetups (Offline / Online), technologies, discussions and news. We thank you for the participation in our international project and we suggest to renew the Membership: Membership with the Nationsorg association - (5 € / year) : http://member.nationsorg.org Registration form to become a member or volunteer of the international association Nationsorg: http://volunteer.nationsorg.org You will have access to the Private Members group with many quality events and important information. (Please contact us by email info@nationsorg.com after the payment!) We wish the best health and safety for you and your families. Best regards, Nationsorg >>><<< Bonjour, Hello, 你好 ! Nous espérons que tout va bien de votre côté. La nouvelle année associative a déjà commencé et promet de nombreuses Meetups (Offline / Online), technologies, discussions et actualités. Nous vous remercions d'avoir participé à notre projet international et nous vous proposons de renouveler votre Adhésion: Adhésion a l'association Nationsorg: http://member.nationsorg.org Formulaire d’inscription pour devenir membre ou benevole de l'association international Nationsorg: http://volunteer.nationsorg.org Vous aurez accès au groupe des Membres Privés avec de nombreux événements de qualité et les informations importantes. (Merci de nous contacter par email info@nationsorg.com après le règlement!) Nous souhaitons la meilleure santé et sécurité pour vous et vos familles. Avec les meilleures salutations, Nationsorg

Vagabond is meeting via Zoom on Sundays at 6 PM ET: Click the link https://us02web.zoom.us/j/89642197511 to join! (please call/text 301 547 9321 to get your password). For more information about our club, please visit https://vagabond.toastmastersclubs.org/

SDK study group. We play, watch lectures, and review games

I've been running weekly Crypto Club catchup on Zoom sessions for over two years. The topics we cover go way beyond just crypto. We discuss blockchain, digital assets, cryptocustody, NFTs, DeFi, token-based croed funding, regulation, trade, CBDC's and much more. The sessions are open to everyone - novices, experts, domain professionals and anyone else who wants to learn and share.

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

**TBA**

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

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

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

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

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