Curso de CSS - Sass

Aprenda a utilizar o pré-processador SASS de CSS, para melhorar seu trabalho na Camada de Apresentação e otimizar, em dezenas de vezes, seu fluxo de trabalho.

Nível Intermediário Categoria Desenvolvimento Front-end

  • Curso com 01h33 de videos
  • Certificado com 6 horas

Sobre o curso

Aprenda a utilizar o pré-processador SASS de CSS, para melhorar seu trabalho na Camada de Apresentação e otimizar, em dezenas de vezes, seu fluxo de trabalho.

Através da essência mutável da web e a necessidade por novos recursos dos desenvolvedores web, foram produzidos os pré-processadores do CSS. Esses pré-processadores facilitam a escrita das folhas de estilo, além de adicionar mais recursos a elas, tais como: funções e operações CSS, alinhamento de regras, importação de outros arquivos para processamento, etc. Como resultado disso, o que temos? Menos código, mais reaproveitamento e mais organização. Com essas e outras facilidades intrínsecas, todo desenvolvedor web deve estudar pré-processadores CSS. Neste curso, você verá como tirar proveito desses recursos com o Sass, e como aplicá-los nas suas aplicações.

O que irá aprender?

Neste curso abordaremos tudo o que você precisa aprender para utilizar o pré-processadore Sass nas suas aplicações web. São vídeo aulas e apostilas que mostram como o Sass funciona e como aplicá-lo em um projeto. Também serão passados exercícios e exemplos para que você possa fixar, praticar e aplicar o conteúdo aprendido no seu dia a dia.

Dentre várias outras coisas, você vai aprender:

  • Preparação do Ambiente;
  • Aninhamento de seletores e propriedades;
  • Variáveis e operações;
  • Funções do Sass e criação de funções;
  • Tipos de dados (numbers, strings, colors, booleans, nulls, lists e maps);
  • Controle de fluxo com @if, @for, @each e @while;
  • Mixins e Placeholders;
  • Criação dinâmica de Classes;
  • O poder do Sass nas Metodologias CSS.

Pra quem é esse curso?

Esse curso é destinado a desenvolvedores web que já utilizam CSS e querem se aperfeiçoar no uso das folhas de estilo em suas aplicações.

Quais os pré-requisitos para esse curso?

Os pré-requisitos não são obrigatórios, são apenas sugestões. Eles dão uma base de parte do conhecimento que é interessante ter para um bom aproveitamento nesse curso.

Metodologia

  • Videoaulas
  • Texto e imagens
  • Início Imediato

Ambiente do curso

  • Sublime Text 3.0.0 ou superior
  • Node.js 8.1.3 ou superior
  • Koala 2.2.0 ou superior

Sobre o professor

Akira Hanashiro

Akira Hanashiro

Professor especialista em Desenvolvimento Front-end na TreinaWeb. Akira, Felipe, Hana, Hanashiro ou Hanakira, é graduado em Análise e Desenvolvimento de Sistemas, pós-graduado em Projetos e Desenvolvimento de Aplicações Web e MBA em Machine Learning, é entusiasta no desenvolvimento de jogos e multi-task. Fala japonês fluente, mas não tem com quem conversar.

Conteúdo programático

  1. Conhecendo o Sass

    Vamos ver o que é Sass, por que usar e como preparar nossa máquina

    7 aulas
    • O que são Pré-Processadores de CSS?
    • O que é Sass?
    • Por que usar Sass?
    • Sass ou Scss?
    • Configurando o Ambiente com Koala
    • Configurando o Ambiente com Node.js
    • Tipos de Saída
  2. Começando com Sass

    Vamos começar a escrever nossos primeiros códigos com Sass

    3 aulas
    • Aninhamento de Seletores e Propriedades
    • Comentários no Código Sass
    • Importando arquivos e criando Partials
  3. SassScript - Tipos de dados e Operações

    Vamos ver os primeiros poderes que o Sass nos fornece

    8 aulas
    • O que é SassScript?
    • Trabalhando com Variáveis
    • Tipos de Dados
    • Funções do Sass
    • Usando as Funções presentes no Sass
    • Lists e Maps
    • Desafio: Trabalhando com Listas
    • Resposta do Desafio "Trabalhando com Listas"
  4. SassScript - Programação no CSS

    Vamos avançar em nosso conhecimento dos poderes do Sass, focando agora em programação

    6 aulas
    • Interpolação
    • Controle de Fluxo - @if e @else
    • Laços de Repetição - @for, @each e @while
    • Criando Funções
    • Desafio: Programação
    • Resposta do Desafio "Programação"
  5. Mixins

    Conheça os Mixins e suas utilidades

    6 aulas
    • O que são Mixins?
    • Criando Mixins
    • Passando argumentos para os Mixins
    • Passando blocos para os Mixins
    • Desafio: Trabalhando com Mixins
    • Resposta do Desafio "Trabalhando com Mixins"
  6. O poder do @extend

    Vamos conhecer o @extend e onde podemos usá-lo

    5 aulas
    • Conhecendo o @extend
    • Placeholders
    • O Perigo do @extend
    • Desafio: Aproveitando o @extend
    • Resposta do Desafio "Aproveitando o @extend"
  7. Metodologias CSS com o poder do Sass

    Aprenda como aproveitar os poderes do Sass para trabalhar com as metodologias do CSS

    2 aulas
    • Sass e o estilo BEM
    • Sass e o ITCSS
Download da ementa

Cursos relacionados

Algumas das formações onde esse curso está inserido

Utilizada e amada por milhares! Veja mais opiniões reais

  • O curso faz uma excelente introdução ao uso do SASS. Recomendo.

    Depoimento - Theogenes
    CSS - Sass
    Theogenes Brasília / DF
  • Curso, rápido, simples, didático e dinâmico.. muito bom.

    Depoimento - Wander
    CSS - Sass
    Wander Guarai / TO
  • Sem dúvidas um dos melhores cursos que fiz até o momento!

    Depoimento - Roberto
    CSS - Sass
    Roberto Santo André / SP
  • ótimo curso

    Depoimento - Luiza
    CSS - Sass
    Luiza São José / SC
  • Vou implementar em meu projeto o itcss. =)

    Depoimento - Brayan
    CSS - Sass
    Brayan Paraiópolis / MG
  • Achei o curso ótimo, muito boa a explicação.

    Depoimento - Marcelo
    CSS - Sass
    Marcelo Roseira / SP
  • Excelente. Rápido e preciso. Professor não faz rodeios e explica de forma clara com exemplos usuais e de fácil assimilação.

    Depoimento - Ricardo
    CSS - Sass
    Ricardo Juiz de Fora / MG
  • Excelente metodologia!!

    Depoimento - Bruno
    CSS - Sass
    Bruno Juiz de Fora / MG
  • Conteúdo bem explicado pelo instrutor, mostrando exemplos práticos.

    Depoimento - Josiane
    CSS - Sass
    Josiane Anápolis / GO

Plano de acesso total!

Tenha um ano de acesso completo a todos os cursos da plataforma, incluindo novos lançamentos, mentoria de carreira e suporte direto com os professores!

Um ano de acesso completo

Contrate agora e tenha acesso ilimitado a todo o nosso portfólio. Isso inclui:

  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Suporte direto com professores
  • Aplicativos para Android e iOS
  • Plano de carreira personalizado
  • Certificados digitais inclusos
  • Suporte com SLA de 4 horas úteis
  • Acesso offline através dos apps
R$ 97,00 ECONOMIZE R$ 360,00
12x R$ 67,00 ou R$ 804,00 à vista
Matricule-se agora
Garantia incondicional de satisfação
Garantia incondicional de satisfação

Confiamos tanto nos resultados dos nossos cursos, que criamos uma garantia incondicional de satisfação para você, que são 7 dias de teste!