Web Technology
Meet other local people interested in Web Technology: share experiences, inspire and encourage each other! Join a Web Technology group.
96,433
members
68
groups
Largest Web Technology groups
Newest Web Technology groups
Frequently Asked Questions
Yes! Check out web technology events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the web technology events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find web technology events near your location here. Connect with your local community and discover events within your area.
Web Technology Events Today
Join in-person Web Technology events happening right now
Nuremberg (R$ 22,40)
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*
Web Technology Events This Week
Discover what is happening in the next few days
Além do código: Licenciamento, Arquitetura e IA com Go - #97
✅ **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.
Pylestras de Abril das Pyladies + Grupy @ Nubank
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)
Azure Academy AI, Agents & Data Summit - Mastering Professional - Presencial
Uma experiência de aprendizado exclusiva e desafiadora com perfil corporativo.
**Garanta sua vaga:** [Azure Academy AI & Data Summit - Formação Corporativa](https://www.azureacademy.com.br/summit/summitDados3) **\- Evento Pago\.**
Compre também através do WhatsApp: 11 99831 1706 - Condições exclusivas.
* Salas de aula com visão 360, coffee full time, mesas interativas e claro: conteúdo de alto nível.
* Localização privilegiada no Jardim Europa, próximo à Av. Paulista, metrô Consolação, Rua Oscar Freire e Augusta.
* Certificado internacional, conteúdo exclusivo e networking com profissionais referenciados.
Aprenda a manipular e processar dados entre a Engenharia moderna, Ciência e IA em ambientes seguros de alta disponibilidade através de técnicas de alto nível corporativo em pipelines, machine learning e IA avançado.
Explore o potencial de arquiteturas de dados no Azure, além de projetar ambientes para ingestão em tempo real, processamento massivo com analytics, além de aprender insights valiosos para tornar o seu ambiente inteligente e aderente à padrões de conformidade, governança e FinOps.
**Garanta sua vaga:** [Azure Academy AI & Data Summit - Formação Corporativa](https://www.azureacademy.com.br/summit/summitDados3)
PHPSP Pub
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! :)
Live de Esquenta Low Hack no Youtube
Aquecimento oficial do **Hackathon Low Hack**.
Nos dias 18 e 19 de abril acontece o **Low Hack**, o hackathon que vai reunir mentes criativas para desenvolver soluções utilizando a plataforma **low-code Mendix**.
E pra você já entrar no clima, temos um convite especial 👇
🔥 **Live de Esquenta Low Hack**
Prepare seu setup e venha discutir o futuro do desenvolvimento, explorar ideias e tirar dúvidas antes do grande desafio.
📍 **Transmissão ao vivo no YouTube da Hackathon Brasil**
📅 Data: **07/04**
⏰ Horário: **19h**
Essa é a oportunidade perfeita para se preparar.
Canal do Youtube Hackathon Brasil:
[https://www.youtube.com/@hackathonbrasil](https://www.youtube.com/@hackathonbrasil)
👉 Ainda não garantiu sua vaga no Low Hack?
[https://hackathonbrasil.com.br/low-hack/](https://hackathonbrasil.com.br/low-hack/)
Nos vemos na live!
Sábado Árabe no Saj
O Saj Restaurante é aquele cantinho perfeito para quem ama boa comida, ambiente acolhedor e uma experiência cheia de sabor! ✨
Especializado em culinária árabe, o Saj encanta com pratos tradicionais como esfihas, quibes, homus, coalhadas e carnes super bem temperadas — tudo preparado com aquele toque caseiro que abraça o paladar.
O ambiente é charmoso, confortável e ideal tanto para um almoço especial quanto para um jantar descontraído com amigos ou família. Uma verdadeira viagem gastronômica ao Oriente Médio, sem sair da cidade!
IMPORTANTE ⚠️ Eventos com limite de pessoas e lista de espera, tendo eu como host sempre funcionarão da seguinte forma: ⚠️
• 1 semana antes do evento, abrirei um grupo do WhatsApp para >apenas< a lista de confirmados ( assim melhorando comunicação caso haja algum imprevisto e uma desistência acabar acontecendo, facilitando o andamento da lista de espera ).
Caso não haja resposta de alguma das pessoas da lista ao menos 1 dia antes, será retirada dando andamento ao próximo da lista de espera que será chamado, até alguém der certeza e ficar com a vaga disponível para o evento na lista de confirmados e entrar no grupo de WhatsApp do próprio evento!
Caso não queira entrar no grupo de WhatsApp, sei que muitos apenas usam o MeetUp, avisem, para que não hajam questões e sua vaga continuar bonitinha ali - mas da mesma forma neste caso entrarei em contato para saber se há certeza da confirmação pelo menos 2 dias antes nesse caso.
Sempre entro em contato de forma individual pelo próprio MeetUp nas mensagens, e repasso o link do grupo de forma individual também, apenas no grupo do WhatsApp do socializando passo ele abertamente!
Qualquer atitude dos participantes que infrinja as regras do grupo, será reportada a administração e moderação do grupo, o grupo paralelo do evento é exclusivamente para organização 🥰✨
Não há sistema de comanda individual no restaurante! *_***PORTANTO***_ fica o aviso para vocês que se interessam pelo evento no restaurante:
• O host ***NÃO É RESPONSÁVEL*** pelo pagamento dos seus pedidos no dia do evento, é apenas seu e da sua alçada arcar com os custos dos seus pedidos.
_Estou esclarecendo para não abrir margem de dúvida para esses e próximos que podem não haver comanda também e não apenas aqueles ao qual sou host, fiquem atentos!_
A 15 minutos da estação Vila Madalena ( a pé ), 7 minutos de carro da estação aproximadamente;
Além disso há estacionamentos nas proximidades, possibilidade de vagas na rua, mas ***não há*** valet!
* Segue o link com ao site do restaurante para conhecer melhor!
https://sajrestaurante.alou.io/menu
* Instagram deles com mais informações para acompanhar.
https://www.instagram.com/sajrestaurante?igsh=cG0zcDBqNXA5cGV4
Reserva de 15 pessoas no nome da Host: Marina Bezerra - caso alguém chegue antes de mim!
HOST: Marina Bezerra
*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*
Shakespeare Embriagado (R$ 80)
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*
Web Technology Events Near You
Connect with your local Web Technology community
[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
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
Topic to be announced
Topic to be announced!
**CALL FOR SPEAKERS**
Learn more: https://www.awscolumbus.com/get-involved/
**THANK YOU** *Leading EDJE* for hosting our meetup!
Leading EDJE specializes in helping organizations innovate and solve complex problems. EDJE does this with their "A" player team of professionals using agile methodologies and SCRUM management techniques to give organizations a competitive advantage that sets them apart. Learn more at https://www.leadingedje.com/
**THANK YOU** *Amazon Web Services* for sponsoring pizza! Learn more at https://aws.amazon.com/.
**DIRECTIONS**
6515 Longshore Loop, Suite 300
Dublin, OH 43017
(3rd floor)
**FREE PARKING** at the Endres Garage across the street, 6540 Riverside Dr, Dublin, OH
**Want to sponsor the pizza and/or bar tab for a future meetup?**
Please contact me if you would like to sponsor this meetup's pizza and/or bar tab: angelo@mandato.com
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
Christians in Tech - Meetup #33 @ Improving
Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you.
Our Website
[https://linktr.ee/citcbus](https://linktr.ee/citcbus)
Sponsors and Partners
* Improving (Venue Sponsor)
* Bethel World Prayer Center (Fiscal Sponsor)
* Fruits & Roots (Coffee Partner)
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm



















![[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11](https://secure.meetupstatic.com/photos/event/2/f/d/f/highres_533472255.webp?w=640)




