Curso

Trabalhando com animações no jQuery

Neste curso veremos como utilizar as funções nativas da biblioteca jQuery para criar animações em elementos HTML. Com uma sintaxe simples, a jQuery nos permite implementar efeitos de fade, slide, e animações customizadas. Animações podem ser utilizadas em qualquer aplicação web para otimizar a experiência do usuário, exibindo, ocultando ou modificando itens da interface gráfica.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

4 horas

Curso de jQuery (4 aulas)

Aula 1 - Introdução

Iniciando nosso curso, veremos nesta aula quais animações implementaremos e o que será necessário para isso. Criaremos nosso primeiro arquivo HTML e faremos referência à jQuery, a fim de poder utilizar suas funções.

Aula 2 - FadeIn, FadeOut, FadeToggle e FadeTo

Nesta aula conheceremos as funções disponíveis para aplicar o efeito fade, aquele que faz com que um elemento seja esmaecido gradualmente até desaparecer, ou fazer o caminho inverso para se tornar visível.

Aula 3 - SlideUp, SlideDown e SlideToggle

Nesta aula veremos como utilizar as funções slideUp, slideDown e slideToggle, que fazem com que o elemento apareça ou desapareça da tela alterando sua altura gradualmente.

Aula 4 - Hide, Show e Animate

As funções hide e show servem para esconder ou mostrar um elemento, respectivamente, por meio de uma animação básica.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de JavaScript

JavaScript: Input

JavaScript: Aplicação em camadas

JavaScript: Objeto Literal e coleção de objetos