Qual o objetivo do curso?

Neste curso o aluno será preparado para as requisições de CSS avançado mais utilizadas no mercado de trabalho. O aluno terá o domínio em trasition e transfrm, irá compreender como funciona a web responsiva. Por fim o aluno terá a capacidade de construir sites com as diretrizes da responsividade.


  • 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 que querem atuar na área de FrontEnd e/ou iniciantes a desenvolvedores que estão explorando o mundo da programação.

O que você precisa conhecer antes

Ter realizado os cursos de HTML e CSS fundamentos ProWay ou possuir conhecimentos similares.

Conteúdo Programático

Pré-processadores CSS

  • SASS
    • Variáveis
    • Aninhamento
    • Loops
    • Herança de seletores
  • LESS
    • Variáveis
    • Mixins
    • Aninhamento
    • Funções e operações

PostCSS

  • Sintaxe
  • Plugins

Transition e Transform

  • Transform: scale, translate, rotate e skew;
  • Transform:  origin;
  • Transitions;
  • Como mover um segundo elemento;

Surprise Effect

  • O que é o surprise effect;
  • Como funciona o surprise effect;
  • Ripple Effect;
  • Introduzindo Clip-path;
  • Clip-path + Surprise Effect;

Responsividade

  • Organizando arquivos do site no projeto;
  • Media Types;
  • Media Queries;
  • Layout: desktop e table;
  • Aside;
  • Adaptando layout: desktop, tablet e smartphone;
  • Menus responsivos;
  • Sombreamento avançado: tipo papel, tipo papel dos dois lados e centro;
  • Arquivos globais e regras CSS;

Multi-colunas

  • Propriedade multicolunas
  • Dividir o texto em 1,2,3,4 colunas
  • Trabalhando com imagens e títulos.
  • Filtro: orientado.

Responsividade 2: trabalhando com background

  • Background Position
  • Background Size
  • Background com Media Query
  • Layout: desktop e table;
  • Object-fit
  • Projeto de Thumbnail
  • Menus avançados