Junte-se a outras 33 pessoas que estão fazendo esse mini projeto.
Projeto Galeria de imagens
Transforme suas habilidades em algo visual e interativo! Aprenda a criar uma galeria de fotos do zero, utilizando apenas HTML, CSS e JavaScript.
Seu Instrutor
Caról Silva
Desenvolvedora Front-End e Instrutora de Desenvolvimento Web.
Vencedora do hackaton Nubank e prefeitura de São paulo, já trabalhou na área de tecnologia no banco Credit Suisse e no Reclame AQUI. Atualmente, é estrategista de marketing na Kroltec e compartilha seu conhecimento como professora de desenvolvimento web no Codante.io.
Aulas
- Introdução
- 1.
Introdução
00:07 - 2.
Requisitos do projeto
03:19 Construindo o HTML e CSS
08:20- Css do projeto
Resetando o Css
01:36Adicionando fonte customizada
02:33Ajustando Layout com Flexbox
11:06CSS: Otimização com Variáveis de Cor
01:41Botão Ver Mais Ajustado
01:48Links e Redirecionamentos Web
01:42Ajustes CSS na Galeria
04:49Redesign da Página de Contato
14:39Ajustando Imagens e Zoom CSS
03:37- Javascript do projeto
Galeria Dinâmica com JavaScript
03:09Organizando JavaScript e Imagens
01:51Criando a galeria de Fotos Dinâmica
04:07Adicionando evento de clique ao botão
02:10JavaScript para Galeria Dinâmica
04:20Galeria de Imagens Dinâmica
02:06Classe Wide Dinâmica
07:22Cópias Dinâmicas com Slice
03:17Carregamento Automático de Imagens
08:29- Finalização
Finalizando
00:44