Roadmap CSS

Roadmap CSS

Trilha de Aprendizado

Acompanhe cada etapa do curso e evolua de forma estruturada

ESTILO VISUAL FRONT-END DESIGN PARA WEB PERSONALIZAÇÃO ORGANIZAÇÃO DE ESTILOS
Horas20
Aulas61
Etapas5

Visão geral em infográfico

Infográfico do curso de CSS
1

Boas vindas

3 conteúdos
  • Boas vindas!
  • Informações sobre o curso
  • [PodCast] Informações sobre o curso
2

Introdução ao cenário

1 conteúdo
  • Cenário do Curso
3

Etapa 1: Fundamentos do CSS

9 conteúdos
  • O que é CSS
  • CSS x HTML
  • Como usar o CSS
  • [Atividade] Fundamentos do CSS

  • Problema 1.1
  • Onde usar o CSS
  • Prioridade de Estilos
  • [Atividade] Como os estilos são aplicados

  • [PodCast] Fundamentos do CSS
4

Etapa 2: Seletores no CSS

8 conteúdos
  • Problema 2.1
  • Seletores de tag
  • Seletor de classe e ID
  • Seletores descendentes
  • Seletores múltiplos
  • [Atividade] Seletores no CSS

  • [Atividade] Prática

  • [PodCast] Seletores no CSS
5

Etapa 3: Propriedades visuais

15 conteúdos
  • Problema 3.1
  • color
  • background-color
  • background-image
  • [Atividade] Usando cores

  • Problema 3.2
  • font-size, weight e family
  • text-align/decoration
  • [Atividade] Trabalhando com tipografia

  • Problema 3.3
  • margin, padding e border
  • width e height
  • [Atividade] Controle dos espaços

  • [Atividade] Prática

  • [PodCast] Propriedades visuais
6

Etapa 4: Organização de elementos

16 conteúdos
  • 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

  • Problema 4.2
  • position: static e position: relative
  • position: absolute e position: fixed
  • [Atividade] Posicionando elementos

  • Problema 4.3
  • display: flex
  • flex-direction
  • justify-content
  • align-items
  • [Atividade] Alinhando com flexbox

  • [PodCast] Propriedades visuais
7

Etapa 5: Responsividade e adaptação de layout

7 conteúdos
  • 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

  • [PodCast] Responsividade e adaptação de layout
8

Certificação do Curso de CSS

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

comece agora mesmo

inscreva-se