18 maio 2026
Identidade visual.
Coerência com a temática.
IA e tecnologias
Agrinho 2026 - Categoria Desenvolvimento Front-End.
(EM13CO14) Avaliar a confiabilidade das informações encontradas em meio digital, investigando seus modos de construção e considerando a autoria, a estrutura e o propósito da mensagem.
Desenvolver estratégias para garantir a originalidade e autoria de projetos web.
Aplicar princípios de design para definir uma identidade visual coesa e profissional.
Articular o objetivo e tema central do projeto, alinhando-o com as expectativas do usuário.
----------------------------------------------------------------------
22
HTML e CSS avançados.
JavaScript avançado e intencional.
Organização de código.
IA e tecnologias
Agrinho 2026 - Categoria Desenvolvimento Front-End
(EM13CO15) Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar tags HTML semânticas e CSS organizado para estruturar projetos web.
Desenvolver funcionalidades interativas com JavaScript, incluindo validação de dados.
Implementar recursos de acessibilidade para tornar o site inclusivo e adaptável.
Exercícios*: Link
Outros: Link
23
Responsividade.
UX (Experiência do Usuário).
Bugs (erros) de código.
IA e tecnologias
Agrinho 2026 - Categoria Desenvolvimento Front-End
(EM13CO15) Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Desenvolver layouts responsivos que se adaptem a diferentes tamanhos de tela.
Aplicar princípios de contraste de cores e tipografia para melhorar a legibilidade.
Integrar efeitos visuais sutis para aprimorar a interatividade e feedback do usuário.
Exercícios*: Link
Outros: Link
24
Arquivo README.
Organização de arquivos e pastas.
Publicação do projeto.
IA e tecnologias
Agrinho 2026 - Categoria Desenvolvimento Front-End
(EM13CO22) Produzir e publicar conteúdo como textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Elaborar um arquivo README.md completo para documentar o projeto.
Organizar arquivos e pastas seguindo padrões de mercado para facilitar a manutenção.
Publicar o projeto em GitHub Pages ou Vercel, garantindo sua acessibilidade e visibilidade.
Exercícios*: Link
Outros: Link
25
Verificação de Informações.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Analisar criticamente as experiências em comunidades virtuais e as relações advindas da interação e comunicação com outras pessoas, bem como seus impactos na sociedade; - Identificar e reconhecer como as redes sociais e artefatos computacionais em geral interferem na saúde física e mental de seus usuários.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
26
Estrutura HTML (Tags head, body, header, main, footer).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais; - Dialogar em ambientes virtuais com segurança e respeito às diferenças culturais e pessoais, reconhecendo e denunciando atitudes abusivas.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
27
Tags HTML Semânticas (H1, H2, nav, article).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
28
CSS (Cascading Style Sheets).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
29
Layout Responsivo Básico (min-height, flex-direction).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
30
Propriedades CSS para cores (background-color, color)
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
31
Posicionamento CSS (position: relative, absolute).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
32
Animações CSS (transform, transition).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Produzir e republicar conteúdo com textos, imagens, áudios, vídeos e suas associações, bem como ferramentas para sua integração, organização e apresentação, utilizando diferentes mídias digitais.
Desenvolver interfaces web acessíveis utilizando linguagens de marcação, estilo e scripts interativos, garantindo a usabilidade para usuários com diferentes níveis de acuidade visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
33
IA generativa.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Explorar e construir a solução de problemas por meio da reutilização de partes de soluções existentes;
- Aplicar os conceitos e pressupostos do direito digital em sua conduta e experiências com o cotidiano da cultura digital, bem como na produção e uso de artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
34
Criação de modal.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
35
Manipulação de JavaScript com DOM.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
36
Segurança e direito digital.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Aplicar os conceitos e pressupostos do direito digital em sua conduta e experiências com o cotidiano da cultura digital, bem como na produção e uso de artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
37
UX e HCI.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
38
Variáveis e eventos em JavaScript.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Explorar e construir a solução de problemas por meio da reutilização de partes de soluções existentes;
- Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
39
Uso de speech API.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Analisar a interação entre usuários e artefatos computacionais, abordando aspectos da experiência do usuário e promovendo reflexão sobre a qualidade do uso dos artefatos nas esferas do trabalho, do lazer e do estudo.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
40
Estrutura condicional em JavaScript.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Aplicar os conceitos e pressupostos do direito digital em sua conduta e experiências com o cotidiano da cultura digital, bem como na produção e uso de artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
41
Formulação de problemas (quem, dificuldade, consequência).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Conhecer os fundamentos da Inteligência Artificial, comparando-a com a inteligência humana, analisando suas potencialidades, riscos e limites;
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
42
Construção de persona (perfil, dores, cenário de uso).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Conhecer os fundamentos da Inteligência Artificial, comparando-a com a inteligência humana, analisando suas potencialidades, riscos e limites;
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
43
Ideação de soluções.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Conhecer os fundamentos da Inteligência Artificial, comparando-a com a inteligência humana, analisando suas potencialidades, riscos e limites;
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
44
Protótipo e wireframe com Figma IA.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais;
- Comunicar ideias complexas de forma clara por meio de objetos digitais como mapas conceituais, infográficos, hipertextos e outros.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
45
Iteração e melhoria de protótipos.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais;
- Comunicar ideias complexas de forma clara por meio de objetos digitais como mapas conceituais, infográficos, hipertextos e outros.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
46
Canva IA.
IA e tecnologias
Inovação e Intervenção Tecnológica
- Identificar tecnologias digitais, sua presença e formas de uso, nas diferentes atividades no mundo do trabalho;
- Comunicar ideias complexas de forma clara por meio de objetos digitais como mapas conceituais, infográficos, hipertextos e outros.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
47
Estrutura de pitch (problema, solução, impacto).
IA e tecnologias
Inovação e Intervenção Tecnológica
- Conhecer os fundamentos da Inteligência Artificial, comparando-a com a inteligência humana, analisando suas potencialidades, riscos e limites;
- Comunicar ideias complexas de forma clara por meio de objetos digitais como mapas conceituais, infográficos, hipertextos e outros.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link
48
Reflexão crítica sobre uso consciente da IA
IA e tecnologias
Inovação e Intervenção Tecnológica
- Planejar e gerenciar projetos integrados às áreas de conhecimento de forma colaborativa, solucionando problemas, usando diversos artefatos computacionais;
- Comunicar ideias complexas de forma clara por meio de objetos digitais como mapas conceituais, infográficos, hipertextos e outros.
Aplicar princípios de experiência do usuário (UX) e de gestão de projetos, integrando ferramentas de inteligência artificial, para conceber e prototipar soluções tecnológicas inovadoras que promovam a acessibilidade para pessoas com deficiência visual.
Slides/ Encaminhamentos*: Link
Exercícios*: Link
Outros: Link