CSS

Trilha de Aprendizado

Acompanhe cada etapa do curso e evolua de forma estruturada

Aulas93
Etapas8
1

Boas vindas

6 conteúdos
  • Boas Vindas!
  • Informações sobre o curso
  • Resumo em PodCast
  • Podcast | Informações sobre o curso
  • Infográfico do curso
  • Avisos
2

Introdução ao Cenário

1 conteúdos
  • Cenário do Curso
3

1️⃣ Etapa 1: Fundamentos do CSS

12 conteúdos
  • O que é o CSS?ㅤ
  • CSS x HTMLㅤ
  • Como usar o CSSㅤ
  • Atividade - Fundamentos do CSS
  • 1. Como os estilos são aplicados
  • Problema 1.1ㅤ
  • Onde usar o CSSㅤ
  • Prioridade de Estilosㅤ
  • Atividade - Como os estilos são aplicados
  • Resumo em PodCast
  • Podcast | Etapa 1: Fundamentos do CSS
  • Jogo O que é o CSS
4

2️⃣ Etapa 2: Seletores no CSS

14 conteúdos
  • 1. Como selecionar elementos no CSS
  • Problema 2.1ㅤ
  • Seletores de tagㅤ
  • Seletor de Classe e IDㅤ
  • Seletores Descendentesㅤ
  • Seletores Múltiplosㅤ
  • Atividade - Seletores no CSS
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática
  • Atividade prática 1
  • Resultado esperado - Atividade prática 1
  • Gabarito - Atividade prática 1
  • Resumo em PodCast
  • Podcast | Etapa 2: Seletores no CSS
5

3️⃣ Etapa 3: Propriedades visuais

24 conteúdos
  • 1. Usando cores
  • Problema 3.1ㅤ
  • colorㅤ
  • background-colorㅤ
  • background-imageㅤ
  • Atividade - Usando cores
  • 2. Trabalhando com tipografia
  • Problema 3.2ㅤ
  • font-size, weight e familyㅤ
  • text-align/decorationㅤ
  • Atividade - Trabalhando com tipografia
  • 3. Controle dos espaços
  • Problema 3.3ㅤ
  • margin, padding e borderㅤ
  • width e heightㅤ
  • Atividade - Controle dos espaços
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 2
  • Resultado esperado - Atividade prática 2
  • Gabarito - Atividade prática 2
  • Resumo em PodCast
  • Podcast | Etapa 3: Propriedades visuais
  • Jogo Sobre Cores
6

4️⃣ Etapa 4: Organização de elementos

20 conteúdos
  • 1. Definindo o tipo de exibição
  • Problema 4.1ㅤ
  • display block, inline e inline-blockㅤ
  • display none e gridㅤ
  • grid-template-columns e gapㅤ
  • Atividade - Definindo o tipo de exibição
  • 2. Posicionando elementos
  • Problema 4.2ㅤ
  • position: static e position: relativeㅤ
  • position: absolute e position: fixedㅤ
  • Atividade - Posicionando elementos
  • 3. Alinhando com flexbox
  • Problema 4.3ㅤ
  • display: flexㅤ
  • flex-directionㅤ
  • justify-contentㅤ
  • align-itemsㅤ
  • Atividade - Alinhando com flexbox
  • Resumo em PodCast
  • Podcast | Etapa 4: Organização de elementos
7

5️⃣ Etapa 5: Responsividade e adaptação de layout

14 conteúdos
  • 1. Tornando o layout responsivo
  • Problema 5.1ㅤ
  • media queriesㅤ
  • Layout responsivoㅤ
  • Unidades no CSS: px, %, em, rem, vh e vwㅤ
  • Atividade - Responsividade e Adaptação de Layout
  • Atividade prática
  • Nesta seção é disponibilizada atividades práticas ...
  • Atividade prática 3
  • Resultado esperado - Atividade prática 3
  • Gabarito - Atividade prática 3
  • Resumo em PodCast
  • Podcast | Etapa 5: Responsividade e Adaptação de layout
  • Jogo CSS Responsivo — O Site em Qualquer Tela
8

Certificação do Curso de CSS

2 conteúdos
  • Avaliação do Curso
  • Certificado de Conclusão do Curso