Introdução a Sass
- Boas Vindas ao Curso
- Visão geral de Sass
- Sintaxe: Sass ou SCSS?
- Avaliando os Conhecimentos Introdutórios de Sass
- Ruby Sass é descontinuado! Welcome Dart Sass! [ATUALIZADO]
- Instalação do Ambiente de Sass (Windows)
- Instalação do Ambiente de Sass (Linux)
- Instalação do Ambiente de Sass (macOS)
- Configurando Plugins SublimeText3
- Avaliando os Conhecimentos Sobre Instalação e Configuração do Sass
Compilação e sintaxe básicas
- Pré-processamento ou compilação com Sass
- Sass na Linha de Comando
- Sass em interfaces gráficas (Koala)
- Sass Online (SassMeister)
- Avaliando os Conhecimentos Sobre Compilação com Sass
- Formatos de saída do arquivo CSS
- Avaliando Conhecimentos Sobre Formatos de Saída CSS
Funcionalidades básicas
- Comentários
- Aninhamento
- Referenciando seletor-pai &
- Avaliando Conhecimentos Sobre Comentários, Aninhamento e seletor-pai
- Interpolação #{ }
- Propriedades em namespace
- Avaliando Conhecimentos Sobre Interpolação e namespace
- Variáveis
- Avaliando os Conhecimentos sobre variáveis
- Atividade Prática: Criando um Menu Simples com Sass
Fundamentos de SassScript
- Shell Interativo SassScript
- Tipos de dados
- Avaliando os Conhecimentos sobre Shell interativo e Tipos de Dados
- Importando arquivos utilizando @import
- Partials
- Avaliando os Conhecimentos sobre @import e Partial
- Mixins
- Herança com @extend e placeholders
- Include ou Placeholder Extend? Qual a diferença? Quando utilizar?
- Avaliando os Conhecimentos de Mixin e Extend
- Atividade Prática: Criando Mixin para Menu com Sass
Operações com SassScript
- Operações com Números
- Operações com Cores
- Operações com Strings
- Avaliando Operações com SassScript
SassScript –Diretivas de condicionais
- Diretivas de controle @if, @else e @else if
- Avaliando Conhecimentos sobre @if, @else e @else if
- Atividade Prática: Criando Mixin para Selecionar Tema
- Atividade Prática: Criando Mixin para Colorir com Sass
SassScript – Diretivas de repetição
- Repetição com @for
- Repetição com @each
- Repetição com @while
- Avaliando Conhecimentos sobre @for, @each e @while
- Atividade Prática: Criando várias classes de background com @for
- Atividade Prática: Criando script para temas com @each
- Atividade Prática: Criando um sistema de Grid utilizando @while
Funções com SassScript
- O que são as funções (@function)?
- Funções Internas do Sass
- Atividade prática- Criando Função Cubo
- Atividade prática- Criando Função Potência
[EXTRA] - Conteúdos Complementares
- Código-fonte do Bootstrap 4 agora é Sass!
