Desmistificando Parallax: Aprenda a Criar Páginas Web Interativas

Com JavaScript, HTML e CSS

Avaliação: 4.4 de 5122 avaliações 3 horas totais 15 palestras Intermediário Você sabe o que é parallax, certo? É aquele incrível efeito 3D que vimos em inúmeros sites, jogos e aplicativos (como o Alto's Adventure, por exemplo). Parallax é uma interação cativante que atrai a atenção das pessoas. Pode parecer mágica, mas na verdade é bastante simples de codificar você mesmo! Neste curso, vou revelar os segredos por trás do parallax e ensinar você a criar páginas web interativas usando JavaScript. Você aprenderá como criar a ilusão de profundidade, onde objetos mais distantes se movem em uma velocidade mais lenta do que aqueles mais próximos ao espectador. Além disso, você descobrirá como fazer com que tudo responda à entrada do usuário, como movimentos do mouse ou rolagem da página. Este curso é projetado para pessoas com um entendimento básico de HTML, CSS e JavaScript. Se você precisa relembrar essas habilidades, tenho aulas para iniciantes disponíveis de HTML, CSS e JavaScript que o ajudarão a se atualizar. Ao longo deste curso, abordaremos os seguintes tópicos:

Ouvindo a entrada do usuário (movimento do mouse e alterações na posição de rolagem)

Conectando propriedades do elemento, como posição, desfoque e escala, à entrada do usuário

Criando ilusões realistas

Princípios do JavaScript

O que você aprenderá: - Criar uma experiência imersiva de parallax usando JavaScript, HTML e CSS - Entender como mapear entradas para saídas em JavaScript - Obter uma compreensão sólida da teoria por trás do Parallax