CSS Academy

Name: CSS Academy
Availability: InStock

CSSWebFrontendBeginner

Aperfeiçoe seus designs web com CSS através de lições abrangentes na CSS Academy.

🤖 Com Inteligência Artificial📚 40 cursos👥 100.000+ alunos⭐ Classificação 4,9

Comece a Aprender →Explore o Currículo ↓

Visão Geral do Curso

CSS: A Linguagem que Estiliza a Web

CSS controla cada detalhe visual de uma página web — cor, layout, espaçamento, animação e responsividade. Evoluiu de uma simples camada apresentacional para uma linguagem completa de sistema de design, com recursos modernos como container queries, @layer, propriedades lógicas e a Houdini API oferecendo aos desenvolvedores controle refinado sobre renderização. Este track cobre toda a amplitude do CSS, desde escrever seu primeiro seletor até arquitetar sistemas de design escaláveis usados em grandes bases de código em produção.

O Que Você Aprenderá

Você começará com sintaxe, seletores, cores e tipografia, depois construirá uma compreensão sólida do box model, propriedades de display e posicionamento. A partir daí trabalhará com Flexbox e CSS Grid para layouts padrão e avançados, aplicará design responsivo e media queries, e usará CSS variables, funções personalizadas e design tokens para temas sustentáveis. Você também cobrirá transitions, animações keyframe, transforms, filtros, blend modes e dark mode — além de ferramentas modernas com Sass, PostCSS e padrões CSS-in-JS. O track termina com arquitetura CSS usando BEM, especificidade e a cascata, container queries, @layer cascade layers, CSS Houdini e performance.

O Caminho de Aprendizado

Quarenta cursos abrangem A1 até C1. Os primeiros cursos A1 e A2 estabelecem fundamentos — seletores, box model, pseudo-classes, pseudo-elementos e unidades. Cursos B1 cobrem Flexbox, Grid, design responsivo, animações, debugging com DevTools e funções CSS. Cursos B2 evoluem para Flexbox e Grid avançados, Sass, PostCSS, CSS-in-JS, design tokens, CSS Shapes, propriedades lógicas, container queries e CSS Layers. Os três cursos C1 — CSS Houdini, CSS Performance e CSS Future — abordam a vanguarda da plataforma.

Como Funciona

Cada curso é dividido em lições curtas e focadas que você completa diretamente no editor integrado com feedback em tempo real. Um tutor de IA está disponível sempre que você tiver dúvidas, e a progressão é deliberadamente incremental para que cada conceito reforce o anterior antes do próximo ser introduzido.

Comece a Aprender →

Ferramentas

Explore Ferramentas do Curso

Potencialize seu aprendizado com ferramentas e recursos alimentados por IA

⚡

Gerador de Código com IA

Gere código com IA

🐛

Correção de Bugs com IAPRO

Encontre e corrija erros de código

🔍

Análise com IAPRO

Análise profunda de código

💬

Chat com IA

Converse com seu tutor de IA

🧠

Faça uma Super PerguntaPRO

Obtenha respostas de nível especialista

📝

Criar AulaPRO

Criador de aulas com IA

🏆

Iniciar Exame de CertificaçãoPRO

Ganhe seu certificado

💻

Editor de Código

Escreva e execute código

🎯

Iniciar Desafio

Teste suas habilidades

Como Você Aprenderá

🎯

Aulas Interativas

Exercícios de codificação práticos com feedback em tempo real

🤖

Tutor de IA

Obtenha ajuda instantânea de nossa IA quando você ficar preso

💻

Editor Integrado

Escreva e execute código diretamente no seu navegador

🏆

Certificado

Ganhe um certificado ao concluir o curso

Currículo

40 Cursos

Todos os cursos no caminho de aprendizado CSS Academy.

Sintaxe e seletores de CSS

A13 aulas

Aprenda a sintaxe fundamental de CSS e como selecionar elementos HTML usando seletores de tag, classe, ID, atributo e seletores combinados.

Cores e planos de fundo

A14 aulasPRO

Domine os formatos de cores do CSS e as propriedades de plano de fundo para criar páginas web visualmente ricas.

Tipografia e texto

A14 aulasPRO

Estilize conteúdo textual com fontes, tamanhos, pesos, alinhamento e técnicas de carregamento de fontes personalizadas.

O modelo de caixas

A24 aulasPRO

Entenda como cada elemento HTML é uma caixa e controle seu tamanho, espaçamento, bordas e sombras.

Propriedades de exibição

A24 aulasPRO

Controle como os elementos fluem no documento com os modos de exibição bloco, em linha e bloco em linha.

Fundamentos de posicionamento

A24 aulasPRO

Retire elementos do fluxo normal usando os valores de posicionamento do CSS e controle as camadas com z-index.

Unidades e valores de CSS

A24 aulasPRO

Domine unidades absolutas e relativas de CSS para criar layouts escaláveis e responsivos.

Pseudoclasses

A24 aulasPRO

Selecione elementos com base no estado, na posição e na relação deles com outros elementos usando pseudoclasses.

Pseudo elementos

A24 aulasPRO

Insira conteúdo decorativo e estilize partes específicas dos elementos usando pseudo elementos de CSS.

Fundamentos do Flexbox

B14 aulasPRO

Crie layouts unidimensionais com CSS Flexbox, controlando direção, alinhamento e quebra de linha.

Fundamentos do CSS Grid

B14 aulasPRO

Crie layouts bidimensionais avançados com CSS Grid usando trilhas, lacunas e áreas de modelo.

Design responsivo

B14 aulasPRO

Crie layouts que se adaptem com elegância a qualquer tamanho de tela usando larguras fluidas e técnicas responsivas.

Consultas de mídia

B14 aulasPRO

Aplique estilos diferentes com base no tamanho da tela, na orientação e nas preferências do usuário usando consultas de mídia.

Variáveis de CSS

B14 aulasPRO

Crie folhas de estilo fáceis de manter com propriedades personalizadas que podem ser reutilizadas e atualizadas dinamicamente.

Transições de CSS

B14 aulasPRO

Adicione mudanças de estado animadas e suaves às propriedades de CSS usando a abreviação transition e funções de temporização.

Animações e quadros-chave de CSS

B14 aulasPRO

Crie animações complexas em várias etapas usando @keyframes e a propriedade abreviada animation.

Transformações de CSS

B14 aulasPRO

Mova, gire, redimensione e incline elementos no espaço 2D e 3D usando funções de transformação do CSS.

Especificidade e cascata

B14 aulasPRO

Entenda profundamente como o CSS determina quais estilos prevalecem quando várias regras têm como alvo o mesmo elemento.

Funções de CSS

B14 aulasPRO

Use funções avançadas de CSS para cálculos dinâmicos, dimensionamento fluido, layouts de grade e manipulação moderna de cores.

Filtros e modos de mesclagem

B14 aulasPRO

Aplique efeitos visuais a elementos e imagens usando filtros de CSS e composição com modos de mesclagem.

Rolagem e transbordamento

B14 aulasPRO

Controle o comportamento da rolagem, os pontos de encaixe e o recorte do transbordamento para proporcionar experiências de usuário fluidas.

Modo escuro e esquemas de cores

B14 aulasPRO

Implemente o modo escuro automático e manual com variáveis de CSS, color-scheme e consultas de mídia.

Depuração de CSS e DevTools

B14 aulasPRO

Domine o DevTools do navegador para inspecionar, depurar e entender o layout, as animações e os estilos calculados do CSS.

Flexbox avançado

B24 aulasPRO

Vá além do básico com alinhamento e ordenação avançados do Flexbox e padrões de layout do mundo real.

Grid avançado

B24 aulasPRO

Desbloqueie todo o potencial do CSS Grid com linhas nomeadas, posicionamento automático, subgrid e padrões complexos.

Arquitetura de CSS e BEM

B24 aulasPRO

Organize grandes bases de código CSS com padrões arquiteturais, convenções de nomenclatura e estruturas de arquivos.

Formas de CSS e clip-path

B24 aulasPRO

Crie elementos não retangulares e formas que permitem a quebra de texto usando clip-path e CSS Shapes.

Propriedades lógicas de CSS

B24 aulasPRO

Escreva CSS independente da direção, compatível com idiomas da esquerda para a direita e da direita para a esquerda, usando propriedades ló…

Consultas de contêiner

B24 aulasPRO

Aplique estilos com base no tamanho do contêiner de um componente, em vez da janela de visualização, usando consultas de contêiner.

Camadas de CSS (@layer)

B24 aulasPRO

Gerencie explicitamente a prioridade da cascata do CSS usando @layer para eliminar conflitos de especificidade em grandes bases de código.

Pré-processador Sass

B24 aulasPRO

Turbine a criação de CSS com variáveis, aninhamento, mixins e funções usando o pré-processador Sass.

PostCSS e ferramentas de CSS

B24 aulasPRO

Transforme e otimize CSS com plug-ins do PostCSS para prefixos automáticos, minificação e transformações personalizadas.

Padrões de CSS-in-JS

B24 aulasPRO

Explore estilos com escopo de componente usando styled-components, Emotion, CSS Modules e Vanilla Extract.

Tokens de design e temas

B24 aulasPRO

Crie sistemas de design escaláveis usando tokens de design e temas para várias marcas com propriedades personalizadas de CSS.

Testes de CSS

B24 aulasPRO

Garanta a correção do CSS e a consistência visual por meio de testes de regressão, testes unitários e auditorias de acessibilidade.

Padrões de componentes CSS

B24 aulasPRO

Crie componentes de interface prontos para produção, como cartões, modais, menus suspensos e abas, usando técnicas de CSS puro.

Padrões modernos de layout

B24 aulasPRO

Implemente padrões de layout avançados e do mundo real usando técnicas modernas de CSS Grid e Flexbox.

CSS Houdini

C14 aulasPRO

Estenda o próprio CSS com JavaScript usando as APIs do Houdini para propriedades personalizadas, pintura e layout.

Desempenho do CSS

C14 aulasPRO

Otimize a entrega e o desempenho de renderização do CSS entendendo o fluxo de renderização do navegador.

O futuro do CSS

C14 aulasPRO

Explore a vanguarda do CSS com aninhamento nativo, :has(), estilos com escopo e View Transitions.

Perguntas Frequentes

O curso CSS Academy é gratuito?

Sim. Você pode começar o curso CSS Academy gratuitamente e completar suas aulas interativas sem custo. Uma assinatura PRO opcional desbloqueia ferramentas avançadas de IA e um certificado compartilhável.

Preciso de experiência anterior para aprender CSS?

Não. O curso começa com os fundamentos e gradualmente passa para tópicos mais avançados, então você pode começar mesmo sem experiência anterior com CSS.

Como vou aprender CSS no CoddyKit?

Você aprende fazendo. Aulas interativas curtas combinam uma explicação clara com um exercício de codificação prático que executa em tempo real, e um tutor de IA disponível 24/7 oferece ajuda personalizada sempre que você ficar preso.

Ganho um certificado ao concluir CSS Academy?

Sim. Alunos PRO podem fazer um exame e ganhar um certificado de conclusão compartilhável com um código verificável para o curso CSS Academy.

Posso aprender CSS no meu celular?

Sim. CoddyKit está disponível na web e como aplicativos nativos para iOS e Android, então você pode aprender CSS em qualquer dispositivo e seu progresso sincroniza entre eles.

Comece CSS Academy Agora

Junte-se a milhares de alunos dominando programação com aulas potenciadas por IA.

Começar Grátis →Ver Todos os Cursos