Aprender CSS: Curso Web Design

Você pode aprender CSS pelo celular, de seletores a layouts responsivos, animações e web design moderno. Aulas curtas sobre um tema por vez; editor a um toque com HTML e CSS lado a lado e prévia ao vivo.

O QUE ESTÁ INCLUÍDO

• 40 cursos, 159 aulas: do iniciante (A1) ao avançado (C1)

• CSS editor ao vivo com HTML: prévia instantânea, testes e páginas próprias

• 20 projetos guiados de web design: barra de ferramentas, grade de cartões, cabeçalho fixo, botão pulsante

• 20 missões de caça a bugs: cartão 42px largo demais, media query que não funciona no celular, modal atrás da página

• Exame final e certificado de conclusão

• 22 idiomas

UM PERCURSO COMPLETO, DO INICIANTE AO AVANÇADO

• Sintaxe, seletores, cores, fundos, tipografia, modelo de caixa, display, posicionamento, unidades, valores

• Pseudoclasses, pseudoelementos, CSS flexbox, CSS grid: do básico aos layouts avançados

• Design responsivo, media queries, container queries

• Propriedades personalizadas (variáveis), funções, especificidade, cascata, @layer

• Transições, transformações, animação com keyframes, filtros, modos de mesclagem

• Modo escuro, esquemas de cores, rolagem, overflow, clip-path, formas

• Depuração com ferramentas de desenvolvimento, arquitetura BEM, Sass, PostCSS, tokens de design

• Padrões de componentes e layouts modernos, desempenho, Houdini

PRÁTICA QUE FIXA

• Questionários, guia de consulta com 69 itens, 50 perguntas com respostas claras para entrevistas de desenvolvimento front-end ou web

• Biblioteca de código editável; salve códigos, notas e aulas favoritas

• Desafio Mundial de Programação: três rodadas globais por dia em Python, JavaScript e outras linguagens

• Sequências de dias, XP, classificação, lembretes diários

MENTOR AI

• Pergunte à AI sobre conceitos, erros, layouts, propriedades ou seu código

• O ambiente de testes de AI cria HTML e CSS a partir de descrições de páginas

• Cota diária gratuita de AI; uso ilimitado com Pro

PARA QUEM É

• Iniciantes que querem aprender CSS no desenvolvimento web

• Designers que estilizam páginas em vez de entregar mockups

• Estudantes que praticam junto com um curso de web design

• Desenvolvedores HTML e CSS que estudam flexbox e grid

• Pessoas em transição de carreira que se preparam para uma vaga em front-end

COMO FUNCIONA

1. Comece grátis a aprender CSS: sintaxe e seletores

2. Altere valores no editor; veja a prévia

3. Aprenda modelo de caixa, CSS flexbox, CSS grid, design responsivo e animação

4. Crie projetos guiados; corrija bugs de layout

5. Passe no exame final para obter seu certificado

GRÁTIS E PRO

Grátis: primeiro curso, primeiro projeto guiado, duas missões, editor ao vivo e cota diária do mentor AI. Pro: todos os cursos, projetos e missões, exame para certificado, AI ilimitada e sem anúncios.