CSS Avançado

Menu


Próxima página

O que veremos nesse curso

* Pré processadores CSS, como:
SASS e LESS

* Variáveis, loopings, Funções e opreações para Pré-processadores CSS.

* PostCSS

* Shadow DOW

* Styled Components

* CSS Modules

PRÉ-PROCESSADORES

* O CSS, não possui dinamismo e outros recursos.
* Se o programa possuir muitos código, fica mais complicado ajustar todo CSS.

O que são Pré-processadores:
* São interpretadores de códigos.
* Permiti gerar CSS apartir de um aquivo de outra sintaxe, conforme o pré-processador utilizado.
* Leem todo código gerado e converte para CSS.
* Possui funcionalidades que não existe no CSS puro, por exemplo herança.

Bons exemplos, de pré-processadores são:
* Less
* Sass
* Stylus

Vantagens e Desvantagens de usar os pré-processadores

* A maioria permite a criação de variáveis, Condicionais, Repetiçao, Imports /Externas, Funções e Mixins.
* Facilita a manutenção do código.
* Permite um código mais limpo.
* Códigos CSS flexíveis e reutilizáveis.

Desvantagens
* Aumento de complexidade em relação ao CSS puro.
* Baixo desempenho devido a complexidade.

Próxima página