Web Standards

entre em contato com [https://wa.me/5511982562567](https://wa.me/5511982562567) ( [Hiro](https://hirosato.info) ) se tiver dúvidas. Este é um **evento do Grupo Social Good de São Paulo** 🌍✨ Este meetup é feito para pessoas apaixonadas por gerar um impacto positivo no mundo. Vamos conversar sobre **voluntariado**, **sustentabilidade**, **empreendedorismo social** e **ações comunitárias**, com um foco especial em **iniciativas que levem educação em computação e IA para crianças**. (Veja também [BY-HUMAN.org](https://by-human.org) 👈) Se você tem vontade de **participar dessas discussões**, **conhecer os organizadores** ou simplesmente **trocar ideias com pessoas inspiradas**, este encontro é para você 🙌 Juntos, podemos construir um futuro melhor para o **Brasil e para o nosso planeta**. Vamos colaborar, nos conectar e caminhar lado a lado por um mundo mais justo e sustentável 🌱🤝 Esperamos ver você lá — venha fazer parte dessa transformação!

***************@@@@@@@@@@@@********* SEND AN EMPTY MESSAGE TO englishanarosa@ gmail.com server TO BE CONFIRMED ***************@@@@@@@@@@@@********* Finally we got it!!! Tired to go far away to practice english? Here it comes the first Vila Mariana English Meetup Group!!! For all the members who live, work, study or just walk around Vila Mariana region. NOTA: independentemente de vcs conseguirem se inscrever no evento ou não, podem, aparecer la sem problemas!!!! So, nao esqueça de anotar em sua agenda. Esperamos todos vcs!

**🎭ÓPERA DO MALANDRO c/José Loreto Dom ‌25/01 19h** **TEATRO RENAULT - Av Brigadeiro Luís Antônio 411** CURTA TEMPORADA! Ode a Chico Buarque, à brasilidade das canções e ao musical brasileiro, montagem do “Ópera do Malandro“ na visão de Jorge Farjalla é uma adaptação da obra para a celebração dos quase cinquenta anos do texto e de sua importância no cenário do teatro musical no Brasil, ligando a encenação à obra original de Brecht, ‘Ópera dos Três Vinténs” e ao universo do sincretismo popular da umbanda, contemporanizando o texto e as canções dentro de uma estética única e inovadora, buscando um tom ainda mais festivo para quem assiste ao espetáculo. **Comprei Balcão Premium D14** **Horário p/ encontro com a HOST: 18h30** **Ingressos a partir de R$25 + taxas** **Site para compra do ingresso:** https://sales.ticketsforfun.com.br/?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAOeXMRleHRuA2FlbQIxMQBzcnRjBmFwcF9pZA81NjcwNjczNDMzNTI0MjcAAafBUJCDIw9855ouQtOa1XLmBrbpNlmoq4A4Py5BcRPIMyh3TQeoFLUHFShKjQ_aem_J8YH6OFjAEVe151ILG7RIA **Host: Regiani 🇧🇷 🇵🇹** *xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx* *É novo no grupo? Quer saber mais sobre o evento (local de encontro, quem será o anfitrião, entre outros detalhes)?* *👉 Entre no nosso grupo do WhatsApp para receber todas as informações !!!:* [WHATSAPP SOCIALIZANDO](https://chat.whatsapp.com/KNU4HX38Blt8HnWKw7kzQv) *ou* [INSTAGRAM SOCIALIZANDO](https://www.instagram.com/socializandoemsp/) *xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*

**[WhatsApp](https://chat.whatsapp.com/B8N6FIokkUGIQYLcHVkIUm) :: [Telegram](http://t.me/+RI2XluAZMBF34Qwh) :: [Discord](http://discord.com/invite/9B7TBAS)** [English Below] ::::TODOS OS IDIOMAS::::::::ALL LANGUAGES:::: ENGLISH::RUNA SIMI::FRANÇAIS::TUPI::ESPAÑOL::AVAÑE'Ẽ::PORTUGUÊS::LIBRAS::DEUTSCH::KISWAHILI:: हिन्दी::CATALÀ::한국어::LINGUA LATINA::日本語::ITALIANO::ESPERANTO::NEDERLANDS::SVENSKA::POLSKI::РУССКИЙ::中文::العربية::etc... ::::Todos os níveis:::::All Levels:::: GRATUITO Centro Cultural São Paulo Rua Vergueiro, 1000 - Paraíso, São Paulo - SP, 01504-000 (na entrada principal na rua Vergueiro, próximo aos canteiros e à biblioteca) 16h - 20h Uso obrigatório de máscara cobrindo a boca e o nariz * COMO FUNCIONA: O Clube Poliglota realiza encontro onde as pessoas conversam em vários idiomas. O bate-papo flui de forma bastante espontânea e descontraída, mesmo quando os participantes não se conhecem. Também é ótimo para levar os seus amigos estrangeiros! Ao chegar, procure um dos hosts para te direcionar ao grupo do idioma o qual deseja praticar! Conheça pessoas novas, compartilhe experiências e o mais importante, divirta-se! Nos vemos lá! *** FREE! All participants are required to wear a mask, covering both nose and mouth Centro Cultural São Paulo Rua Vergueiro, 1000 - Paraíso, São Paulo - SP, 01504-000 (At the main entrance at Vergueiro Street, next to the library and the flower beds) 16h - 20h * HOW IT WORKS A Clube Poliglota event is a meeting in which people speak different languages. It flows quite spontaneously, even when the participants are not acquainted. The group is always open to newcomers so if you want to join us, all you have to do is showing up! :-) We'll welcome and introduce you to your peers who will be chatting in a language you wish to speak. Meet new people, share life experiences and the most important, have fun! We hope to see you there!!! Este Meet Up privilegia todos os Clubes do Estado de SP! ►[Telegram estadual de SP](https://t.me/+RI2XluAZMBF34Qwh) ►WhatsApp logo abaixo nas redes **Participem das nossas mídias, SUBSCRIBE!!:** ●● [E-mail](http://clubepoliglotasp@gmail.com) ◂ ▸ Facebook :: [Grupo](https://www.facebook.com/groups/clubepoliglotasp/) :: [Página](https://www.facebook.com/poliglotasaopaulo/) :: ◂ ▸[ ](https://clubepoliglotabrasil.com.br/lista-de-grupos-de-idiomas-no-telegram-whatsapp-discord-club-house/)**[Grupos de WhatsAPP/Telegram/Discord/Club House](https://clubepoliglotabrasil.com.br/lista-de-grupos-de-idiomas-no-telegram-whatsapp-discord-club-house/)** ◂ ▸ [Instagram](https://www.instagram.com/clubepoliglotasampa/) ◂ ▸ [Youtube](https://www.youtube.com/@ClubePoliglotaBrasilCPB) ◂ ▸ [CouchSurfing Group Brasil](https://www.couchsurfing.com/groups/polyglot-club-brazil-clube-poliglota-brasil) ◂ ▸ Facebook Nacional :: [Página](https://www.facebook.com/clubepoliglotabrasil/) :: [Grupo](https://web.facebook.com/groups/ClubePoliglotaBrasil) ◂ ▸ [Insta Nacional](https://www.instagram.com/clubepoliglotabrasil/) ◂ ▸ LinkedIn :: [Page](https://www.linkedin.com/company/67537568/) :: [Grupo](https://www.linkedin.com/groups/12027974/) :: ◂ ▸ [Twitter](https://twitter.com/clube_poliglota) ●● Dúvidas sobre os encontros, envie com NOME e código "Samp" para 1\. Rafael Resende: \+5511975429712 \(grupo local\)\, infos sobre o encontro: Luiz Holanda \+55 11 98462\-1179 ►[Inscreva-se](http://polyglotclub.com/brazil/sao-paulo/sao-paulo/event/) .̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶.̶..̶.̶ ● [OUTROS ENCONTROS PRESENCIAIS OU VIRTUAIS PELO BRASIl](https://clubepoliglotabrasil.com.br/encontros-poliglotas-em-clubes-locais/) ● [OUTROS CPs DO BRASIL NO MEEET UP](https://clubepoliglotabrasil.com.br/praticar-idiomas-gratis-meet-up/) .̶.̶.̶. .̶.̶.̶..̶.̶.̶. .̶.̶.̶. Caso seu interesse seja encontros de artes ou ciências: ►[Tech Science Club](https://www.facebook.com/groups/tescic/) ►[Poly Arte World](https://www.facebook.com/PolyArteClub) ►[Crudinic popvegan](https://www.facebook.com/CrudiNic/) ►[Aventureiros Brasil](https://www.facebook.com/AventBra/)

Hallo zusammen! Unser nächstes Treffen findet am 22. Januar, Donnerstag, statt. Wir treffen uns in einem neuen Restaurant - Schnapshaus! Alle sind herzlich willkommen. Die einzige Regel lautet: man darf nur Deutsch sprechen 😁 Also: Donnerstag 22\. Januar 19:00 Adresse: Schnapshaus -R. Diogo Moreira, 119 - Pinheiros, São Paulo - SP, 05423-010 Die Reservierung ist unter meinem Namen: Renato Bis dann! Schreib mir per Instagram falls du Fragen hast: renato_r_geraldes / stammtischsp Bis dann!

Clássica casa do circuito de rock em SP. Bandas: RHCP - Suck My Magik GnR - Deep Illusions Metallica - Damage Inc. Show time da primeira banda: geralmente às 23h. Valor da entrada: R$40,00 (valor único, sem consumação) Foi realizada a reserva de 2 mesas com 8 cadeiras. Localização a ser informada no dia do evento. Casa oferece serviço de chapelaria, serve lanches, petiscos e bebidas diversas. *xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx* *É novo no grupo? Quer saber mais sobre o evento (local de encontro, quem será o anfitrião, entre outros detalhes)?* *👉 Entre no nosso grupo do WhatsApp para receber todas as informações !!!:* [WHATSAPP SOCIALIZANDO](https://chat.whatsapp.com/KNU4HX38Blt8HnWKw7kzQv) *ou* [INSTAGRAM SOCIALIZANDO](https://www.instagram.com/socializandoemsp/) *xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*

🚀 **Voltamos dia 23/01 com o nosso primeiro encontro presencial do ano!** Será uma noite de **muito conteúdo, prática e aprendizado**, pensada para quem quer evoluir na comunicação e falar em público com mais segurança. 👉 Chegue no horário para aproveitar toda a programação. 🎤 **Tema do encontro – Discurso:** **Como controlar o nervosismo** Vamos falar sobre como lidar com o frio na barriga e encarar o desafio de falar em público com mais confiança e clareza. Logo depois, teremos as **apresentações dos participantes da 1ª turma do Clube da Oratória** — um momento especial de prática, evolução e troca real de experiências. **Não perca!** ✨ **E tem mais:** Para fechar a noite, teremos um **Happy Hour**, em um ambiente leve, com pessoas que compartilham os mesmos interesses e uma mentalidade de crescimento. É a oportunidade perfeita para **se conectar, trocar ideias e fortalecer sua rede**, enquanto evolui na sua comunicação. 📍 **Onde será?** **Coworking Higienópolis** Travessa Dona Paula, 13 – Higienópolis São Paulo – SP \| CEP 01239\-050 📍 Link do GPS para chegar ao espaço: [https://goo.gl/maps/Lh2pkzcEqA22](https://goo.gl/maps/Lh2pkzcEqA22) 💰💰💰 **Contribuição simbólica: R$30 + taxa** (apenas para cobrir custos de espaço) ***Para garantir sua vaga, o pagamento deve ser feito antecipadamente pela plataforma Sympla Eventos.*** ***As vagas são limitadas.*** https://www.sympla.com.br/evento/clube-da-oratoria---evento-presencial-sp/3268892 **🎤 Quer discursar no próximo? Tem dúvidas?** Preencha o formulário e acesse o link no final para ter acesso ao nosso grupo do WhatsApp. [https://docs.google.com/forms/d/e/1FAIpQLSdYNt_xNSD2_tkNildWobTk5rPRKQZ2qVSvwgiOqWRc4gLkdQ/viewform?usp=header](https://docs.google.com/forms/d/e/1FAIpQLSdYNt_xNSD2_tkNildWobTk5rPRKQZ2qVSvwgiOqWRc4gLkdQ/viewform?usp=header) ***Prefere participar à distância?*** Temos também nossa versão online do clube: [https://www.meetup.com/clube-da-oratoria-online/](https://www.meetup.com/clube-da-oratoria-online/)

**Voltamos dia 23/01 com o nosso primeiro encontro presencial do ano!** Será uma noite de **muito conteúdo, prática e aprendizado**, pensada para quem quer evoluir na comunicação e falar em público com mais segurança. Chegue no horário para aproveitar toda a programação. **Discurso:** **Como controlar o nervosismo** Vamos falar sobre como lidar com o frio na barriga e encarar o desafio de falar em público com mais confiança e clareza. Logo depois, teremos as **apresentações dos participantes da 1ª turma do Clube da Oratória** — um momento especial de prática, evolução e troca real de experiências. **Não perca!** **E tem mais:** Para fechar a noite, teremos um **Happy Hour**, em um ambiente leve, com pessoas que compartilham os mesmos interesses e uma mentalidade de crescimento. É a oportunidade perfeita para **se conectar, trocar ideias e fortalecer sua rede**, enquanto evolui na sua comunicação. **Onde será?** **Coworking Higienópolis** Travessa Dona Paula, 13 – Higienópolis São Paulo – SP \| CEP 01239\-050 Link do GPS para chegar ao espaço: [https://goo.gl/maps/Lh2pkzcEqA22](https://goo.gl/maps/Lh2pkzcEqA22) 💰💰💰 **Contribuição simbólica: R$30 + taxa** (apenas para cobrir custos de espaço) ***Para garantir sua vaga, o pagamento deve ser feito antecipadamente pela plataforma Sympla Eventos.*** ***As vagas são limitadas.*** https://www.sympla.com.br/evento/clube-da-oratoria---evento-presencial-sp/3268892 **🎤 Quer discursar no próximo? Tem dúvidas?** Preencha o formulário e acesse o link no final para ter acesso ao nosso grupo do WhatsApp. [https://docs.google.com/forms/d/e/1FAIpQLSdYNt_xNSD2_tkNildWobTk5rPRKQZ2qVSvwgiOqWRc4gLkdQ/viewform?usp=header](https://docs.google.com/forms/d/e/1FAIpQLSdYNt_xNSD2_tkNildWobTk5rPRKQZ2qVSvwgiOqWRc4gLkdQ/viewform?usp=header)

🎉 **Your Thursday Night Just Got Way More Exciting!** 🎉 Join our **International Language Exchange**, happening every **Thursday night** since **June 2017**! 🌍🗣️We gather weekly around **Vila Madalena/Pinheiros** to connect, chat, and practice as many languages as possible, while meeting awesome people from all over the world. 🍻😉🍗 📍 The venue? The vibrant and welcoming **@BaixoPinheirosBar**, ready to host us with great vibes from **7:30 PM until 4am**. 🆓 *FREE admission until 11:00 PM!* **What are you waiting for?** ✅ *RSVP now* and come be part of this incredible community — Let’s make memories together! 😊🔥🙃 \*\*\* HOW TO FIND US \*\*\* [WhatsApp group](https://chat.whatsapp.com/CRK9Pjma0YM3XG9bo42k8k) \| [Instagram](https://www.instagram.com/MultiLingoSP/) \| [Facebook group](https://www.facebook.com/groups/MultiLingoSP) Everyone is welcome, even if you're coming solo! Don’t be shy, just grab your language stickers, introduce yourself, and start chatting! 🎉🫶🌐 💡 Got an idea to improve the event? Want to help out or organize a special activity through the group? We’d *love* to hear from you — just send us a message! **See you there... Cheers! 🥂**

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

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

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

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