
Apresentação do curso e o conteúdo que ele vai trazer em sua primeira fase.
Um papo sobre o passado, presente e futuro dos banners animados.
Imagens para criar o banner no editor de imagem.
Criação das imagens que serão usadas nos banners animados - Parte 1.
Criação das imagens que serão usadas nos banners animados - Parte 2.
Otimização das imagens criadas para melhor se adequarem ao peso exigido pelo mercado.
Instalação Visual Studio Code e plugins.
Codificação da estrutura do banner em HTML- Parte 1.
Codificação da estrutura do banner em HTML- Parte 2.
Codificação do estilo do banner em SCSS/Sass - Parte 1.
Codificação do estilo do banner em SCSS/Sass - Parte 2.
Codificação do estilo do banner em SCSS/Sass - Parte 3.
Codificação do estilo do banner em SCSS/Sass - Parte 4.
Codificação do estilo do banner em SCSS/Sass - Parte 5.
Codificação das animações do banner em JavaScript - Parte 1.
Codificação das animações do banner em JavaScript - Parte 2.
Codificação das animações do banner em JavaScript - Parte 3.
Codificação das animações do banner em JavaScript - Parte 4.
Codificação das animações do banner em JavaScript - Parte 5.
Codificação das animações do banner em JavaScript - Parte 6.
Codificação das animações do banner em JavaScript - Parte 7.
Imagens para criar o Brilho e o Hover.
Codificação da interação Clicktag.
Codificação da animação de brilho adicionada ao CTA do banner.
Codificação da interação hover no banner.
Recurso anexado nesta aula é o banner pronto.
Imagens para serem utilizadas no exercício de adaptação de formatos 160x600 e 728x90.
As imagens já se encontram no formato correto dos banners.
OBS: Tente adaptar os formatos antes de assistir à próxima aula.
Resposta do exercício de adaptação de formato.
Como melhor efetuar a entrega do banner.
Codificação das animações do banner utilizando a biblioteca GSAP - Parte 1.
Codificação das animações do banner utilizando a biblioteca GSAP - Parte 2.
Codificação das animações do banner utilizando a biblioteca GSAP - Parte 3.
Bem-vindo ao curso que busca ser o mais completo sobre banners animados! Este curso foi cuidadosamente desenvolvido para proporcionar uma experiência de aprendizado prática e abrangente, cobrindo todas as etapas do processo de criação de banners animados. Desde os fundamentos básicos até as técnicas mais avançadas, você aprenderá a dominar as ferramentas e metodologias essenciais. Nosso objetivo é fornecer uma formação completa, capacitando você a criar banners animados profissionais que se destacam no mercado. Seja você um iniciante ou um profissional experiente, este curso foi projetado para atender a todas as suas necessidades de aprendizado e estará em continua evolução.
O que você vai aprender:
Criar banners animados codificando desde o início.
Técnicas de criação de imagens para utilizar em banners.
Otimização do peso das imagens.
Uso de bibliotecas externas.
Este curso é ideal tanto para iniciantes com conhecimento básico que querem começar no mundo dos banners animados quanto para profissionais que desejam aprimorar suas habilidades. Cada módulo é projetado para ser direto e prático, garantindo que você possa aplicar imediatamente o que aprendeu.
Ao final deste curso, você será capaz de:
Criar banners animados de alta qualidade do início ao fim.
Instalar e utilizar Visual Studio Code para codificar.
Criar banners utilizando HTML, CSS/Sass e JavaScript.
Adicionar Clicktag em banners.
Criar interação e usuário chamado hover.
Usar a biblioteca externa chamada Greensock.
Adaptar e otimizar seus banners para o padrão atual.
Inscreva-se agora e comece sua jornada para se tornar um especialista em banners animados!