CSS Avançado

Ref: CSA

CSS Avançado

Qual o objetivo do curso?

Capacitar o aluno a aplicar técnicas avançadas de CSS em projetos reais. Ensinar o uso de pré-processadores CSS como SASS e LESS. Desenvolver habilidades em animações, transições e efeitos visuais interativos. Proporcionar domínio de layouts responsivos e adaptáveis a múltiplos dispositivos. Ensinar boas práticas de organização de código e otimização de estilos.


  • 20/horas aula

    A carga horária deste curso é sempre a mesma independentemente do turno que você escolher realizar seu treinamento.

  • Presencial, online e híbrido

    Seu treinamento poderá ser realizado de modo presencial, online (você assistindo ao vivo ou a mesma aula gravada de sua casa) ou híbrido (você assistirá de sua casa quando não puder se fazer presente).

  • Mais info

    Clique para conversar com a gente diretamente pelo Whats e tirar todas as suas dúvidas.

  • Trilha de aprendizado

    Cada treinamento é parte de uma trilha de aprendizado que fará todo sentido na sua formação profissional.

  • Coffee-break em todas aulas

    Em nossos cursos presenciais você terá um intervalo para desfrutar de um delicioso coffee-break com lanches, frutas, bolos, sucos e café. E o melhor: você não paga nada a mais por isso!

  • Material incluso

    No 1º dia de aula você receberá o seu kit de treinamento: uma linda bolsa, caneta, caderno, livro apostila ou pendrive.

  • Estrutura completa

    Conte com uma estrutura completa com 13 laboratórios equipados. Clique e confira!

  • Descontos e prêmios na especialização

    Ganhe descontos e prêmios na sua especialização. Clique e saiba mais.

Esse curso é ideal para

Desenvolvedores e designers que já possuem conhecimento básico em CSS e HTML. Profissionais que desejam aprimorar suas habilidades em responsividade, animações e pré-processadores. Estudantes de tecnologia e design que buscam se destacar no mercado digital.

O que você precisa conhecer antes

Curso ProWay Fundamentos em CSS ou conhecimentos equivalentes.

Conteúdo Programático

Pré-processadores CSS

SASS

  • Variáveis para simplificar e padronizar estilos

  • Aninhamento de seletores para códigos mais limpos

  • Loops para gerar regras dinâmicas

  • Herança de seletores para reaproveitamento de estilos

LESS

  • Variáveis para consistência visual

  • Mixins para criar blocos de estilo reutilizáveis

  • Aninhamento para melhor organização do CSS

  • Funções e operações matemáticas

PostCSS

  • Sintaxe e configuração

  • Plugins para otimização e compatibilidade

Transitions e Transform

  • Transform: scale, translate, rotate e skew

  • Transform: origin

  • Transitions para animações suaves

  • Técnicas para mover elementos em conjunto

Surprise Effect

  • O que é e como funciona

  • Ripple Effect

  • Introdução ao Clip-path

  • Combinação Clip-path + Surprise Effect

Responsividade (Layouts e Organização)

  • Organização de arquivos do projeto

  • Media Types e Media Queries

  • Layouts para desktop, tablet e smartphone

  • Menus responsivos

  • Aside e adaptação de layouts

  • Sombreamento avançado: papel, papel dos dois lados e centro

  • Arquivos globais e regras CSS

Multi-colunas

  • Propriedade multicolunas

  • Divisão de texto em 1, 2, 3 ou 4 colunas

  • Trabalhando com imagens e títulos

  • Filtros orientados

Responsividade 2: Trabalhando com Backgrounds

  • Background Position e Background Size

  • Uso de Media Queries em backgrounds

  • Layouts para desktop e tablet

  • Object-fit para imagens

  • Projeto prático de Thumbnails

  • Menus avançados

Desejo mais informações