Pular para o conteúdo
Turma de novembro aberta · últimas vagas para DevTools na Prática Conhecer o curso

Front-end · próxima turma

CSS Avançado

Layouts robustos, grid, flexbox, animações e acessibilidade sem depender de framework. Para quem já sabe o básico e quer construir interfaces de verdade.

16 horas Intermediário Ao vivo Certificado

Sobre o curso

CSS não é só deixar as coisas bonitas. É organizar espaço, prever comportamentos em telas diferentes e criar sistemas visuais que outras pessoas conseguem manter. Neste curso, você vai além de propriedades soltas e aprende a pensar em layout.

A turma mistura encontros ao vivo e exercícios de refatoração. Você pega telas prontas, identifica problemas e reconstrói o CSS com grid, flexbox, design tokens e camadas bem definidas — sem depender de frameworks.

O que você vai aprender

  • Escolher entre grid e flexbox com critérios claros
  • Construir layouts responsivos que não quebram no meio do caminho
  • Organizar tokens, camadas e componentes reutilizáveis
  • Animar com propósito e respeitar preferências de movimento
  • Auditar contraste, foco e navegação por teclado
  • Diagnosticar problemas de layout e desempenho no navegador

Conteúdo programático

Módulo 1 · Layouts com grid e flexbox 5h
  • Grid, áreas e alinhamento
  • Flexbox para componentes e fluxos
  • Padrões de página que funcionam em qualquer tela
Módulo 2 · Tokens e componentes 4h
  • Custom properties e temas
  • Camadas, escopo e organização de arquivos
  • Componentes sem repetição
Módulo 3 · Movimento e interação 3h
  • Transições e animações com propósito
  • Estados de foco, hover e carregamento
  • Preferências de movimento e desempenho
Módulo 4 · Acessibilidade e auditoria 4h
  • Contraste, tipografia e leitura confortável
  • Navegação por teclado e foco visível
  • Diagnóstico de layout no DevTools

Quem conduz

LP
Lívia Prado Design educacional da Nebula. Cuida do material, da acessibilidade e da experiência de quem estuda — e acha que fonte ilegível é vulnerabilidade.

Perguntas frequentes

Preciso saber CSS básico?

Sim. O curso assume familiaridade com seletores, cascata, box model e responsividade básica.

Vou usar algum framework?

Não. O curso é deliberadamente escrito em CSS puro, para que você entenda os mecanismos que os frameworks encapsulam.

Quando abre a próxima turma?

A próxima turma está prevista para o primeiro semestre de 2027. Quem está na lista de espera recebe o aviso primeiro.