Web Programming

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*

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

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)

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! :)

-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

Coringa Mada - Shakespeare Embriagado - Hamlet Mais de dois anos em cartaz, sucesso absoluto de público, indicado em duas categorias ao Prêmio PRIO de Humor 2024, SHAKESPEARE EMBRIAGADO segue brindando o público com esta versão irreverente e divertida do grande clássico de William Shakespeare. Shakespeare Embriagado propõe uma experiência inusitada e inovadora: vivenciar o clássico Hamlet em um bar, bebendo junto com os atores. Recheada de humor e improviso, o espetáculo celebra o grande clássico do velho bardo com uma grande festa vibrante e imprevisível. Aqui a tragédia do Príncipe da Dinamarca vira comédia e rompe com as barreiras tradicionais do teatro. A relação com o público é direta, e os espectadores são convidados por diversas vezes a contar a história com o elenco. Logo no início é escolhido aleatoriamente da plateia alguém para “interpretar” o papel do rei Claudius. O rei tem o poder de influenciar diretamente no desenrolar das cenas. Da mesma forma, diversos outros personagens serão feitos pelo público, adicionando muito humor e momento de verdadeiro êxtase e comunhão entre todos. Shakespeare Embriagado é a combinação perfeita de cultura, entretenimento e uma boa dose de descontração, prometendo uma noite inesquecível para todos os presentes. Show de Esquenta: Como diria Shakespeare “Aos que chegam cedo maiores são os deleites”. E aqui a gente faz valer essa máxima! Antes da peça começar teremos um show de abertura. Quem comanda o esquenta é o maravilhoso Demetrius Lulo, tocando o melhor da MPB pra você já deixar os seus problemas de lado, entrar no clima enquanto aproveita o double chope artesanal. Horários: 19h Abertura da Casa 19h30 Show de Esquenta com Demetrius Lulo 20h30 Shakespeare Embriagado Double Chope - 19h às 20h Ingressos (Plateia - Assento Livre - 10/04 - R$ 80): https://bileto.sympla.com.br/event/97340/d/366142/s/2460522 *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*

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

🎉 **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 10: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! 🥂**

Join us for **Ben Frain**'s talk ... Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/) ***Bring your laptop and expect to write some (non-AI generated) code!*** Food and drinks will be available. **LOCATION:** 6515 Longshore Loop, Suite 300, Dublin, OH 43017 **FREE PARKING:** 6725 Longshore Street, Dublin, OH 43017

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

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

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