Curso de Sass e Compass: Descomplicando o CSS

8,9

Nota desse curso

6.205

Alunos neste curso

Faça esse curso e...

  • Descubra o poder do pré processador mais utilizado no mundo
  • Use variáveis em seu código CSS
  • CSS de fácil manutenção e com super poderes
  • Aprenda a extender seu CSS e evitar repetições

Conteúdo Detalhado

  1. Introdução

    • Isolando valores do CSS com variáveis
    • Compilando Sass e gerando um CSS
  2. Mixins

    • Reaproveitamento de código com mixins
    • Passando parâmetros nos mixins
    • Comentando seu Sass
  3. Aninhamento

    • Utilizando o aninhamento do Sass
  4. Imports

    • Melhorando a visualização de sintaxe do Sass
    • Modularizando seu código com imports
    • Concatenando arquivos CSS em um só
  5. Funções de cor

    • Modificando as cores com as funções de cor do Sass
  6. Extend

    • Não repetindo regra CSS com placeholder
    • Mixin ou extend? Qual usar?
  7. Media query

    • Media queries direto nas regras CSS
    • Media queries dinâmicas com variáveis
  8. Compass

    • Box shadow e Border-radius prontos com o Compass
    • Sprite automático
    • Configurando o gerador de sprite
    • Posições do sprite automatizadas
  9. Operações matemáticas

    • Multiplicando valores
    • Variáveis e seu escopo
    • Criando funções
    • Melhorando uma função

Veja o primeiro vídeo

Formação com esse curso

Público alvo

Desenvolvedores front end que desejam aprender boas práticas modernas com o uso de Sass.

Nível de Dificuldade

Básico

Instrutores

  • Natan é designer, desenvolvedor front-end e instrutor de cursos online e presenciais há mais de 3 anos. Trabalha com desenvolvimento de interfaces Web e Mobile com HTML/CSS, com especialização em Experiência de usuário. Liderou os cursos de Acessibilidade na Alura, fazendo pesquisas e testes de usabilidade, focando sempre em design mais inclusivo.

Já é aluno?

Começar o Curso

Experiências de quem já estudou com a gente

Eder Aparecido Zerlin

em 13/03/2019

Faltou disponibilizar os arquivos do projeto a cada aula, pois se o meu codigo tem erro e não acho, posso comparar com o do professor.

Sass e Compass: Descomplicando o CSS

Maison Galvão

em 04/02/2019

Curso muito bom, aprendi bastante, só senti falta do passo a passo pra aplicar as mudanças do vídeo no projeto apeperia.

Sass e Compass: Descomplicando o CSS

Wesley da Fonseca Amaral Serrano

em 27/02/2019

O curso foi excelente! Como assisto as aulas em locais distintos e nem sempre tenho acesso aos meus arquivos, gostaria de sugerir para, assim como nos cursos de HTML, JavaScript e jQuery, a cada capítulo disponibilizar uma cópia do projeto até aquele ponto para download.Parabéns pelo curso e pela didática.

Sass e Compass: Descomplicando o CSS

Sabe quando você pode começar? Agora!

  • 807 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

Premium

  • 807 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 807 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 807 cursos

    Cursos de programação, design, UX, agilidade, transformação digital, mobile, front-end, infraestrutura e mais.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • Todas as formações

    Guias de estudo completo para você iniciar em uma nova área de tecnologia

  • Projeto avaliado pelos instrutores

    Projeto práticos para entrega e avaliação dos professores da Alura com certificado de aprovação diferenciado

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Curso online de inglês técnico para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Acesso por 1 ano
Estude 24h/dia onde e quando quiser
Novos cursos toda semana