Aprenda a utilizar a ferramenta que cada vez mais é indispensável para quem trabalha com CSS. Sass revolucionou a edição de código CSS trazendo conceitos como aninhamento de regras, variáveis e muito mais, com uma linguagem simples e fácil, mas poderosa.

Você irá aprender

• Como instalar o Sass no seu computador;
• Como programar em linguagem SCSS, muito semelhante ao CSS que você já conhece;
• Como utilizar variáveis e parciais para organizar e encurtar o seu código CSS;
• Como levar o seu código ao próximo nível com mixins e extends;
• Como repensar o modo como o CSS de um site responsivo é concebido e organizado;
• Como transformar CSS repetitivo, como um sistema de grade, em uma função Sass.

Este curso é para você?

Este é um curso básico destinado para estudantes que já possuem conhecimento de HTML, CSS e de desenvolvimento de websites.

Software

Para fazer o curso você precisará de um navegador (como Mozilla Firefox ou Google Chrome) e um editor de texto de sua preferência (como Notepad++ ou Sublime Text). A instalação de outros softwares necessários será supervisionada nas aulas.

Carga horária

5 aulas de até 2 horas de duração cada.

Visão geral

1. Aula 1

   1. Introdução ao Sass
   2. Instalando Sass
   3. Introdução à linguagem SCSS
   4. Variáveis, parciais e organização

2. Aula 2

   1. Extends
   2. Mixins
   3. Funções internas
   4. Aplicações práticas

3. Aula 3

   1. Sass e design responsivo
   2. Utilizando media queries
   3. Conversão de um CSS existente

4. Aula 4

   1. Funções personalizadas
   2. Convertendo um sistema de grade para SCSS

5. Aula 5

   1. Dúvidas e esclarecimentos
   2. Tendências na área de front end
   3. Continuando seus estudos