SASS: Crie o seu primeiro projeto!

Aprenda o básico de SASS e SCSS criando um site

4.85 (185 reviews)
Udemy
platform
Português
language
Web Development
category
2,307
students
1 hour
content
Aug 2022
last update
$19.99
regular price

What you will learn

Desenvolvedores

Programadores

Description

Neste curso você vai aprender o básico de SASS/SCSS criando um projeto prático para aumentar ainda mais o seu aprendizado!


SASS é um pré-processador de CSS muito utilizado nos projetos web hoje em dia, seu conhecimento é muito apreciado pelas empresas, pois realmente poupa muito tempo aderir o uso dessa tecnologia nos projetos.


Todas as explicações são detalhadas e diretas ao ponto nesse curso de SASS para iniciantes, você vai aprender desde a instalação até a conclusão do projeto.


Alguns tópicos incluídos neste curso são:


  • Como instalar SASS e SCSS;

  • Como iniciar o SASS;

  • Compilação de SASS em SCSS;

  • Boas práticas de SASS;

  • Variáveis;

  • Mixins;

  • Nesting;

  • E muito mais!


Todos estes conceitos serão abordados em situações do mundo real de um programador, ou seja, você vai aprender exatamente o que é utilizado no mercado de trabalho de TI, o curso de SASS vai te ajudar a alavancar ainda mais seu conhecimento em programação web, para que você se especialize no que é mais utilizado no mercado de trabalho.


Todo projeto web precisa de CSS, então faz muito sentido aprender uma ferramenta que otimiza a sua produção de CSS, fazendo você entregar os projetos mais rápido e também com mais qualidade de código.


É necessário apenas conhecimento básico em HTML e CSS, para você entender o real poder do SASS, porém, tudo que for necessário para o bom compreendimento da ferramenta também será abordado neste curso de SASS com certificado, então fique tranquilo e aproveite!


Porque aprender SASS?


Aprender SASS pode trazer uma série de benefícios para os desenvolvedores web. Veja abaixo alguns motivos para você aprender SASS agora mesmo!


Eficiência no desenvolvimento: SASS é uma extensão do CSS que adiciona recursos e funcionalidades extras. Ele permite o uso de variáveis, mixins, funções e outras construções que facilitam a escrita e a organização do código CSS. Com SASS, é possível criar folhas de estilo mais eficientes e reutilizáveis, o que resulta em um desenvolvimento mais rápido e produtivo.


Modularidade e reutilização de código: com o uso de recursos como mixins e funções, o SASS permite a criação de estilos modulares e reutilizáveis. Isso significa que você pode definir estilos comuns uma vez e aplicá-los em vários elementos do seu site. Dessa forma, é possível reduzir a quantidade de código repetitivo e manter uma base de estilos coesa e consistente.


Facilidade de manutenção: o SASS facilita a manutenção de projetos CSS de grande porte. Com a capacidade de dividir o código em vários arquivos e usar importações, é possível organizar os estilos de forma mais clara e lógica. Além disso, as variáveis do SASS permitem uma atualização rápida e fácil de estilos em todo o projeto, simplificando as tarefas de manutenção e refatoração.


Aninhamento de estilos: ele permite aninhar seletivamente os estilos, o que melhora a legibilidade e a organização do código CSS. Com o aninhamento, é possível escrever estilos de forma hierárquica, refletindo a estrutura HTML do documento. Isso torna o código mais compreensível e fácil de acompanhar, especialmente em projetos com uma estrutura complexa.


Compatibilidade com o ecossistema web: o SASS é amplamente utilizado e suportado por muitas ferramentas e frameworks populares, como Bootstrap, por exemplo. Dessa forma, ao aprender SASS, você pode aproveitar a integração com essas ferramentas e se beneficiar das vantagens adicionais que elas oferecem.


SASS x SCSS


Uma pergunta comum: qual é melhor SASS ou SCSS? A escolha entre os dois depende das preferências pessoais e das necessidades do projeto em questão, pois ambos são pré-processadores CSS ótimos e muito usados. No entanto, existem diferenças na sintaxe entre os dois.


SASS foi a versão original do pré-processador e possui uma sintaxe mais concisa e flexível. Ele não usa chaves nem pontos e vírgulas para delimitar blocos de código, e a indentação é usada para definir a hierarquia e os níveis de aninhamento.


Por outro lado, SCSS é uma outra versão do SASS que adota uma sintaxe similar ao CSS tradicional. Ele usa chaves, pontos e vírgulas para delimitar blocos de código e requer ponto e vírgula no final de cada declaração CSS.


Ambos os formatos têm a mesma funcionalidade e recursos. A escolha entre SASS e SCSS geralmente se resume à preferência pessoal e à familiaridade com a sintaxe. Se você já está familiarizado com a sintaxe do CSS tradicional, pode achar mais fácil começar com SCSS. Mas se você prefere uma sintaxe mais concisa e com menos palavras, SASS será melhor.


Apesar de tudo, saiba que independente da escolha entre SASS e SCSS, ambos os pré-processadores têm funcionalidades semelhantes e podem ajudar a melhorar a produtividade, modularidade e manutenção dos estilos CSS em um projeto.


É importante citar também que ao aprender SASS ou SCSS você conseguirá utilizar os dois pré-processadores, pois as suas sintaxes são bem parecidas.


Se interessou em aprender essa ferramenta? Esse curso de SASS básico tem tudo o que você precisa para começar! Te espero!

Content

Introduction

Introduction
Arquivos do projeto
Quer mais conteúdo gratuito?

Construindo nosso projeto

Construindo nosso projeto

Conclusão do curso

Conclusão do curso

Screenshots

SASS: Crie o seu primeiro projeto! - Screenshot_01SASS: Crie o seu primeiro projeto! - Screenshot_02SASS: Crie o seu primeiro projeto! - Screenshot_03SASS: Crie o seu primeiro projeto! - Screenshot_04

Reviews

Gleriston
August 17, 2022
Gostaria de agradecer pelo o tempo e dedicação pelo o mini curso, me fez conhecer essa incrível ferramenta que é o SASS, pode ter certeza que irei me aprofundar ainda mais nesse assunto! Já penso em utilizar agora em todos os meus projetos e também pretendo atualizar alguns que estão no github!
Wesley
July 23, 2022
Uma perspectiva brilhante do SASS em uma única hora de curso. Parabéns pelo curso, com certeza minha próxima meta agora é comprar o curso pago para dar sequência nesse conteúdo fantástico.
Fellipe
July 16, 2022
Além das expectativas, aprendi muito nesse curso, com certeza vou utilizar as coisas que aprendi aqui nos meus projetos futuros.
Jean
July 3, 2022
É bem interessante aprender sobre sass, e o conteúdo é bom também. O que me deixou descontente é que o use e a forma com que o instrutor usa as coisas não funcionou de maneira alguma, tive que migrar para import e trabalhar com ele.
Elivelton
June 21, 2022
Pra um curso gratuito de apenas 1 hora, fiquei impressionando com a qualidade. Partiu fazer o curso completo agora.
Jonas
April 14, 2022
Bom demais. Conteúdo gratuito e de excelente qualidade. Nem consigo imaginar quão bom deve ser o curso completo.
Angela
April 7, 2022
Excelente tutorial. É rápido, fácil de consumir, faz um projeto completo e, por mais que não seja possível ver todas as funcionalidades do SASS, já mostra o suficiente para aplicar a projetos diversos e de forma prática.
Rodrigo
November 3, 2021
Parabéns ao Matheus Battisti a entrega do curso ao que ele promete é essencial, eu vou comprar o curso avançado.
Jeffson
October 2, 2021
Curso Excelente, eu consegui aprender muito com os ensinamentos, a didática foi muito bem aplicada, o professor realmente sabe explicar o assunto, excelente!!
Maria
September 17, 2021
Professor didático e sempre dinâmico, explica o conteúdo com muito detalhe. Gostei muito e recomendo!!!
Douglas
August 26, 2021
Bem bacana. Rapido e nos pontos principais. O professor tem noção da prática e vai em pontos bem precisos do dia a dia.
Rafael
July 14, 2021
Nunca vi algo tão bem explicado em tão pouco tempo. Sem palavras esse cara está de parabéns! Nota 1.000!!
Alessandro
July 6, 2021
Eu peguei esses cursos gratuito pr conhecer a didatica do professor, me surpreendeu, muito boa as instruções dele, sera que ele tem aulas de lógica de programação?

Charts

Price

SASS: Crie o seu primeiro projeto! - Price chart

Rating

SASS: Crie o seu primeiro projeto! - Ratings chart

Enrollment distribution

SASS: Crie o seu primeiro projeto! - Distribution chart

Related Topics

3891780
udemy ID
3/4/2021
course created date
3/13/2021
course indexed date
Bot
course submited by