Name: Curso SASS com Vite: otimizando e modularizando seu CSS
Rating: 4.55 (169 reviews)

Matricule-se com desconto especial do Gaules!

otimizando e modularizando seu CSS

Quero estudar na alura

Para conclusão

330

Pessoas nesse curso

9.1

Avaliação média

Certificado

De participação

O que você aprenderá_

Entenda o conceito e as vantagens do SASS sobre o CSS tradicional
Faça a compilação de SASS com a ferramenta Vite
Faça a modularização dos estilos usando partials e importações
Aprenda como reutilizar o código com mixins e @extend
Desenvolva funções personalizadas para gerar valores reutilizáveis
Implemente transições usando mixins

Público alvo_

Pessoas desenvolvedores front-end que já dominam HTML, CSS e JavaScript e desejam aprimorar suas habilidades em estilização de páginas web e querem aprender a organizar e otimizar seus estilos usando SASS.

Nayanne Batista

Nayanne (Nay) é uma paraibana arretada que fez transição de carreira para a TI depois de concluir um doutorado na área da saúde e ser professora no ensino superior. Graduada em Análise e Desenvolvimento de Sistemas, já atuou como Dev Frontend em projetos e hoje é Instrutora na Alura. Acredita completamente no poder transformador da educação e da tecnologia na vida das pessoas. Ama livros e café! :)

Curso atualizado em 11/11/2024

Já estuda na Alura?

Comece o curso agora

Ementa

Conhecendo o SASS e o Vite
- Criando o projeto com o Vite
- Instalando o SASS
- Entendendo a sintaxe do SCSS
- Criando estilos SCSS com variáveis e nesting
Trabalhando com partials e mixins no SASS
- Modularizando os estilos com partials
- Criando mixins no Sass
- Aplicando mixins no layout flexbox
- Mixin de transições com parâmetros variáveis
Utilizando @extend no Sass
- Identificando e agrupando códigos repetitivos
- Aplicando classes base com @extend
Utilizando funções no Sass
- Criando uma function no Sass
- Aplicando a função em diferentes contextos
Trabalhando com responsividade no Sass
- Criando um mixin para responsividade
- Aplicando o mixin de responsividade

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Este e mais 5 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!

Formação
CSS avançado: implementando designs com Grid, Flexbox e Sass

8h
De curso

53
Atividades

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola

Cursos relacionados em HTML e CSS

curso

SASS e CSS

estilizando um site

Front-end

curso

Acessibilidade no HTML

escrevendo códigos semânticos para inclusão

Front-end

curso

SASS com Vite:

O que você aprenderá_