Curso de CSS - Sass

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.

VEJA UMA AULA DE EXEMPLO

6x R$ 24,98

R$ 149,90 à vista

  • 24h

    Curso com certificado de 24 horas

  • Escolha o dispositivo que preferir PC, Tablet ou Smartphone.

  • Satisfação garantida ou seu dinheiro de volta!

Adquira este curso de forma avulsa

Informações sobre o curso

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.

Conhecimentos adquiridos

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.

Para 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.

  1. HTML5 e CSS3 - Desenvolvimento web Básico
  2. HTML5 e CSS3 - Desenvolvimento web Avançado

Carga horária do curso

1h33

Curso com 1h33 horas de vídeos

24h

Curso com certificado de 24 horas

Ambiente do curso

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

Metodologia

  • Vídeo-aulas
  • Texto e imagens
  • Início imediato
  • Exemplos práticos

Satisfação garantida ou seu dinheiro de volta!

Adquira este curso agora mesmo

Conteúdo programático Baixar esta ementa

1 - Conhecendo o Sass

  1. Códigos, imagens, diagramas etc.

    O que são Pré-Processadores de CSS?
  2. Códigos, imagens, diagramas etc.

    O que é Sass?
  3. Códigos, imagens, diagramas etc.

    Por que usar Sass?
  4. Códigos, imagens, diagramas etc.

    Sass ou Scss?
  5. Códigos, imagens, diagramas etc.

    Configurando o Ambiente com Koala
  6. Códigos, imagens, diagramas etc.

    Configurando o Ambiente com Node.js
  7. Códigos, imagens, diagramas etc.

    Tipos de Saída

2 - Começando com Sass

  1. Vídeoaula com duração de: 00:08:50

    Aninhamento de Seletores e Propriedades Visualizar
  2. Vídeoaula com duração de: 00:01:31

    Comentários no Código Sass
  3. Vídeoaula com duração de: 00:05:24

    Importando arquivos e criando Partials

3 - SassScript - Tipos de dados e Operações

  1. Códigos, imagens, diagramas etc.

    O que é SassScript? Visualizar
  2. Vídeoaula com duração de: 00:08:12

    Trabalhando com Variáveis
  3. Códigos, imagens, diagramas etc.

    Tipos de Dados
  4. Códigos, imagens, diagramas etc.

    Funções do Sass
  5. Vídeoaula com duração de: 00:04:57

    Usando as Funções presentes no Sass
  6. Vídeoaula com duração de: 00:03:48

    Lists e Maps
  7. Vídeoaula com duração de: 00:00:39

    Desafio: Trabalhando com Listas Visualizar
  8. Vídeoaula com duração de: 00:01:14

    Resposta do Desafio "Trabalhando com Listas" Visualizar

4 - SassScript - Programação no CSS

  1. Vídeoaula com duração de: 00:03:08

    Interpolação
  2. Vídeoaula com duração de: 00:03:12

    Controle de Fluxo - @if e @else
  3. Vídeoaula com duração de: 00:08:01

    Laços de Repetição - @for, @each e @while
  4. Vídeoaula com duração de: 00:03:16

    Criando Funções
  5. Vídeoaula com duração de: 00:00:38

    Desafio: Programação
  6. Vídeoaula com duração de: 00:01:52

    Resposta do Desafio "Programação"

5 - Mixins

  1. Códigos, imagens, diagramas etc.

    O que são Mixins?
  2. Vídeoaula com duração de: 00:02:48

    Criando Mixins Visualizar
  3. Vídeoaula com duração de: 00:04:09

    Passando argumentos para os Mixins
  4. Vídeoaula com duração de: 00:03:36

    Passando blocos para os Mixins
  5. Vídeoaula com duração de: 00:01:08

    Desafio: Trabalhando com Mixins
  6. Vídeoaula com duração de: 00:03:48

    Resposta do Desafio "Trabalhando com Mixins"

6 - O poder do @extend

  1. Vídeoaula com duração de: 00:02:57

    Conhecendo o @extend
  2. Vídeoaula com duração de: 00:03:24

    Placeholders
  3. Vídeoaula com duração de: 00:03:38

    O Perigo do @extend
  4. Vídeoaula com duração de: 00:00:23

    Desafio: Aproveitando o @extend
  5. Vídeoaula com duração de: 00:00:59

    Resposta do Desafio "Aproveitando o @extend"

7 - Metodologias CSS com o poder do Sass

  1. Vídeoaula com duração de: 00:03:33

    Sass e o estilo BEM
  2. Vídeoaula com duração de: 00:08:54

    Sass e o ITCSS

8 - Conclusão

  1. Depoimento / Brinde

Adquira este curso agora mesmo

Vantagens de estudar no Treinaweb

Início imediato! Não é necessário aguardar a formação de turmas.

Defina o horário que quiser e estude de onde estiver.

Após o curso, você ainda tem 2 anos para revisar o conteúdo.

Assim que finalizar, receba o certificado em casa, sem custo adicional.

Escolha o dispositivo que preferir: PC, Tablet ou Smartphone.

Se surgir alguma dúvida, basta perguntar aos nossos instrutores.

Satisfação garantida ou seu dinheiro de volta.

24h

Curso com certificado de 24 horas

O que os alunos dizem?

Gostei bastante do curso. O professor é muito bom, explicou muito bem os assuntos tratados. Obrigado.

Adquira este curso de forma avulsa

Curso de CSS - Sass

CSS - Sass

6x R$ 24,98

R$ 149,90 à vista

ou acesse todos os cursos com um dos nossos planos de acesso total

20% OFF
1 ano
De 12x R$99
12x 79 reais
ou por R$ 948,00 à vista
  • 1 ano de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
3 anos
De 12x R$199
12x 159 reais
ou por R$ 1.908,00 à vista
  • 3 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se
20% OFF
5 anos
De 12x R$249
12x 199 reais
ou por R$ 2.388,00 à vista
  • 5 anos de acesso a todos os cursos
  • Cursos novos toda semana
  • Certificados digitais
  • Suporte com SLA de 4 horas úteis
    Suporte exclusivo, feito diretamente por nossos professores. SLA = Tempo médio para resposta.
  • Lançamentos e atualizações
  • Plano de estudos individual
    Plano de estudos desenvolvido junto a um professor orientador
Matricule-se

Cursos relacionados