Web Standards

Join us to learn more about the Maryland Mortgage Program > get up to $25k in grants from Maryland Mortgage Program > how to qualify and what loans are available > loan application and approval process > repeat home buyer options > purchase price limits > market insight and home buying steps in a competitive market

Join us TODAY and: ⚡ Keep up to date with DeFi ⚡ Have a discussion about Economics and tech ⚡ Meet like-minded people! ------------------------ AGENDA ‍🎟️ ------------------------ 🎤 Duhon Report - A Global Macro round up of the news! 🎤 Some Topic Overview 🎤 Q&A 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! Due to COVID-19, we are now 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 publically 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 can’t wait to 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/

Every Monday at 530pm! RSVP at the following link to receive login details: https://www.enggarcia.com/hbsmonday/ - The Districts Best first time home buyer webinar - Learn about the home buying process - How to qualify & what loans are available - Qualifying for DC Open Doors and other programs - Reduced down payment and closing cost opportunities We're looking forward to seeing you soon!

Register here for the Zoom link to kick off the meeting: https://kcdigitaldrive.zoom.us/j/84232981632?pwd=MFB0Qm0yQXIyWGw4VC9iMEJxWDQ5Zz09 The Zoom link is the same week-to-week, but we ask you to register each week. ######## IMPORTANT NOTE: We are taking a hiatus from our in-person Hack Nights as we deal with the implications of COVID-19. We encourage teams to continue project work and to meet virtually from 6:00-8:00pm on Mondays. Our ability to provide pizza and snacks will be compromised, however :). Individual teams will have access to video breakouts via Zoom. You can use Slack for breakout rooms if you like. We are also exploring possible projects we could take on to help address this public health emergency. Please email codeforkc@kcdigitaldrive.org if you have any questions or are interested in working on immediate public health-related projects. Thanks, Aaron, Paul, and the rest of the Core Team ######## Interested in helping the Kansas City area? Great! Whether or not you know how to code, you can help by joining us to work on civic hacking to create a better Kansas City and surrounding cities. Bring projects, ideas, designs, laptops, data, and friends. Meeting Format 6:00 - Kickoff and Introductions 6:15 - go into breakout rooms 8:00 - Wrap-up "Pitch Nights," TBD when we have a slot for new project pitches during kickoff; "Learn Nights," TBD where we have community speakers on civic tech topics from 6:30-7:30pm. Please RSVP so that we know how many snacks & drinks to bring. Civic Heroes of all types welcome! This event is for coders and non-coders alike -- as long as you're interested in making government more transparent and building interesting things for our city, you're more than welcome! If you have something you'd like to work on or are excited about, please let us know via the meetup or at the hack night itself. We are growing our initiative and the energy comes from the community. Code for KC is a program of KC Digital Drive, a local non-profit whose mission is to make Kansas City a digital leader by developing civic capacity to adapt to technology change. We are the local affiliate in Code for America's Brigade network. Connect with Us: • Join our Code for KC email list (http://eepurl.com/7gbQP). • Follow us on Twitter @CodeforKC (http://twitter.com/codeforkc) and @KCDigitalDrive (http://twitter.com/kcdigitaldrive). Got questions? Email our Brigade Captain, Paul Barham: captain@codeforkc.org or codeforkc@kcdigitaldrive.org. Code for KC has a Code of Conduct! Please always be respectful and help us keep our events welcoming, positive, productive environments for everyone. Code For KC presenters and participants are held to this anti-harassment policy (http://codeforkc.org/hackkc-code-of-conduct).

Please join us for a pleasant afternoon/evening of competitive party bridge. We use Zoom for audio/video chatting during our games: see the link in the date/time/place sidebar. You may wish use two separate devices for the audio-video and for the bridge play. Kindly provide me your BridgeBase.com username. Then, after you login to BridgeBase.com, go to "Play or Watch Bridge>Casual". From there you can receive the invitation to our table. (BridgeBase doesn't issue invitations unless you are in the right place. (And in case of trouble, it may work to back out and reenter the "Casusal" space.)) If we get more than 4 people, then we'll ask someone to stand up after a few rounds and let others play. Or have more tables! You must know Contract Bridge rules and basic bidding to play. No formal training will be offered, but this is a social, casual event, and bidding advice and meanings will be openly discussed at any player's request. ACBL Yellow Card (http://lexikos.com/yellowcard.htm) is our group-standard bidding system; a novice should please take time to study all basic openings and responses shown above, plus standard Jacoby Transfer (http://www.bridgebum.com/jacoby_transfers.php) and Stayman (http://www.bridgebum.com/stayman.php) responses to NT openings. We will expect a verbal alert on deviations an expert may make to these most-common conventions.

Calling all Sci-tech geeks. Check out our Sci-tech focused Toastmasters club. We talk about galaxies, music tech, big data, security, cloud computing and sometimes zombies and lattes... if you are not "Techie", come and learn helpful tips about Science or Technology while practicing public speaking. Easy Tech Toastmasters meets on the 1st and 3rd Mondays of each month between 7:30-8:30 PM virtually, on Zoom. Come visit us: Zoom link [https://bit.ly/easytechzoom](https://bit.ly/easytechzoom) http://photos2.meetupstatic.com/photos/event/6/9/9/1/600_452607025.jpeg

Para dudas o preguntas: https://t.me/joinchat/Tm2lt6xZu3pIb4pS Este curso presenta los fundamentos teóricos y las principales herramientas de la programación como herramienta de trabajo. A lo largo de las sesiones del curso, las y los participantes podrán familiarizarse con la actividad de programar (con todo lo que ello involucra) y desarrollarán conocimiento práctico para poder aplicarlo en las distintas unidades en las que quieran desempeñarse. Perfil de ingreso: cualquier persona interesada en utilizar la programación como herramienta de trabajo. No es necesario tener conocimiento previo.

At noon on the 2nd Wednesday of every month we host a social meeting on Zoom with mini talks and breakout rooms. The main room will always be open for social time but we plan to have 1-2 topic breakouts you can join. If the breakout session topic interests you, join that discussion. Feeling more like a casual chat and exploring other topics? Visit the main room to strike up a conversation. Suggest topics you’d like to see breakout rooms for and let us know if you’d like to sign up to lead one. Slack @ #chapter-seattle (https://bit.ly/owasp-seattle-slack) seattle-chapter@owasp.org (https://groups.google.com/a/owasp.org/g/seattle-chapter)

Join us for the Owings Mills CBD Wellness Meetup Group’s live CBD Webinar! This free event offers a unique opportunity to learn about CBD from real people who use it. Hear their testimonies and ask your questions directly to someone with experience. Plus, discover exciting business opportunities in the CBD industry. Don’t miss out on this chance to expand your knowledge and connect with like-minded individuals. RSVP now to secure your spot! http://powerteamhangout.com/?id=ebryantjr How to find us Use a phone, tablet, or computer with Internet access and click on or paste the following link into your web browser a few minutes prior to 9pm EST!!! http://powerteamhangout.com/?id=ebryantjr

Join the Discord server for discussion about meetup events and for more general JS help and conversation: https://discord.gg/8enKaa6egs

Join us to learn more about the Maryland Mortgage Program > get up to $25k in grants from Maryland Mortgage Program > how to qualify and what loans are available > loan application and approval process > repeat home buyer options > purchase price limits > market insight and home buying steps in a competitive market

Event Format • 18:30 — Start – Talk – WordPress news • 18:45 — Q&A – For topics covered and Michael’s WP update • 19:00 — WP Clinic – Bring your laptop and get the hands on help you need from the WordPress community in the room • 19:45 —Break & Networking • 20:00 — In Depth Talk – Various speakers covering different topics per event • 20:45 — End Full Details: https://beewug.uk/ For the foreseeable future, BeeWUG is going to be online-only until things return to normal.

Please read the following carefully. Many of us already know that we cannot contact me through the internal messaging system of Meetup.com. In order to compensate for this, I have been providing the workaround of giving us my personal cell-phone number and email address. Please be respectful and considerate by using these only for things related to our group, but please do, INDEED, text me at 403-561-4331, or email me at sekusamu@hotmail.com. At the day and time indicated on this event, please join the following video call... https://meet.google.com/qsr-psrx-dow I have tested this on Windows 10, Android, and iOS and it works fine. I have also tested it on Windows XP, and it does NOT work on Windows XP. The first time you attempt to use it in Android or iOS, you will be redirected to Google Play, or The App Store, to download the FREE Google Meet app. You can do this ahead of time if you prefer. If you find yourself at a dialogue box that is asking for a meeting code, it is that part of the link after "https∶∕∕meet.google.com/". That is, if the link is https∶∕∕meet.google.com/yyy-yyyy-yyy, it's the yyy-yyyy-yyy part.

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

**TBA**

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