Introdução
- Apresentação
- LEIA ANTES DE CONTINUAR
- Interaja com outros alunos
- Introdução
- Primeiro HTML
- Atualização - Migrar do Brackts para VSCode
- 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
