Espaço centralizado para navegação, estudo de código didático e interação com os projetos desenvolvidos ao longo da disciplina.
const disciplina = {
nome: "Programação Web",
professor: "Prof. Ábner Lucas",
foco: ["HTML5", "CSS Grid & Flex", "JS DOM"],
publicacao: "GitHub Pages & Vercel"
};
Navegue pelos projetos interativos da disciplina. Cada projeto demonstra conceitos fundamentais de estrutura, estilização e programação.
Ambiente virtual interativo desenvolvido para apresentar as orientações da atividade diagnóstica, com modais detalhados, regras técnicas, critérios de avaliação e simulação interativa de login via JavaScript.
Landing page completa para serviços de creche canina, com menu lateral, cabeçalho flexível, grid responsivo de cartões e funcionalidade interativa em JavaScript para alternar detalhes dos serviços com classList.toggle().
Transforme o projeto-base em um site com o tema da sua dupla. O roteiro apresenta o download do pacote inicial, as orientações de personalização, o checklist interativo de teste, a publicação no Tiiny.host e os critérios de avaliação.
Consulte os roteiros oficiais das atividades práticas para estudar os requisitos, esquemas visuais e critérios avaliativos.
Documento oficial contendo a situação proposta para construção do Portal de Projetos, formulário de login simulado, requisitos de CSS Flexbox e eventos JavaScript.
Roteiro prático para desenvolvimento da página de divulgação da Mostra de Projetos de Tecnologia com formulário completo de inscrição e campos semânticos.
Arquivo compactado com o código-fonte inicial (HTML semântico, CSS Grid para desktop sem regras de responsividade, JavaScript interativo e imagens) pronto para edição no VS Code.
Visão geral dos conceitos teóricos e práticos explorados ao longo das aulas de Programação Web.
Marcação semântica (header, nav, aside, main, section, footer), formulários acessíveis, links e organização de pastas no VS Code.
Box model, Flexbox para alinhamentos, CSS Grid para layouts complexos, variáveis CSS, sombras e efeitos de transição/transform.
Manipulação de elementos do DOM, eventos de clique, formulários interativos, alternância de classes e validações no navegador.
Controle de versão com Git, repositórios no GitHub e publicação contínua via GitHub Pages e Vercel.