Curso de Front-end UI: Efeito paralaxe e carrossel

120

Alunos neste curso

Faça esse curso de HTML e CSS e:

  • 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

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é

Primeira aula 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 relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

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.

Última atualização

30/09/2020

Já é aluno?

Começar o Curso

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

  • 1241 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1241 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1241 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1241 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Procurando planos para empresas?

Acesso por 1 ano

Estude 24h/dia onde e quando quiser

Novos cursos todas as semanas