CSS Avançado: Desenvolvimento de Interfaces Web

Ref: CSA

CSS Avançado: Desenvolvimento de Interfaces Web

Qual o objetivo do curso?

Desenvolver competências para que o(a) aluno(a) seja capaz de aplicar recursos avançados de CSS na construção de interfaces modernas, utilizando pré-processadores, técnicas de responsividade, animações, organização de estilos e boas práticas para criação de experiências digitais mais eficientes e adaptáveis.


  • 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).

  • 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!

  • 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!

  • Mais informações

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

Esse curso é ideal para

Este curso é destinado a estudantes, desenvolvedores iniciantes, profissionais de tecnologia e pessoas interessadas em aprofundar conhecimentos em estilização, organização visual e desenvolvimento de interfaces web modernas.

O que você precisa conhecer antes

Ter concluído o curso CSS: Fundamentos para Estilização Web ou possuir conhecimentos equivalentes em estilização de páginas utilizando CSS.

Conteúdo Programático

1. Pré-processadores CSS

SASS

  • Introdução ao SASS
  • Variáveis para padronização de estilos
  • Aninhamento de seletores
  • Loops para regras dinâmicas
  • Herança e reaproveitamento de estilos

LESS

  • Variáveis para consistência visual
  • Mixins reutilizáveis
  • Organização por aninhamento
  • Funções e operações matemáticas

PostCSS

  • Conceitos e configuração
  • Plugins para otimização
  • Compatibilidade entre navegadores

2. Transitions e Transform

  • Transform:
    • scale
    • translate
    • rotate
    • skew
  • Transform Origin
  • Transitions
  • Técnicas para movimentação coordenada de elementos

3. Efeitos Visuais Avançados

  • Conceito de Surprise Effect
  • Ripple Effect
  • Introdução ao Clip-path
  • Combinação entre Clip-path e efeitos visuais

4. Responsividade – Layouts e Organização

  • Estruturação de projetos CSS
  • Organização de arquivos
  • Media Types e Media Queries
  • Layouts para:
    • Desktop
    • Tablet
    • Smartphone
  • Menus responsivos
  • Aside e adaptação de layouts
  • Arquivos globais e regras CSS
  • Técnicas avançadas de sombreamento

5. Multi-colunas

  • Propriedade multicolunas
  • Organização de conteúdo em colunas
  • Tratamento de imagens e títulos
  • Filtros orientados

6. Responsividade Avançada com Backgrounds

  • Background Position
  • Background Size
  • Uso de Media Queries em backgrounds
  • Layouts adaptativos
  • Object-fit para imagens
  • Projeto prático de thumbnails
  • Menus avançados

 

Desejo mais informações