Curso Completo de Sass/SCSS: Do Iniciante ao Avançado
4.1 (414 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,899 students enrolled

Curso Completo de Sass/SCSS: Do Iniciante ao Avançado

Chega de CSS desorganizado! Elabore projetos organizados, rápidos e sem frustrações utilizando Sass
Highest Rated
4.1 (414 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,899 students enrolled
Last updated 5/2020
Portuguese
Portuguese [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3.5 hours on-demand video
  • 3 articles
  • 40 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Instalar e compilar Sass/SCSS rápida e facilmente em linha de comando (e outras ferramentas)
  • Aprender o pré-processador CSS mais utilizado no mundo
  • Criar e personalizar design de sistemas muito mais rápido
  • Usar Sass/SCSS em projetos reais
  • Criar códigos CSS mais flexíveis e reutilizáveis
  • Estilizar sites, utilizando Sass/SCSS com confiança e facilidade
  • Usar e entender Variáveis, Partials e Imports para fazer suas folhas de estilo extremamente flexíveis e de fácil manutenção
  • Importar códigos de fontes externas ou internas para o seu projeto
  • Utilizar as funções e operadores para calcular as dimensões flexíveis, cores e muito mais.
  • Descubra o poder do pré processador mais utilizado no mundo
  • Aprenda a estender seu CSS e evitar repetições (mixins e placeholders)
Course content
Expand all 45 lectures 03:47:52
+ Introdução a Sass
8 lectures 30:13
Sintaxe: Sass ou SCSS?
03:14

Nesse teste veremos os conteúdos referentes as aulas 1, 2 e 3.

Avaliando os Conhecimentos Introdutórios de Sass
4 questions
Ruby Sass é descontinuado! Welcome Dart Sass! [ATUALIZADO]
01:28
Instalação do Ambiente de Sass (Linux)
04:10
Instalação do Ambiente de Sass (macOS)
02:46
Configurando Plugins SublimeText3
08:04

Neste teste iremos avaliar os Conhecimentos Sobre Instalação e Configuração do Sass e também sobre a configuração do Sublime Text.

Avaliando os Conhecimentos Sobre Instalação e Configuração do Sass
4 questions
+ Compilação e sintaxe básicas
5 lectures 34:15
Sass na Linha de Comando
11:21
Sass em interfaces gráficas (Koala)
06:28
Sass Online (SassMeister)
02:34
Avaliando os Conhecimentos Sobre Compilação com Sass
5 questions
Formatos de saída do arquivo CSS
09:31
Avaliando Conhecimentos Sobre Formatos de Saída CSS
3 questions
+ Funcionalidades básicas
7 lectures 41:41
Aninhamento
04:13
Referenciando seletor-pai &
03:07
Avaliando Conhecimentos Sobre Comentários, Aninhamento e seletor-pai
5 questions
Interpolação #{ }
05:23
Propriedades em namespace
04:01
Avaliando Conhecimentos Sobre Interpolação e namespace
4 questions
Variáveis
08:02
Avaliando os Conhecimentos sobre variáveis
2 questions
Atividade Prática: Criando um Menu Simples com Sass
13:37
+ Fundamentos de SassScript
8 lectures 34:59
Shell Interativo SassScript
01:37
Tipos de dados
05:27
Avaliando os Conhecimentos sobre Shell interativo e Tipos de Dados
3 questions
Importando arquivos utilizando @import
05:07
Partials
03:09
Avaliando os Conhecimentos sobre @import e Partial
3 questions
Mixins
06:14
Herança com @extend e placeholders
05:34
Include ou Placeholder Extend? Qual a diferença? Quando utilizar?
04:23
Avaliando os Conhecimentos de Mixin e Extend
3 questions
Atividade Prática: Criando Mixin para Menu com Sass
03:28
+ Operações com SassScript
3 lectures 21:01
Operações com Números
11:06
Operações com Cores
08:01
Operações com Strings
01:54
Avaliando Operações com SassScript
5 questions
+ SassScript –Diretivas de condicionais
3 lectures 16:31
Diretivas de controle @if, @else e @else if
05:54
Avaliando Conhecimentos sobre @if, @else e @else if
2 questions
Atividade Prática: Criando Mixin para Selecionar Tema
04:33
Atividade Prática: Criando Mixin para Colorir com Sass
06:04
+ SassScript – Diretivas de repetição
6 lectures 28:23
Repetição com @for
05:17
Repetição com @each
04:02
Repetição com @while
03:45
Avaliando Conhecimentos sobre @for, @each e @while
3 questions
Atividade Prática: Criando várias classes de background com @for
03:00
Atividade Prática: Criando script para temas com @each
04:43
Atividade Prática: Criando um sistema de Grid utilizando @while
07:36
+ Funções com SassScript
4 lectures 18:00
O que são as funções (@function)?
03:09
Funções Internas do Sass
08:25
Atividade prática- Criando Função Cubo
03:10
Atividade prática- Criando Função Potência
03:16
+ [EXTRA] - Conteúdos Complementares
1 lecture 02:48
Código-fonte do Bootstrap 4 agora é Sass!
02:48
Requirements
  • O curso abrange toda a configuração e instalação
  • Nenhum conhecimento prévio ou experiência necessária com Sass ou Frameworks
  • HTML básico
  • CSS básico
Description

Aumente suas habilidades em design de páginas web com Sass/SCSS - o poderoso pré-processador CSS!

Este curso completo para o desenvolvimento de Sass/SCSS. Abrange tudo o que você precisa saber sobre esta incrível tecnologia, incluindo:

  • Como usar o Sass/SCSS para criar layouts mais flexíveis em menos tempo e gerar código CSS a partir deles

  • Como usar variáveis para armazenar cores, tamanhos, fontes e muito mais para evitar repetições e tornar seus projetos mais flexíveis e reutilizáveis

  • Como realizar cálculos dentro do seu código Sass/SCSS para criar layouts responsivos e flexíveis

  • Como usar mixins e importações para reutilizar em seus projetos novos e existentes

  • Utilizar a herança no Sass para evitar duplicidade de código e os erros desagradáveis que vêm com ela

  • Utilizar código Sass para escrever código CSS escalável para grandes projetos ou pequenos

Durante o curso, você criará trechos de códigos úteis no Sass que você poderá utilizar em projetos futuros para dobrar sua velocidade de desenvolvimento e você terá todas as ferramentas necessárias para criar mais trechos para aumentar ainda mais sua produtividade e tornar seus clientes mais felizes!

Você pode testar o seu aprendizado em vários questionários e codificando enquanto criamos uma biblioteca de trechos de código poderosos.

Who this course is for:
  • Programadores Web
  • Programadores Mobile
  • Desenvolvedores Front-end
  • Qualquer pessoa que queira aprender Sass/SCSS