Próximas Turmas

Nenhuma turma disponível no momento

Tenho interesse

O que você vai aprender nesse curso

Capacitar o aluno na utilização da biblioteca GSAP (GreenSock Animation Platform) para criar animações modernas, fluidas e interativas em projetos Web.

O workshop tem foco prático e aborda desde os fundamentos até recursos avançados como timelines, interações com eventos e animações controladas por rolagem com o plugin ScrollTrigger.

Ao final, o aluno será capaz de aplicar animações incríveis em páginas HTML com alto apelo visual.

Conteúdo do curso

Fundamentos do GSAP e Animações com Interatividade

  • Introdução às animações com JavaScript
  • Por que usar GSAP? Casos reais e vantagens
  • Instalação via CDN e estrutura base do projeto
  • Métodos principais:
    • gsap.to()
    • gsap.from()
    • gsap.fromTo()
  • Propriedades animáveis:
    • x, y, opacity, scale, rotate, ease, duration, repeat
  • Seletores e animação em múltiplos elementos
  • Criação de sequências com gsap.timeline()
  • Controle com eventos do DOM (click, hover, etc)
  • Mini-projeto prático: animação de Hero Section + botões e cards interativos

ScrollTrigger e Animações Avançadas

  • Revisão dos conceitos abordados
  • Instalação e uso do plugin ScrollTrigger
  • Animações disparadas por rolagem (fade, slide, pin, scrub)
  • Combinação de timeline() com ScrollTrigger
  • Construção de storytelling visual com scroll
  • Efeito parallax e destaques animados por seção
  • Projeto prático: Landing Page animada com entrada progressiva dos elementos