Introdução
  • Apresentação
  • LEIA ANTES DE CONTINUAR
  • Interaja com outros alunos
  • Introdução
  • Primeiro HTML
  • Algumas Tags principais
  • Principais tags - mão na massa
  • Correção do exercício
  • Estrutura base - teoria
  • Estrutura base - mão na massa
  • Para que servem as Metatags?
Introdução ao CSS
  • As Folhas de estilo em cascata
  • Primeiras regras de CSS
  • Adicionando classes
  • Background ou background-color?
  • Box Model
  • Box-model - parte 2
  • Pseudo-classes e list-slyte
  • Praticando
  • Exercício. Centralizar na tela
  • Exercício. HTML
  • Exercício. CSS
Mais sobre o Visual - Parte 1
  • Trabalhando com imagens
  • Trabalhando com imagens - mão na massa
  • Estruturando layouts com semântica
  • Projeto 1 - HTML
  • Projeto 1 - CSS
  • footer - como centralizar na vertical
  • Propriedade display, inline, block e inline-block
  • Projeto 1 - menu horizontal
  • Box-sizing
  • Float
  • Float e clear - mão na massa
  • Projeto 1 - cards horizontais
Mais sobre o Visual - Parte 2
  • Propriedade position
  • Propriedade position - mão na massa
  • Projeto Fashion - início
  • Projeto Fashion - HTML
  • Projeto Fashion - CSS - Parte 1
  • Projeto Fashion - CSS - Parte 2
Listas, tablelas e overflow
  • Listas aninhadas e de definição
  • Listas aninhadas e de definição - mão na massa
  • Overflow
  • Tabelas
  • Tabelas - mão na massa
Formulários
  • Formulário de busca no google
  • Semântica em formulários
  • CSS em formulários
  • Tipos de entrada de dados - parte 1
  • Tipos de entrada de dados - parte 2
  • Tipos de entrada de dados - parte 3
Efeitos com CSS
  • Quais efeitos veremos
  • border-radius
  • box-shadow
  • text-shadow
  • Gradiente linear
  • Fontes customizadas
  • Transições suaves
Projeto Strata
  • Início do projeto
  • Download Layout
  • HTML - Recent Works
  • HTML - Get in Touch
  • HTML - Elements - parte 1
  • HTML - Elements - parte 2 - Links
  • HTML - Elements - parte 3 - Tabelas
  • HTML - Elements - parte 4 - buttons
  • HTML - Elements - parte 5 - Imagens
  • CSS - Início
  • CSS - Estrutura
  • CSS - parte 1 - base
  • CSS - parte 2 - listas
  • CSS - parte 3 - botões
  • CSS - parte 4 - tabelas
  • CSS - parte 5 - Get in Touch
  • CSS - parte 6 - arrumar o formulário
  • CSS - parte 7 - ajustes
  • CSS - parte 8 - Galeria de imagens - 3 colunas
  • CSS - parte 9 - Corrigir grid
  • CSS - parte 10 - hover nos botões
  • CSS - parte 11 - footer
  • Resultado final
  • Refatoração
  • Refatoração 2
Seletores avançados - seletores compostos, pseudo-classes e pseudo elementos
  • Seletores compostos - parte 1
  • Seletores compostos - parte 2
  • Content, after e before
  • pseudo-classes e pseudo-elementos - parte 1
  • pseudo-classes e pseudo-elementos - parte 2
  • pseudo-classes e pseudo-elementos - parte 3
  • pseudo-classes e pseudo-elementos - parte 4
  • Propriedade transform