Web Standards

Cine Belas Artes - Sala 05 - Poltrona D6 Um psiquiatra da Segunda Guerra Mundial avalia líderes nazistas para os julgamentos de Nuremberg. Ele fica obcecado em compreender o mal, formando um laço perturbador com Hermann Göring. Obs.: Eu adquiri a poltrona D6. Ingressos: https://www.veloxtickets.com/Parceiro/P-BELASARTES/Evento/Cinema/Sao-Paulo/Nuremberg/83678/2026-04-06 *xxxxxxxxxxxxxxxxxxxxxxxx* *É 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/) *xxxxxxxxxxxxxxxxxxxxxxxxxxx*

As PyLadies junto com o Grupo de Usuários Python de São Paulo (GruPy-SP) organiza o evento com o objetivo de reunir a comunidade, compartilhar conhecimento e divulgar novas tecnologias. O evento será composto de 2 palestras (e, provavelmente, um pybar ou pyzza extra-oficial depois). Todas as pessoas são bem vindas. Todas as pessoas devem respeitar o código de conduta da comunidade Python Brasil: [https://apyb.python.org.br/pythonbrasil/cdc/](https://apyb.python.org.br/pythonbrasil/cdc/) * ️ **Palestra 1:** A definir 🗣️ * ☕ *Coffee break* * ️ **Palestra 2:** Regis Santos 🗣️ * ***Django LiveView*** \- Uma abordagem moderna para construir interfaces dinâmicas e reativas utilizando Django **Parceiro do evento:** ***Sobre o Nu*** O Nu é uma das maiores plataformas de serviços financeiros digitais do mundo, atendendo a 131 milhões de clientes no Brasil, México e Colômbia. A empresa tem liderado uma transformação na indústria, usando dados e tecnologia proprietária para desenvolver produtos e serviços inovadores. Vagas abertas: https://sou.nu/grupysp-no-nu-abril **Endereço:** R. Capote Valente, 39 - Pinheiros, São Paulo - SP, 05409-000 https://maps.app.goo.gl/Ag3AGrvJhQWs8i2C6 (próximo ao metro Oscar Freire, da linha amarela)

✅ **EVENTO PRESENCIAL E GRATUITO** ❗️**Informações Importantes:** *Só clique no botão da reserva se realmente puder comparecer presencialmente no evento.* *Lembrando que cada vaga preenchida e não atendida gera um grande esforço pela organização do evento além do custo extra com coffee. Nós da Golang SP estamos monitorando ativamente a lista de presença para garantir que as pessoas que realmente querem estar presentes tenham essa oportunidade, e temos por direito banir membros que reservam os lugares e nunca comparecem.* *Não esqueça de responder a pergunta opcional para acesso ao prédio. Na ausência dessa informação você pode eventualmente ser impedido de entrar no evento.* **PROGRAMAÇÃO** 🔥 18h00-19h00: **Credenciamento e boas-vindas** 👨‍💻 19h00-19h20: **Pitch Lerian + Golang SP** 👨‍💻 19h25-20h00: **Desenvolvimento com agents (Ring) em Golang** - Alex Garzão 🕐 20:00h-20:10h - **Break** 👩‍💻 20h10-21h00: **A definir** 🍕🎁 21h20-22:00h - **Coffee Break + Networking** **PALESTRANTES** https://www.linkedin.com/in/alexgarzao/ **CÓDIGO DE CONDUTA** A Comunidade Golang SP é dedicada a fornecer uma experiência livre de assédio para todas as pessoas, independentemente do sexo, identidade de gênero e expressão, idade, orientação sexual, deficiência, aparência física, tamanho corporal, cor de pele, etnia, religião (ou falta dela) ou escolhas de tecnologias. Não toleramos o assédio a participantes da conferência, sob qualquer forma. Linguagem e imagens sexuais não são apropriadas em nenhum local, incluindo palestras, workshops, festas, Twitter e outras mídias on-line. Violações destas regras poderão causar A EXPULSÃO do membro da comunidade, sem restituição, a critério da equipe organizadora. Mais informações: [https://pt-br.confcodeofconduct.com](https://pt-br.confcodeofconduct.com) ❗️Ao se inscrever nesse evento você concorda com o direito de uso de imagem. Nós criamos vídeos e fotos do evento no Instagram e LinkedIn, e a sua imagem pode aparecer nessas postagens.

Mais uma Rock Party que promete sacudir as estruturas do Parada 7 e do Horto Florestal! Bora curtir! O evento acontecerá na parte superior do local, que é onde também funciona o karaokê. Os ingressos ainda não estão sendo vendidos, mas quando forem estarão disponíveis aqui: https://linktr.ee/EstacaoParada7 Horário: das 19 às 2h O host que vos fala chegará mais cedo e reservará uma mesa para o pessoal do Socializando. Comanda individual. *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*

O **PHPSP Pub** é o *evento mais antigo* da comunidade e acontece no ***formato*** ***presencial*** há mais de 10 anos sempre na **segunda quinta-feira do mês** com a proposta de reunir a descontração de um pub e o conhecimento da comunidade. Que tal reunir PHP, bebida gelada e comida boa em um só lugar? **FORMATO** A gente bota cerveja (não alcoólica também vale), opinião e muito conhecimento na mesma roda de discussão. Agile, DevOps, mercado de TI, novidades, respeito ao próximo e obviamente muito PHP são postos para discussão, para todo mundo interagir, tirar dúvidas e espalhar conhecimento. **AGENDA** - *19h às 20h* – Networking - *20h às 22h* – Anúncios (eventos e vagas) e Dinâmica Sharkbowl - *22h às 22h15* – Encerramento oficial do evento - *22h15 em diante* – Papo descontraído com a galera que ainda estiver no local e/ou continuação da dinâmica caso o pessoal achar interessante. **FAÇA PARTE DA COMUNIDADE NO SLACK** Não deixe de participar da nossa comunidade no Slack em [bit.ly/vem-pro-slack-phpsp](https://bit.ly/vem-pro-slack-phpsp) que hoje conta com mais de 2.000 pessoas - espalhadas não só pelo Brasil mas pelo mundo todo - dispostas a ajudar uns aos outros! **FEEDBACK** Para nós, é muito importante saber como foi a experiência de participar do PHPSP Live. Nos esforçamos ao máximo para entregar o melhor evento para vocês, mas podemos melhorar sempre! E, para isso, contamos com o seu importante feedback. **CONTATO/DÚVIDAS** E-mail: [contato@phpsp.org.br](http://contato@phpsp.org.br/) Twitter: [@phpsp](https://twitter.com/phpsp) Com carinho, a comunidade! :)

"NOSSO LAR" - Peça do livro de Chico Xavier, de volta ao Teatro em ÚNICA APRESENTAÇÃO (DESCONTO ESPECIAL NA "LISTA AMIGA" DA HOST COM ESSE LINK E PREENCHENDO O FORMULÁRIO DO FORMS ABAIXO. ⭐ Direção de RENATO PRIETO (O André Luiz dos Filmes Nosso Lar e Nosso Lar 2- Os Mensageiros) 📌 Venha ver essa linda mensagem! 💥 "Nosso Lar", psicografado por Chico Xavier e ditado pelo espírito de André Luiz. ⭐ INGRESSO COM DESCONTO ESPECIAL NA LISTA AMIGA, SOMENTE - R 28,00 \-\-\-\-\-\-\- \>\>\>\> Clique no link e clique em comprar\, vá na Última Opção\- *LISTA AMIGA* de R$ 28,00 e com a taxa do site, o ingresso fica apenas R$ 32,20 - DEPOIS PREENCHA O FORMS ABAIXO PARA COMPROVAR. <<<<-------- ***PS. Comprei o A7.*** **INGRESSOS:** [https://bileto.sympla.com.br/event/116975?utm_source=mkt&utm_medium=listaamiga&utm_campaign=listaamiga&utm_term=LISTAAMIGA](https://bileto.sympla.com.br/event/116975?utm_source=mkt&utm_medium=listaamiga&utm_campaign=listaamiga&utm_term=LISTAAMIGA) **PREENCHA O FORMS PARA TER DIREITO AO DESCONTO DA LISTA:** [FORMS LISTA AMIGA](https://docs.google.com/forms/d/e/1FAIpQLSdUK0kSj4vNxyJPReThKQdUc3R6qj0bdFJXPEZ5ynHSNwdt_A/viewform) "De onde viemos? Para onde iremos? Será o NOSSO verdadeiro LAR?"" 🤔 ➡️ PONTO DE ENCONTRO: NA CAFETERIA DO TEATRO BOR (CAFÉ EM CENA) ENTRE 18H E 18H40 (A foto será enviada na hora) ⬅️🎭 Bora?! 🙃 HOST: Camilla *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*

-Saturday networking event / language: Japanese / CCSP -for businessmen etc. (member should be men) -topics: culture , Brazil , food , music , dance .. 日本人ビジネスマンや駐在員、南米に関心のある参加者を対象に、ブラジルの「食」「音楽」「移民の歴史」などをキーワードにビジネスや文化を学ぶ夜の交流イベントです。ミニ講演をすることもありますし、まずはカフェ／ビールを片手に語り合いブラジルに居るこの機会を日本語でシェアし合いましょう。 「知識」＋「体験」＋「人脈」を融合させた学びの場、としたいと思ってます。 主催者はサンパウロ7年の日本人です。会のほとんどは日本語で行われます。 「ブラジル駐在員」「日本語話者ビジネスマン」「海外生活に関心のある社会人男性」「起業家」「南米文化・移民史に興味のある方」などの男性をまず対象とし、会員とします。 女性の方は別のグループがあるので、お問い合わせいただければ紹介できますし、会員の紹介があれば女性でも参加できます。 知的で落ち着いた男性向け夜のイベントです。 CCSPのカフェでお会いしましょう（R. Vergueiro , 1000）。 ヒロ: https://wa.me/5511982562567 mtzhiro@gmail.com https://brasilwosi.lu (将棋もちょっと関連します) ーーーーー Este evento de networking noturno é voltado para empresários japoneses, expatriados e participantes interessados ​​na América do Sul. Oferecemos oportunidades de aprendizado cultural e de negócios centradas em temas brasileiros como gastronomia, música e história da imigração. Podemos realizar uma minipalestra, mas começaremos conversando enquanto tomamos um café ou uma cerveja e compartilhamos nossas experiências em japonês no Brasil. Esperamos criar um ambiente de aprendizado que combine conhecimento, experiência e conexões. O organizador é um japonês que mora em São Paulo há sete anos. A maior parte do evento será conduzida em japonês. O público-alvo principal para associação são homens, incluindo "expatriados no Brasil", "empresários que falam japonês", "homens que trabalham e têm interesse em morar no exterior", "empreendedores" e "pessoas interessadas na cultura sul-americana e na história da imigração". Existe um grupo separado para mulheres, portanto, entre em contato conosco e poderemos apresentá-las a você , e Mulheres também podem participar com a indicação de um membro. Este é um evento noturno inteligente e descontraído para homens. encontro no CCSP cafe（R. Vergueiro , 1000）. Hiro: https://wa.me/5511982562567 mtzhiro@gmail.com https://brasilwosi.lu

-Multilingual Open Discussion on the Future of Artificial Intelligence -especially talk about AGI risk -CCSP cafe ### Open Multilingual Discussion on the Future of AI Artificial Intelligence is advancing rapidly. Many experts believe **Artificial General Intelligence (AGI)** — AI that could outperform humans in most intellectual tasks — may emerge within decades, or possibly sooner. This raises important questions: * Could AGI bring major scientific progress and prosperity? * What risks might arise if powerful AI systems are not aligned with human values? * How should society prepare for such transformative technologies? Researchers and organizations such as the Future of Life Institute and the Machine Intelligence Research Institute study these issues under the fields of **AGI risk** and **AI alignment**. Yet these discussions often remain limited to experts. This event aims to **open the conversation to everyone**. *** ## Event Concept **AGI Risk São Paulo** is an informal in-person gathering where people from different backgrounds discuss the future of AI. You do **not** need to be an expert. Participants may include: * Engineers and researchers * Entrepreneurs and students * Artists and philosophers * Curious beginners * Anyone interested in the future of humanity and technology The goal is **dialogue**, not lectures. *** ## Multilingual Discussion To reflect São Paulo’s diversity, discussion may take place in multiple languages: * Portuguese * English * Japanese * Spanish Participants are encouraged to switch languages freely. *** ## Possible Topics * What is AGI and how close are we? * AI safety and alignment * The long-term future of humanity * Governance and regulation of AI * Economic and social impacts of advanced AI No prior knowledge is required — **curiosity is enough**. *** **Location:** São Paulo **Format:** Informal in-person discussion **Languages:** Multilingual **Level:** Beginner friendly If you are curious about the future of AI, **join the conversation.** *** ### Discussão Aberta Multilíngue sobre o Futuro da IA A Inteligência Artificial está avançando rapidamente. Muitos especialistas acreditam que a **AGI (Artificial General Intelligence)** — uma IA capaz de superar humanos na maioria das tarefas intelectuais — pode surgir nas próximas décadas, ou até antes. Isso levanta questões importantes: * A AGI poderá trazer grande progresso científico e prosperidade? * Que riscos podem surgir se sistemas de IA muito poderosos não estiverem alinhados com valores humanos? * Como a sociedade deve se preparar para tecnologias tão transformadoras? Pesquisadores e organizações como a Future of Life Institute e a Machine Intelligence Research Institute estudam essas questões nos campos de **AGI risk** e **alinhamento de IA**. No entanto, essas discussões muitas vezes ficam restritas a especialistas. Este evento quer **abrir essa conversa para todos**. *** ## Conceito do Evento **AGI Risk São Paulo** é um encontro presencial e informal para discutir o futuro da IA. **Não é necessário ser especialista.** São bem-vindos: * Engenheiros e pesquisadores * Empreendedores e estudantes * Artistas e filósofos * Iniciantes curiosos * Qualquer pessoa interessada no futuro da humanidade e da tecnologia O objetivo é **diálogo**, não palestras. *** ## Discussão Multilíngue Para refletir a diversidade de São Paulo, a conversa pode acontecer em vários idiomas: * Português * Inglês * Japonês * Espanhol Os participantes podem alternar idiomas livremente. *** ## Possíveis Temas * O que é AGI e quão perto estamos dela? * Segurança e alinhamento da IA * O futuro de longo prazo da humanidade * Governança e regulação da IA * Impactos econômicos e sociais da IA Não é necessário conhecimento prévio — **basta curiosidade**. *** **Local:** São Paulo **Formato:** Encontro presencial informal **Idiomas:** Multilíngue **Nível:** Aberto para iniciantes Se você tem curiosidade sobre o futuro da IA, **venha participar da conversa.** contact Hiro [https://wa.me/5511982562567](https://wa.me/5511982562567) ( [https://AGI-risk.org](https://AGI-risk.org) ) [mtzhiro@gmail.com](maitlto:mtzhiro@gmail.com)

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