Qual o objetivo do curso?

Entender a estrutura e funcionamento do CSS; Aplicar estilos de maneira eficiente em páginas web; Criar layouts modernos e responsivos; Utilizar boas práticas e metodologias de desenvolvimento CSS; Integrar frameworks para acelerar o desenvolvimento.


  • 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

Iniciantes em desenvolvimento web; Profissionais de design que desejam criar interfaces digitais; Estudantes de tecnologia e áreas criativas; Pessoas que buscam ampliar habilidades em desenvolvimento web.

O que você precisa conhecer antes

Curso ProWay Fundamentos em HTML e HTML5 ou possuir conhecimentos equivalentes.

Conteúdo Programático

Histórico do CSS

  • Evolução do CSS e sua importância no desenvolvimento web

Agrupando e identificando elementos HTML

  • Uso de id

  • Uso de class

Sintaxe e Seletores

  • Seletores básicos e avançados

  • Atributo style

  • CSS inline, interno e externo

Prioridade de regras em cascata

  • Especificidade e ordem de aplicação das regras

Cor e fundo

  • Aplicação de cores, gradientes e imagens de fundo

Fonte e Texto

  • Tipografia, tamanho, peso, estilo, espaçamento entre letras e linhas

Links

  • Estilização de links e estados (hover, active, visited)

Altura e largura

  • Definição de dimensões e proporções

Espaçamento e bordas

  • Padding, Margin e border

Layouts

  • Modelo de caixa

  • Propriedades display e position

  • Layouts modernos com Flexbox e Grid

Tabelas

  • Estilização e formatação de tabelas

Media Queries e Responsividade

  • Conceito de viewport

  • Design responsivo x adaptativo

  • Estratégia Mobile First

  • Uso de srcset para imagens

Animações

  • Transições e animações com @keyframes

Pseudo-seletores

  • :hover, :first-child, :nth-child e outros

Metodologias de CSS

  • BEM (Block, Element, Modifier)

  • OOCSS (Object-Oriented CSS)

Frameworks CSS

  • Por que usar frameworks?

  • Bootstrap

  • MaterializeCSS

  • Bulma