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.
----------------------------------------------------------------------
JavaScript avançado e intencional.
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.
UX (Experiência do Usuário).
Agrinho 2026 - Categoria Desenvolvimento Front-End
Organização de arquivos e pastas.
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.
Verificação de Informações.
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
Estrutura HTML (Tags head, body, header, main, footer).
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
Tags HTML Semânticas (H1, H2, nav, article).
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
CSS (Cascading Style Sheets).'
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
Layout Responsivo Básico (min-height, flex-direction).
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
Propriedades CSS para cores (background-color, color)
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
Posicionamento CSS (position: relative, absolute).
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
Animações CSS (transform, transition).
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
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
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
Manipulação de JavaScript com DOM.
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
Segurança e direito digital.
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
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
Variáveis e eventos em JavaScript.
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
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
Estrutura condicional em JavaScript.
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
Formulação de problemas (quem, dificuldade, consequência).
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
Construção de persona (perfil, dores, cenário de uso).
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
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
Protótipo e wireframe com Figma IA.
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
Iteração e melhoria de protótipos.
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
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
Estrutura de pitch (problema, solução, impacto).
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
Reflexão crítica sobre uso consciente da IA
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