Fale com a gente no WhatsApp Fale com a gente no WhatsApp
Fale com a gente no WhatsApp

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 vídeos
  • Certificado com 6 horas

Sobre o curso

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

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

Formação em que esse curso está inserido

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

  • Muito bom.

    Depoimento - Gianfranco
    CSS - Sass
    Gianfranco São Paulo / SP
  • Gostei bastante do curso. O professor é muito bom, explicou muito bem os assuntos tratados. Obrigado.

    Depoimento - Leon
    CSS - Sass
    Leon Belém / PA
  • Um curso com uma excelente metodologia e instrutor. O conteúdo abortado é importantíssimo atualmente para o mercado de trabalho, e foi apresentado de forma simples e objetiva, ocasionando em fácil interpretação e aprendizado.

    Depoimento - Leonardo
    CSS - Sass
    Leonardo Itaquaquecetuba / SP
  • Vou implementar em meu projeto o itcss. =)

    Depoimento - Brayan
    CSS - Sass
    Brayan Paraiópolis / MG
  • Sem dúvidas um dos melhores cursos que fiz até o momento!

    Depoimento - Roberto
    CSS - Sass
    Roberto Santo André / SP
  • Bastante explicativo. interessante.

    Depoimento - Ivan
    CSS - Sass
    Ivan Cosmorama / SP
  • Muito bom, abrangeu um conteúdo bastante extenso, com ótimos exemplos e ainda apresentou padrões de nomenclaturas. Excelente.

    Depoimento - Renan
    CSS - Sass
    Renan Rio de Janeiro / RJ
  • O curso é curto, porem objetivo, o que torna-o resumido. Para quem só procura ter uma base de como funciona o SASS, foi bom.

    Depoimento - Adamo
    CSS - Sass
    Adamo São Paulo / SP
  • Curso muito bom e os dois últimos tópicos foram as cerejas do bolo!

    Depoimento - Rodrigo
    CSS - Sass
    Rodrigo Rio de Janeiro / RJ

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$ 99,00 ECONOMIZE R$ 600,00
12x R$ 49,00 sem juros, no cartão de crédito
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!