aulify
Planificação modular · UC02650

Construir interfaces e animações interativas

Curso: Técnico/a de Multimédia Carga: 25h Créditos: 2.25 Tempos: 30 × 50 min Sessões: 10
Proposta de distribuição para tempos letivos de 50 minutos (25h ≈ 30 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.
24Web interactivaWeb interactiva: A tríade da web, O DOM, Eventos, Padrão: classe + transição.🎨 SlidesFormativa (observação e exercícios).
34Animação CSSAnimação CSS: Transitions, Keyframes, Transform, Animações performantes.🎨 SlidesFormativa (observação e exercícios).
44Animação com JavaScriptAnimação com JavaScript: Quando usar JS, requestAnimationFrame, GSAP, Timelines (GSAP).🎨 Slides📝 Ficha 01 · Animação CSS e performanceFormativa (Ficha 01).
54Scroll e parallaxScroll e parallax: Scroll-triggered animations, Intersection Observer, Parallax, ScrollTrigger (GSAP).🎨 SlidesFormativa (observação e exercícios).
63SVG interactivoSVG interactivo: Porquê SVG, Animar SVG, Morphing e micro-animações, Lottie.🎨 Slides📝 Ficha 02 · Planear as animações de uma landing pageFormativa (Ficha 02).
73Performance e acessibilidadePerformance e acessibilidade: 60 fps, will-change, prefers-reduced-motion, Optimização e boas práticas, UC02650 · resumo.🎨 SlidesFormativa (observação e exercícios).
81Consolidação e sínteseConsolidação e síntese da unidade. Esclarecimento de dúvidas.📖 Sebenta · sínteseFormativa.
93Mini-projetoAplicação integrada dos conteúdos a um problema proposto.🧩 Mini-projetoSumativa (mini-projeto).
102Avaliaçã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 2Web interactiva: A tríade da web, O DOM, Eventos, Padrão: classe + transição.
Aula 3Animação CSS: Transitions, Keyframes, Transform, Animações performantes.
Aula 4Animação com JavaScript: Quando usar JS, requestAnimationFrame, GSAP, Timelines (GSAP). Resolução da Ficha 01.
Aula 5Scroll e parallax: Scroll-triggered animations, Intersection Observer, Parallax, ScrollTrigger (GSAP).
Aula 6SVG interactivo: Porquê SVG, Animar SVG, Morphing e micro-animações, Lottie. Resolução da Ficha 02.
Aula 7Performance e acessibilidade: 60 fps, will-change, prefers-reduced-motion, Optimização e boas práticas, UC02650 · resumo.
Aula 8Consolidação e síntese da unidade. Esclarecimento de dúvidas.
Aula 9Desenvolvimento do mini-projeto: aplicação integrada dos conteúdos a um problema proposto.
Aula 10Realização do teste de avaliação sumativa. Correção e balanço da unidade.