Repositório com o código produzido durante o Curso - HTML e CSS - Fundamentos.
Ferramentas utilizadas no curso
- Vscode
- HTML
- CSS
Lista de commits
| Aula | Video | Commit | Link |
|---|---|---|---|
| 1-2 | Criando arquivo e pasta de exemplo | 1-2 Criando arquivo e pasta de exemplo | Download |
| 1-3 | Trabalhando com link interno | 1-3 Trabalhando com link interno | Download |
| 1-4 | Disponibilizando arquivo para download | 1-4 Disponibilizando arquivo para download | Download |
| 1-5 | Adicionando favicon | 1-5 Adicionando favicon | Download |
| 1-6 | Transformando png em ico | 1-6 Transformando png em ico | Download |
| 1-7 | Conhecendo a tag details | 1-7 Conhecendo a tag details | Download |
| 1-8 | Tag del | 1-8 Tag del | Download |
| 1-9 | Escape para caracteres especiais | 1-9 Escape para caracteres especiais | Download |
| 1-10 | Adicionando comentário no HTML | 1-10 Adicionando comentário no HTML | Download |
| 2-1 | Tag de audio | 2-1 Tag de audio | Download |
| 2-2 | Manipulando a tag de audio | 2-2 Manipulando a tag de audio | Download |
| 2-3 | Conhecendo a tag de video | 2-3 Conhecendo a tag de video | Download |
| 2-4 | Manipulando a tag de vídeo | 2-4 Manipulando a tag de vídeo | Download |
| 2-5 | Incorporando Twitter | 2-5 Incorporando Twitter | Download |
| 2-6 | Incorporando mapa através do google | 2-6 Incorporando mapa através do google | Download |
| 2-7 | Incorporando vídeos do Youtube | 2-7 Incorporando vídeos do Youtube | Download |
| 3-1 | O que é semantica e sua importância | 3-1 O que é semantica e sua importância | Download |
| 3-2 | Estrutura de uma página semântica | 3-2 Estrutura de uma página semântica | Download |
| 3-3 | Diferenciando semântica e estilo | 3-3 Diferenciando semântica e estilo | Download |
| 4-1 | O que é o CSS | 4-1 O que é o CSS | Download |
| 4-2 | Entendendo as folhas de estilo em cascata | 4-2 Entendendo as folhas de estilo em cascata | Download |
| 4-3 | Seletores básicos CSS | 4-3 Seletores básicos CSS | Download |
| 4-4 | Conhecendo as pseudo-classes | 4-4 Conhecendo as pseudo-classes | Download |
| 4-5 | Conceito de especificidade | Conceito de especificidade | Download |
| 4-6 | Comentário no CSS | 4-6 Comentário no CSS | Download |
| 5-1 | O que são unidades de medidas no CSS | 5-1 O que são unidades de medidas no CSS | Download |
| 5-2 | Medidas absolutas | 5-2 Medidas absolutas | Download |
| 5-3 | Medidas relativas | 5-3 Medidas relativas | Download |
| 6-2 | Tamanho do conteúdo | 6-2 Tamanho do conteúdo | Download |
| 6-3 | Preenchimento interno | 6-3 Preenchimento interno | Download |
| 6-4 | Corrigindo o display | 6-4 Corrigindo o display | Download |
| 6-5 | Trabalhando com as bordas | 6-5 Trabalhando com as bordas | Download |
| 6-6 | Entendendo as margens | 6-6 Entendendo as margens | Download |
| 7-1 | Font family | 7-1 Font family | Download |
| 7-2 | Importando fonte externa | 7-2 Importando fonte externa | Download |
| 7-3 | Trabalhando com peso das fontes | 7-3 Trabalhando com peso das fontes | Download |
| 7-4 | Selecionando o tamanho das fontes | 7-4 Selecionando o tamanho das fontes | Download |
| 7-5 | Alterando altura da linha | 7-5 Alterando altura da linha | Download |
| 7-6 | Conhecendo os alinhamentos de texto | 7-6 Conhecendo os alinhamentos de texto | Download |
| 8-1 | Herança de estilização CSS | 8-1 Herança de estilização CSS | Download |
| 8-2 | Aplicando herança nos elementos | 8-2 Aplicando herança nos elementos | Download |
| 8-3 | Revertendo valores com initial | 8-3 Revertendo valores com initial | Download |
| 8-4 | Entendendo o unset | 8-4 Entendendo o unset | Download |
| 9-2 | Montando a estrutura do projeto | 9-2 Montando a estrutura do projeto | Download |
| 9-3 | Fazendo as importações necessárias | 9-3 Fazendo as importações necessárias | Download |
| 9-4 | Adicionando conteúdo | 9-4 Adicionando conteúdo | Download |
| 9-5 | Estilizando o Header do projeto | 9-5 Estilizando o Header do projeto | Download |
| 9-6 | Estilizando o conteúdo | 9-6 Estilizando o conteúdo | Download |
| 9-7 | Fidelizando textos dos cards | 9-7 Fidelizando textos dos cards | Download |
| 9-8 | Finzalizando projeto | 9-8 Finzalizando projeto | Download |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent