Crie um Portfólio de Uma Página Deslumbrante com Seções Deslizantes

Crie um portfólio dinâmico com um slideshow usando HTML, CSS, JavaScript e Keyframes

Avaliação: 4.6 de 58 avaliações

Duração: 1 hora

Número de aulas: 5

Nível: Iniciante

Bem-vindo ao curso! Neste curso, você aprenderá como criar um portfólio dinâmico com um slideshow usando HTML, CSS, JavaScript e Keyframes. Vamos mergulhar nos detalhes do que você aprenderá em cada seção:

Seção 1: Introdução

Nesta seção, você terá uma visão geral do resultado final do modelo de portfólio que você criará. Você verá todos os contêineres e diferentes partes do modelo, incluindo a animação de keyframes, a galeria com um slideshow e as seções Sobre, Recursos e Contato.

Seção 2: Crie os Primeiros Contêineres

Nesta seção, você aprenderá como criar os primeiros contêineres que serão colocados atrás da imagem principal. Esses contêineres terão títulos verticais que serão a única parte visível dos contêineres.

Seção 3: Use Keyframes para Adicionar Animação Deslizante

Nesta seção, você aprenderá como usar Keyframes para adicionar uma animação deslizante aos contêineres. No final deste vídeo, todos os contêineres estarão animados.

Seção 4: Adicione Conteúdo aos Contêineres

Nesta seção, você aprenderá como adicionar ícones de mídia social ao contêiner de contato. Você também adicionará texto às seções Sobre e Recursos usando apenas HTML e CSS.

Seção 5: Crie um Slideshow

Nesta seção, você aprenderá como criar um slideshow para a seção de galeria. Você usará JavaScript para alterar as imagens quando clicar nas setas de visualização e próxima. Além disso, você adicionará um efeito de desvanecimento às transições de imagem usando animação de Keyframes.

Ao final deste curso, você terá as habilidades para construir um portfólio de uma página deslumbrante com seções deslizantes. Prepare-se para mostrar seu trabalho de uma maneira dinâmica e visualmente atraente!