Galeria de imagens

Workshop

22 vídeos • 01:32:52

Seção 01 | Introdução

  1. 1.

    Introdução

    00:07
  2. 2.

    Requisitos do projeto

    03:19
  3. 3.

    Construindo o HTML e CSS

    08:20

Seção 02 | Css do projeto

  1. 4.

    Resetando o Css

    01:36
  2. 5.

    Adicionando fonte customizada

    02:33
  3. 6.

    Ajustando Layout com Flexbox

    11:06
  4. 7.

    CSS: Otimização com Variáveis de Cor

    01:41
  5. 8.

    Botão Ver Mais Ajustado

    01:48
  6. 9.

    Links e Redirecionamentos Web

    01:42
  7. 10.

    Ajustes CSS na Galeria

    04:49
  8. 11.

    Redesign da Página de Contato

    14:39
  9. 12.

    Ajustando Imagens e Zoom CSS

    03:37

Seção 03 | Javascript do projeto

  1. 13.

    Galeria Dinâmica com JavaScript

    03:09
  2. 14.

    Organizando JavaScript e Imagens

    01:51
  3. 15.

    Criando a galeria de Fotos Dinâmica

    04:07
  4. 16.

    Adicionando evento de clique ao botão

    02:10
  5. 17.

    JavaScript para Galeria Dinâmica

    04:20
  6. 18.

    Galeria de Imagens Dinâmica

    02:06
  7. 19.

    Classe Wide Dinâmica

    07:22
  8. 20.

    Cópias Dinâmicas com Slice

    03:17
  9. 21.

    Carregamento Automático de Imagens

    08:29

Seção 04 | Finalização

  1. 22.

    Finalizando

    00:44
Login
Workshops>Galeria de imagens>Galeria Dinâmica com JavaScript

Acesso exclusivo para membros PRO

Esse conteúdo é exclusivo para nossos assinantes.

Libere esse e muito mais conteúdo assinando o Codante PRO.

Galeria Dinâmica com JavaScript

Estamos começando a implementar JavaScript para dinamizar nossa galeria de fotos. Criamos arquivos `script.js` e `dados.js`. No `dados.js`, criamos um array de objetos para armazenar informações das imagens, incluindo link, texto alternativo e classe para manipulação futura.

Comentários

(0)