Sass/SCSS: Curso Completo
4.5 (68 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
600 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Sass/SCSS: Curso Completo to your Wishlist.

Add to Wishlist

Sass/SCSS: Curso Completo

Chega de CSS desorganizado! Elabore projetos organizados, rápidos e sem frustrações utilizando Sass
4.5 (68 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
600 students enrolled
Last updated 6/2017
Portuguese
Current price: $12 Original price: $95 Discount: 87% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3.5 hours on-demand video
  • 40 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Instalar e compilar Sass/SCSS rápida e facilmente em linha de comando (e outras ferramentas)
  • 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
View Curriculum
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 is the target audience?
  • Programadores Web
  • Programadores Mobile
  • Desenvolvedores Front-end
  • Qualquer pessoa que queira aprender Sass/SCSS
Compare to Other Sass Courses
Curriculum For This Course
42 Lectures
03:39:12
+
Introdução a Sass
7 Lectures 28:45


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


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
7 Lectures 30:36
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
05:34

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
About the Instructor
Tássio Gonçalves
4.5 Average rating
68 Reviews
600 Students
1 Course
Professor e Analista de Sistemas

Bacharel em Sistemas de Informação pela Universidade Federal de Alagoas, Especialista em Informática e Comunicação na Educação e Mestrando em Informática pela UFAL. 

Possui experiência na área de Tecnologia da Informação (TI), foi consultor de T.I. em Paulo Afonso - BA, na empresa COINPE, tem conhecimento e domínio em diversos softwares de variados segmentos tais como: Redes de Computadores, Designer Gráfico, Web Designer e Desenvolvimento Web, Compiladores de Linguagens de Programação, Banco de Dados, trabalhou com Suporte ao Sistema ERP da TOTVS o RM. 

Atua na área de Computação a mais de 10 anos, atualmente Concursado do IFBA, Professor do CETEP-Itaparica (Estado da Bahia), Professor Tutor EAD da UFAL. Desenvolvedor Web e Google Developers Group Organizer.