aulify
Planificação modular · UC02833

Conceber aplicações para a web na vertente frontend

Curso: Técnico/a de Desenvolvimento de Software Carga: 50h Créditos: 4.5 Tempos: 60 × 50 min Sessões: 12
Proposta de distribuição para tempos letivos de 50 minutos (50h ≈ 60 tempos). Ajuste a blocos de 45 ou 90 minutos e ao calendário da sua escola; os conteúdos seguem os materiais da UC e os objetivos o referencial oficial, a sequência é uma sugestão.

Planificação sessão a sessão

AulaTemposSessãoConteúdosRecursos AulifyAvaliação
12Apresentação da unidadeApresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.🎨 SlidesDiagnóstica.
27Desenho e construção de interfaces webDesenho e construção de interfaces web: Resultados de aprendizagem.🎨 SlidesFormativa (observação e exercícios).
37Estrutura semânticaEstrutura semântica: Elementos semânticos, Porquê semântica, Formulários.🎨 SlidesFormativa (observação e exercícios).
47EstilizarEstilizar: Seletores e cascata, Box model, Variáveis CSS.🎨 SlidesFormativa (observação e exercícios).
57Flexbox e GridFlexbox e Grid: Flexbox · 1 dimensão, Grid · 2 dimensões.🎨 Slides📝 Ficha 01 · HTML5 semântico e formuláriosFormativa (Ficha 01).
66Mobile-firstMobile-first: Media queries, Unidades responsivas.🎨 SlidesFormativa (observação e exercícios).
76A11y · para todosA11y · para todos: Princípios WCAG, Exemplos.🎨 Slides📝 Ficha 02 · CSS, layout e responsivoFormativa (Ficha 02).
86Workflow modernoWorkflow moderno: Stack típica 2026, Boas práticas finais.🎨 SlidesFormativa (observação e exercícios).
96Primeiro acessível, depois bonito. Sempre funcional.Primeiro acessível, depois bonito. Sempre funcional.🎨 SlidesFormativa (observação e exercícios).
101Consolidação e sínteseConsolidação e síntese da unidade. Esclarecimento de dúvidas.📖 Sebenta · sínteseFormativa.
113Mini-projetoAplicação integrada dos conteúdos a um problema proposto.🧩 Mini-projetoSumativa (mini-projeto).
122Avaliação sumativa e balançoRealização do teste de avaliação sumativa. Correção e balanço da unidade.·Sumativa (teste).

Sumários prontos a copiar

Aula 1Apresentação da unidade de competência, dos conteúdos e dos critérios de avaliação. Diagnóstico inicial.
Aula 2Desenho e construção de interfaces web: Resultados de aprendizagem.
Aula 3Estrutura semântica: Elementos semânticos, Porquê semântica, Formulários.
Aula 4Estilizar: Seletores e cascata, Box model, Variáveis CSS.
Aula 5Flexbox e Grid: Flexbox · 1 dimensão, Grid · 2 dimensões. Resolução da Ficha 01.
Aula 6Mobile-first: Media queries, Unidades responsivas.
Aula 7A11y · para todos: Princípios WCAG, Exemplos. Resolução da Ficha 02.
Aula 8Workflow moderno: Stack típica 2026, Boas práticas finais.
Aula 9Primeiro acessível, depois bonito. Sempre funcional.
Aula 10Consolidação e síntese da unidade. Esclarecimento de dúvidas.
Aula 11Desenvolvimento do mini-projeto: aplicação integrada dos conteúdos a um problema proposto.
Aula 12Realização do teste de avaliação sumativa. Correção e balanço da unidade.