/reprograma-preprocessadores

Plano de aulas para a semana do dia 16/04/2018 - 20/04/2018, sobre pré-processadores de CSS.

Primary LanguageHTML

Plano de Aulas

Plano de aulas para a semana do dia 16/04/2017 - 20/04/2017, sobre pré-processadores de CSS.


Aula 01

Para enteder pre-processadores, é muito importante que entender os conceitos básicos de CSS. Nesta primeira aula, a ideia é passar um exercício não tão básico de CSS puro, sem nem ao menos citar pré-processadores. Este exercício irá evidenciar alguns problemas que o CSS tem que os pré-processadores tentam resolver, assim as meninas vão perceber esses problemas antes de conhecerem as soluções.


Aula 02

Nesta aula eu vou introduzir o que sao os pre processadores, explicar um pouco de historia, mostrar algumas das opcoes que existem no mercado. Entao, vou mostrar especificamente o SCSS (com instalar, como usar, etc), que sera o preprocessador estudado durante a semana. Finalmente, comecarei a mostrar os primeiros conceitos do SCSS. Para esta primeira aula, os conceitos que vou mostrar serao: variaveis e nesting. Passarei alguns exercicios simples sobre o assunto.


Aula 03

Esta aula comecara com um rapido recap da aula anterior, e entao mais alguns conceitos de SCSS: partials, imports, mixins e extends. Nesta aula tambem passarei alguns exercicios simples.


Aula 04

Esta sera a aula final de conceitos de SCSS, os conceitos que faltam e serao apresentados: loops, condicionais e operacoes. Alem disso, mostrarei algumas boas praticas e design patterns de SCSS em especifico. Novamente, passarei alguns exercicios simples.


Aula 05

Nesta aula farei um recap de tudo que foi visto nas aulas da semana e entao passarei um exercicio unico, que sera o mesmo exercicio da primeira aula. A ideia e que as meninas entendam porque usar o SCSS, como ele facilita e torna o desenvolvimento mais agil. Por fim, farei um comparativo com o exercicio da primeira aula e um fechamento e balanço final da semana.