curso de

Front-end UI: Efeito paralaxe e carrossel

Estudando este mês:

e mais 59 alunos(as)

Resumo do curso

  • Aprenda a recolher informações importantes do layout no Adobe XD
  • Entenda propriedades de tipografia como letter-spacing e line-height
  • Veja efeitos de paralaxe: fixo e verdadeiro
  • Conheça o funcionamento da perspectiva do efeito paralaxe verdadeiro
  • Construa um carrossel completo utilizando apenas HTML, CSS e JavaScript

Público alvo

Pessoas desenvolvedoras que querem aprender mais sobre interatividade visual em páginas HTML usando CSS e JavaScript puros. O curso é para aquelas pessoas que têm interesse maior na parte de design/UI do front-end.

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

30/09/2020

Já é aluno?

Comece o curso agora

8h

p/ conclusão

43

Atividades

135

Minutos de video

645

Alunos nesse curso

8.9

Nota deste curso

Certificado de participação

Um pouco mais do conteúdo

Descubra se esse curso é pra você lendo as primeiras aulas de Front-end UI: Efeito paralaxe e carrossel

Instrutores

  • Formado em Sistemas de Informação na FIAP e em Design Gráfico na Escola Panamericana de Artes e Design. Trabalho como desenvolvedor e instrutor na Caelum e Alura. Nas horas vagas sou artista/ilustrador.

Conteúdo Detalhado

  1. Layout e ambiente de desenvolvimento

    • A base do projeto
    • O Browser-sync
    • Estrutura do cabeçalho
    • Estilização do cabeçalho
  2. Chamada e paralaxe

    • Definindo espaços
    • Imagem do produto
    • A descrição do produto
  3. Começando o carrossel

    • Seção do carrossel
    • Estrutura do carrossel
    • Estilização do carrossel
    • Iniciando o JavaScript
  4. Melhorando o carrossel

    • A base do carrossel
    • Preparando o filme
    • Movimentação
    • Interações
  5. Perspectiva e toques finais

    • True parallax
    • Montando o rodapé

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda HTML e CSS com esse e outros cursos, comece agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas