Aprenda SASS em 1 hora | Curso de SASS

[@MatheusBattisti]

⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/

[@_AdrielCavalcante]

Para quem tiver problema com o CMD na hora de usar o sass. Segue o comando para permitir execução de scripts locais: Set-ExecutionPolicy RemoteSigned

[@MatheusBattisti]

Boa!

[@melloscripter]

Cara, esse vídeo foi foda, tinha feito um módulo de Sass em outro curso e até peguei a ideia, mas aqui você pôs em prática num projeto real e aprendi muita coisa aqui, foi um "complemento essencial" kkkk, agradeço d+ - Uma dica galera: Primeiro faz o projeto junto com ele prestando muita atenção na explicação, no dia seguinte ou no mesmo dia após descansar o cérebro recriem o projeto sem a vídeo aula fazendo o máximo possível sem colar nos arquivos do projeto original, o que vocês não souberem o que significa vão atrás no google e façam questão de entender todo o código... Depois de acabarem, venham aqui na vídeo aula e a revejam pra esclarecer totalmente suas dúvidas agora que vocês entenderam na prática como faz ;)

[@Cookieukw]

esse sass com react deve ficar uma benção

[@MKFT-CN]

Certeza que o curso é do onebitcode KKKK vim fazer o mesmo-

[@melloscripter]

@@MKFT-CN na mosca mano kkkkkk

[@MKFT-CN]

@@melloscripter HAHAHHA Esse seu comentário tem +/- 8 meses, provavelmente já acabou o curso né? Passa um feedback? To fazendo ele agora.

[@melloscripter]

@@MKFT-CN cara, o curso é fantástico, terminando o módulo de bootstrap você já pode tranquilamente ir atrás de landing page pra fazer na sua cidade, rodar oferecendo sites em pequenos comércios, dá pra fazer até 4 por mês e pedir 600 em cada um e isso não é nem 25% do curso

[@JailsonDev]

aprendi mais em sass, com esse projeto, do que com curso de sass kkkkkkkk, top de +++++👍👍

[@lima7484]

É incrível a qualidade do conteúdo que vc desenvolve Matheus, aprendo muito com seus cursos, pagos e gratuitos.

[@MatheusBattisti]

valeuuu Lima! =) e bora para a Comunidade: horadecodar.com.br/comunidade-hora-de-codar/ lá é onde estou focando a maior parte do meu tempo

[@lucasreald]

Tô fazendo um curso pago e o módulo de Sass deixou a desejar. Vim aqui e aprendi bastante, obrigado !

[@welingtonsilvalopes9825]

Aula incrível! Estou acompanhando a aula e adaptando o projeto para react, componetizando "NavBar", "SocialMedia" entre outros. Assisto uma parte da aula, paro e penso em como adaptar da melhor forma para unir com react, algumas partes sofri um pouco mas to quase conseguindo! 😂😂🎉

[@CyberWorld7x]

Eu estou na caminhada para me tornar um front-end, e essa foi a minha primeira aula de Sass, anotei tudo, pratiquei e realmente aprendi bastante! Tem mais coisas do Sass? Tem, mas como eu sou iniciante nesse pré-processador, essa foi a melhor aula que tive para aprender uma base sobre ele.

[@lucasraymundo4167]

Aula top, jajá vou postar no linkedin e ti marcar Matheus. Agora é só praticar mais

[@brendasantana07]

Muito bom! Amei reproduzir esse projeto. Parabéns pelo canal

[@nelsonulombo2126]

Você é demais meu professor. Explicação simples, clara e muito didática, nunca vou esquecer o primeiro curso que aprendi: Boostrap que convido a assistirem. Estou novamente no activo com você meu professor. Por favor pessoal partilhem o vídeo e assim chegamos cada mais longe e tornaremos mais profissional com ajuda do nosso professor

[@MatheusBattisti]

Fala Nelson, quanto tempo hein? Obrigado pelas palavras, um abraço! =)

[@classicos4ever]

Mais um excelente curso, "básico" porém ensinando o necessário para desenvolver e utilizar o sass.

[@beatrizrodrigues9070]

Acabei de fazer um curso de Sass e estava em busca de um projeto para praticar, a aula foi sensacional e me agregou bastante conhecimento. Vou iniciar o curso 🚀

[@jonathanbaer8198]

Muito top , eu tava praticando sass mas eu estava extraindo 4% da ferramenta kkkk essa aula ajudou mt .

[@mamutygamerfurtivo3783]

Aprendi demais. Parabéns pela didática vou compartilhar.

[@MatheusBattisti]

valeu brother! =D

[@guilhermearaujo7740]

Gratidão por esse vídeo , me ajudou bastante a aprender... já tinha lido a documentação mas ver vc pondo em prática e eu poder estar acompanhando foi muito bom!!!

[@MatheusBattisti]

valeuu Guilherme! =)

[@okauachaves]

Mais um aluno no curso de sass (logo logo começo o curso de react)

[@regis4648]

"Vejam que eu tô ganhando muita produtividade... agora não porque eu tô ensinando vocês" heauhaeuhaeuhaeuh

[@weslleyfillipe1532]

obrigado pelo video! Estava com dificuldades em gerar o arquivo css. Mas vamos concordar que o scss é muito mais organizado que o sass kk

[@evertonsantos3430]

Essa aula foi muito boa. Obrigado por compartilhar esse conhecimento!

[@MatheusSilva-gu1dn]

cara seu conteúdo foi sensacional essa 1hora passou bem rápido, o projeto ficou sensacional de lindo, parabéns pela didática

[@eziojunior]

Pelo sotaque tu deve ser meu conterrâneo hehehe. Segura o like.

[@MatheusBattisti]

hahah valeu Ezio!

[@madness3692]

primeira vez fazendo isso, e achei muito complicado, mas bora treinar, porque vi que é muito importante, tu manja demais ein , parabens pela aula

[@MatheusBattisti]

obrigado brother!

[@MatheusBattisti]

Cupom com valor promocional do curso de SASS: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?referralCode=6BF105BA8569EF8BC99B

[@powkrik]

Ótima Aula! Parabéns!

[@MatheusBattisti]

valeu Gleidson!

[@netopaiva5564]

Realmente, Matheus! Simplifica muito a sintaxe de estilo com o Sass, torna mais clara a lógica de hierarquia inclusive. Agora, uma dúvida: ( 35:40 ) na "navbar", você espaça os elementos da "li" com margem, certo. Poderia usar "gap" na "ul" para espaçar os elementos da "li"?

[@foxtrojan]

Você só pode utilizar caso utilize display flex... porque é uma propriedade exclusiva tanto dele quanto do grid

[@hiranabib]

Boa tarde, gostei muito da sua Aula, vou comprar no Udemy. Tenho uma perguntinha, o SASS trabalha com valores dinâmicos, exemplo: valores do php ou ASP. obrigado!

[@ielrismarques3973]

Vai me ajudar muito. Obrigado!

[@rogerrodrigoalves]

Muito bom. Preciso aprender sass

[@lucasdeister]

Excelente conteúdo, muito top!!!

[@lailsonoliveira2560]

Que excelente, parabéns professor pela ótima aula!

[@MatheusBattisti]

valeu Lailson!

[@allanmenezes5898]

Nossa que didatica incrivel, seria legal tbm vc desenvolver apostilas dos conteudos wue vc passa 😁

[@mimcris8481]

Estava precisando de um projeto para treinar!

[@renanlealdosanjos]

Excelente aula Matheus! Estou estudando na Digital House e falta conteúdos práticos assim. Ganhou um inscrito e quem sabe um aluno (em breve)!

[@rubenfontes7085]

Você tem algum conteúdo relacionado a lib styled components? abç

[@carlsq1256]

Se o css simplesmente interpretasse sem precisar compilar nada, ele ver o código e interpretar desse jeito seria incrível

[@henriquekramer_]

Muito bom o conteúdo. Como faço para implementar outras media queries? por exemplo com um max-width maior? crio um novo mixin?

[@iuritorres]

Pelo que entendi esse pré-processamento é fora de runtime né? Vc executa o --watch pra ele ir compilando mas pra executar o site pronto é como se o sass nem existisse ali, certo?

[@renata_navarro]

Muito bom, parabéns!

[@lucaspirula2324]

Muito legal! Valeu professor!

[@guilhermedias9215]

Caramba, tu atendeu minhas necessidades! O pessoal da empresa falaram que eu precisava aprender Sass ainda essa semana, então eu vou comprar seu curso sim brother! (PS: Se vc pesquisa Sass na udemy aparece o desenvolvimento web mas não o foco no Sass)

[@MatheusBattisti]

falaaa Guilherme, beleza? Obrigado por adquirir o curso hehe te espero lá Sobre aparecer o outro curso é o seguinte: deve conter SASS nele em alguma parte, ele está veiculando a mais tempo e vendeu muito mais, e também o nosso curso de SASS é novo, então creio que por estes motivos a Udemy coloque aquele como mais relevante, abraço!

[@WesleySantosFingerstyle]

faz um video usando o font-awesome com sass

[@klysmanmoraes]

Aula top!

[@madness3692]

é obrigatorio utilizar o underline na criaçao da pasta de variables?

[@claramoreira265]

Bom demais!

[@dropeeeh]

Boa noite, aula incrivel! Matheus, só tive um pequeno problema, quando foi colocar os @media funcionou para o margin la no header, porém no card e etc não funcionou, nem quando testei com teu código, mudou alguma coisa no SASS?

[@xTirianx]

@Matheus, depois que eu instalo o sass, ele fica intalado localmente no arquivo e eu preciso instalar em todos os projetos que eu começar, ou ele fica instalado na máquina?

[@brunosantanadev]

Pow meu vscode fica edentando o código automaticamente ai não funciona essa parte 44:20

[@youtubernauta]

Excelente conteúdo 👏

[@MatheusBattisti]

valeu!

[@andrelyra7501]

Uma dúvida quando cheguei na parte das variáveis que é preciso usar o sinal de $ nas cores $primary eu não consigo porque ele não reconhece o código e não faz alteração nehuma no html alguém sabe se tenho que fazer alguma configuração

[@WesleySantosFingerstyle]

Qual devo usar o Scss ou o Sass ?

[@jeannpaulo]

Como faco para o meu site funcionar com o SASS sem ser pelo visual studio code, como subo o SASS?

[@Gust17]

Consigo usar o Sass com react ?

[@MatheusBattisti]

sim Gustavo, tem um projeto que fiz recente aqui no canal, veja la =D

[@Gust17]

@@MatheusBattisti aassim, vlw Matheus

[@matheusprogramador]

poxa, tive esse erro aqui no inicio das variáveis. Alguem sabe dizer o que pode ter sido? This selector doesn't have any properties and will not be rendered. error sass/styles.sass (Line 10: Invalid CSS after "variables": expected expression (e.g. 1px, bold), was ".$bg-color")

[@leandroreis2694]

Otima aula Matheus! Mto bom. Mas qdo passo o mouse a imagem a transição ocorre de maneira travada. O que pode ser?

[@zambisincero2977]

bom dia matheus, estou fazendo um curso que aborda SASS, mas essa tecnologia ainda vale a pena hoje em dia ? ainda é bastante utilizada? já agradeço desde já a resposta

[@Coder_Amateur]

Mattheus estou com uma duvida, sempre que tento abrir um site criado por mim usando Sass, tenho que inserir sempre a linha de codigo sass --watch.... no terminal, porque senão só aparece o html sem o css, os outros só conseguem ver o meu html sem o css o que faço?

[@caiotenorio8383]

essa parada de mixin, não é exatamente oq uma classe faz?

[@elmocontrabandistadedrogas3563]

Porque o meu PowerShell não permite a execução de script do Sass? alguém mais teve esse problema?

[@oficinadegeppetto978]

Procurando solução nesse exato momento

[@madness3692]

achei muito foda ta loco, quanto tempo tu faz isso ? kk

[@G.aroucas]

Os icones do VSCODE da maioria são grandes, e até as pastas mudam de cor, o meu não... será que é por conta de usar no linux ?

[@IgorRobertoFront]

Eu uso uma extensão chamada Material Icon Theme que personaliza os ícones para cada extensão de arquivo

[@mms2279]

boa demais pqp

[@busimoon]

cara, que top

[@kelvinpiantino473]

Infelizmente não consegui fazer esse curso, meu prompt não instala o Sass de jeito nenhum :(

[@nelsonulombo2126]

Professor a tempo que eu venho arrumar um jeito de comprar os cursos pela udemy, mas eu não possuo nenhum cartão internacional apenas o local dos bancos em Angola, pelo paypal também já tentei como faço. Ajude por favor.

[@preystation6870]

Atualmente ao instalar o SAAS com chocolatey vc infecta sua maquina com malware que vem atrelado ao Dart.exe, com npm não instala... complicado viu...

[@madness3692]

voce tem que gsotar muito de programar pra ser programador?

[@borisgrishenko9091]

Quando tento abrir o arquivo direto(copiando o caminho dele) ou através do apache as imagens não carregam. Alguém sabe o que pode ser? Ps: pelo live server funciona normal. Excelente aula professor. Parabéns

[@IgorRobertoFront]

Provavelmente seja o caminho das imagens, veja se não está usando somente o /. Eu normalmente utilizo o ./ antes.

[@brunosantanadev]

Pow esse sass --version não funcionou 😥 Reeditando... Consegui resolver foi problema no PowerShell caso tenha o mesmo pesquise por (Execução de script no power Shell ou como Habilitar o power shell para executar script)

[@patrickcandidoficial]

Tentei mt e tbm não consegui. Só funcionou quando usei o terminal do Git Bash lá dentro do VS Code mesmo. (Na seta ao lado do +)

[@natalianogueira6249]

Excelente! 👏👏

[@MatheusBattisti]

Valeuu

[@joaomanueldesouzamarques8656]

Fala professor, estou amando seu conteúdo, está sendo muito esclarecedor, mas me tira uma dúvida, ao invés de criar vários documentos do sass eu posso fazer tudo em um só? Em um projeto grande, se eu ficar criando vários não irá prejudicar no desempenho do site?

[@arthurhenrique926]

Uma dúvida, em um projeto utilizando React eu preciso compilar o arquivo .scss para .css ou eu posso deixar apenas o .scss? Pois eu vi que no w3schools em React mais especificamente, ele não compila, apenas utiliza o .scss, está certo fazer dessa forma?

[@brunosantanadev]

Mano pelo que estou vendo o arquivo scss você não ira utilizar ele serve apenas no momento da escrita, ele compila e manda tudo para o arquivo css e é esse arquivo que você vai usar o css.

[@FabioRBOliveira]

Mestre, acho que já fiz tudo seu na Udemy! Tem aula sua de Bootstrap? Um abraço!

[@MatheusBattisti]

opa Fabio, ainda não temos na Udemy, mas tem um aqui no canal bem legal: kzbin.info/www/bejne/iZ60fo1pa819gLs E valeu por zerar meus cursos na Udemy hehe

[@FabioRBOliveira]

@@MatheusBattisti vc é uma mãe

[@priscilanascp]

As imagens não apareceram, alguém pode me dizer pq?

[@goaguiar]

Cupom não funciona, aparece o valor integral, tem algum outro, acho que esse perdeu a validade, ou só funciona para novos alunos no Udemy?

[@MatheusBattisti]

opa Gilmar, testa esse: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?couponCode=LANCOUTS

[@goaguiar]

@@MatheusBattisti Funcionou sim, já me inscrevi e vou assistir as aulas, obrigado pela atenção foi um fator fundamental para eu me inscrever.

[@cristianeflores7118]

No meu vscode, o "@include mixins.container tá dando erro. Alguém teve esse problema? Mesmo com a extensão sass instalado, o nodejs também. Fiz tudo certinho e mesmo assim ele mostra esse erro.

[@thiagothomers]

Tem que ver se a indentação está correta no style.sass. Um espaço pra mais ou pra menos não vai funcionar. Se tu chegou no include é pq as outras sintaxes funcionaram. Então as vezes é coisa pouca como indentação já que a maioria não está acostumado.

[@cristianeflores7118]

@@thiagothomers Obrigada por responder. Revisei todo o código e vi que faltava o @use 'mixins', por isso estava dando erro.😄

[@adrianafraga6402]

Boa tarde, Matheus. Fiz o código inicial, as configurações e nesse início do titulo com a cor de fundo não aparece no browser a cor vermelha e nem a fonte. Mas o arquivo styles.css foi gerado automaticamente com as mesmas configurações do styles.sass. O que poderia está ocorrendo, sabe me dizer?

[@thiagothomers]

Pode ser a indentação, Ou tu ter colocado ponto e vírgula, ou o link não estar com o caminho correto, ou nem ter colocado o link.

[@thiagothomers]

Show !

[@MatheusBattisti]

valeu Thiago!

[@Matheuslima-wj3cj]

Sass ou Tailwind css?

[@velhoguidsd]

Muito bom

[@MatheusBattisti]

valeuu Guilherme!

[@carlacosta765]

como instalar o SASS, não vi essa parte

[@josejose1625]

Npm i -g sass, precisa ter o node instalado

[@cestarop]

Excelente!!

[@MatheusBattisti]

Valeuuu Pedro

[@scarlatybonfim1461]

n consegui compilar p sass virar css :(

[@thiagothomers]

O node e o sass estão instalados ? Se sim. Veja se digitou tudo corretamente.

[@scarlatybonfim1461]

@@thiagothomers Tá sim

[@matheussantana4728]

Se for o mesmo problema que eu tive, de não ser permitido execução de scrips, eu pesquisei e achei esses comandos que resolveram isso pra mim: Primeiro: Set-ExecutionPolicy Segundo: RemoteSigned

[@Josegomes-ci7ui]

Professor sou seu aluno pela Udemy, por que quando eu @mixins.mobile e display none ele desaparece do desktop procurei o erro e ao meu ver esta da mesma forma que vc fez

[@madness3692]

quando fui atualizar a pagina nao atualizou o background , porque sera? Compiled sass1\style.sass to css\style.css.so de JavaScript> sass -- Sass is watching for changes. Press Ctrl-C to stop. to stop. Compiled sass1\style.sass to css\style.css.Compiled sass1\style.sass to css\style.css. deu tudo certo

[@madness3692]

fiz tudo certo, deu como ali, mas nao funcionou o backgroud, outro curso que to fazendo eu trankei nisso, to tentando corrigir, porem nao to conseguindo, todos codigos estao certo, é oque parece haha, ve se pode da uma ajuda ai, pra eu poder avaçar nessa parte, valeu , GRATIDAO!

[@madness3692]

CONSEGUI , EU ABRI NOVO VSCODE, COM UMA NOVA WINDOW, ATE Q ENFIM

[@dcassis]

Fantástico!!!

[@lucasalvez3469]

Muito bom