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 ;)
@@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
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! 😂😂🎉
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
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.
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 🚀
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!!!
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!
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"?
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?
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?
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)
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!
@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?
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?
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?
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
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
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")
opa Fabio, ainda não temos na Udemy, mas tem um aqui no canal bem legal: th-cam.com/video/SmQMZ36hJJY/w-d-xo.html E valeu por zerar meus cursos na Udemy hehe
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.
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
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?
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.
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?
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)
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.
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.
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
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
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
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!
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
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
Boa!
É incrível a qualidade do conteúdo que vc desenvolve Matheus, aprendo muito com seus cursos, pagos e gratuitos.
valeuuu Lima! =)
e bora para a Comunidade: horadecodar.com.br/comunidade-hora-de-codar/
lá é onde estou focando a maior parte do meu tempo
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 ;)
esse sass com react deve ficar uma benção
Certeza que o curso é do onebitcode KKKK vim fazer o mesmo-
@@MKFT-CN na mosca mano kkkkkk
@@melloscripter HAHAHHA Esse seu comentário tem +/- 8 meses, provavelmente já acabou o curso né? Passa um feedback? To fazendo ele agora.
@@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
aprendi mais em sass, com esse projeto, do que com curso de sass kkkkkkkk, top de +++++👍👍
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! 😂😂🎉
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
Fala Nelson, quanto tempo hein?
Obrigado pelas palavras, um abraço! =)
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.
Mais um excelente curso, "básico" porém ensinando o necessário para desenvolver e utilizar o sass.
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 🚀
Aprendi demais. Parabéns pela didática vou compartilhar.
valeu brother! =D
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!!!
valeuu Guilherme! =)
"Vejam que eu tô ganhando muita produtividade... agora não porque eu tô ensinando vocês"
heauhaeuhaeuhaeuh
Muito bom! Amei reproduzir esse projeto. Parabéns pelo canal
Tô fazendo um curso pago e o módulo de Sass deixou a desejar. Vim aqui e aprendi bastante, obrigado !
Aula top, jajá vou postar no linkedin e ti marcar Matheus.
Agora é só praticar mais
Muito top , eu tava praticando sass mas eu estava extraindo 4% da ferramenta kkkk essa aula ajudou mt .
Cupom com valor promocional do curso de SASS: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?referralCode=6BF105BA8569EF8BC99B
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!
cara seu conteúdo foi sensacional essa 1hora passou bem rápido, o projeto ficou sensacional de lindo, parabéns pela didática
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"?
Você só pode utilizar caso utilize display flex... porque é uma propriedade exclusiva tanto dele quanto do grid
obrigado pelo video! Estava com dificuldades em gerar o arquivo css. Mas vamos concordar que o scss é muito mais organizado que o sass kk
Mais um aluno no curso de sass (logo logo começo o curso de react)
Essa aula foi muito boa. Obrigado por compartilhar esse conhecimento!
Pelo sotaque tu deve ser meu conterrâneo hehehe. Segura o like.
hahah valeu Ezio!
primeira vez fazendo isso, e achei muito complicado, mas bora treinar, porque vi que é muito importante, tu manja demais ein , parabens pela aula
obrigado brother!
Você tem algum conteúdo relacionado a lib styled components?
abç
Ótima Aula! Parabéns!
valeu Gleidson!
Que excelente, parabéns professor pela ótima aula!
valeu Lailson!
Vai me ajudar muito. Obrigado!
Excelente conteúdo, muito top!!!
faz um video usando o font-awesome com sass
Muito bom. Preciso aprender sass
Nossa que didatica incrivel, seria legal tbm vc desenvolver apostilas dos conteudos wue vc passa 😁
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)!
Muito bom, parabéns!
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?
Muito bom o conteúdo. Como faço para implementar outras media queries? por exemplo com um max-width maior? crio um novo mixin?
Estava precisando de um projeto para treinar!
Muito legal! Valeu professor!
Aula top!
Se o css simplesmente interpretasse sem precisar compilar nada, ele ver o código e interpretar desse jeito seria incrível
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?
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)
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!
@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?
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?
Bom demais!
Otima aula Matheus! Mto bom. Mas qdo passo o mouse a imagem a transição ocorre de maneira travada. O que pode ser?
Pow meu vscode fica edentando o código automaticamente ai não funciona essa parte 44:20
Excelente conteúdo 👏
valeu!
Qual devo usar o Scss ou o Sass ?
é obrigatorio utilizar o underline na criaçao da pasta de variables?
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?
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
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
achei muito foda ta loco, quanto tempo tu faz isso ? kk
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")
Como faco para o meu site funcionar com o SASS sem ser pelo visual studio code, como subo o SASS?
Mestre, acho que já fiz tudo seu na Udemy!
Tem aula sua de Bootstrap? Um abraço!
opa Fabio, ainda não temos na Udemy, mas tem um aqui no canal bem legal: th-cam.com/video/SmQMZ36hJJY/w-d-xo.html
E valeu por zerar meus cursos na Udemy hehe
@@MatheusBattisti vc é uma mãe
Consigo usar o Sass com react ?
sim Gustavo, tem um projeto que fiz recente aqui no canal, veja la =D
@@MatheusBattisti aassim, vlw Matheus
Excelente! 👏👏
Valeuu
boa demais pqp
essa parada de mixin, não é exatamente oq uma classe faz?
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...
Infelizmente não consegui fazer esse curso, meu prompt não instala o Sass de jeito nenhum :(
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.
cara, que top
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
Provavelmente seja o caminho das imagens, veja se não está usando somente o /. Eu normalmente utilizo o ./ antes.
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 ?
Eu uso uma extensão chamada Material Icon Theme que personaliza os ícones para cada extensão de arquivo
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?
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.
Show !
valeu Thiago!
Excelente!!
Valeuuu Pedro
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?
opa Gilmar, testa esse: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?couponCode=LANCOUTS
@@MatheusBattisti Funcionou sim, já me inscrevi e vou assistir as aulas, obrigado pela atenção foi um fator fundamental para eu me inscrever.
As imagens não apareceram, alguém pode me dizer pq?
voce tem que gsotar muito de programar pra ser programador?
Porque o meu PowerShell não permite a execução de script do Sass? alguém mais teve esse problema?
Procurando solução nesse exato momento
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?
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.
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)
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 +)
Muito bom
valeuu Guilherme!
Sass ou Tailwind css?
como instalar o SASS, não vi essa parte
Npm i -g sass, precisa ter o node instalado
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.
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.
@@thiagothomers Obrigada por responder. Revisei todo o código e vi que faltava o @use 'mixins', por isso estava dando erro.😄
n consegui compilar p sass virar css :(
O node e o sass estão instalados ?
Se sim. Veja se digitou tudo corretamente.
@@thiagothomers Tá sim
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
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
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
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!
CONSEGUI , EU ABRI NOVO VSCODE, COM UMA NOVA WINDOW, ATE Q ENFIM
Fantástico!!!
Muito bom