Тёмный

Aprenda SASS em 1 hora | Curso de SASS 

Matheus Battisti - Hora de Codar
Подписаться 135 тыс.
Просмотров 37 тыс.
50% 1

Cupom promocional: www.udemy.com/course/sass-e-s...
Neste curso de SASS você vai aprender desde como instalar e criar um projeto com SASS e SCSS até o adicionar responsividade.
Vamos também ver recursos muito utilizados no SASS como: mixins, nesting, parent selector e muito mais!
Minha proposta é te ensinar o essencial de SASS em aproximadamente 1 hora, criando um projeto completo!
Código e imagens: github.com/matheusbattisti/cu... 🔷 Telegram: t.me/horadecodar .
🟣 Discord Hora de Codar: / discord

Наука

Опубликовано:

 

8 фев 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 137   
@MatheusBattisti
@MatheusBattisti Год назад
⭐ Conheça a nossa plataforma de cursos: www.horadecodar.com.br/comunidade-hora-de-codar/
@_AdrielCavalcante
@_AdrielCavalcante 3 года назад
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
@MatheusBattisti 3 года назад
Boa!
@JailsonDev
@JailsonDev 9 месяцев назад
aprendi mais em sass, com esse projeto, do que com curso de sass kkkkkkkk, top de +++++👍👍
@lima7484
@lima7484 Год назад
É incrível a qualidade do conteúdo que vc desenvolve Matheus, aprendo muito com seus cursos, pagos e gratuitos.
@MatheusBattisti
@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
@MatheusSilva-gu1dn
@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
@beatrizrodrigues9070
@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 🚀
@brendasantana07
@brendasantana07 8 месяцев назад
Muito bom! Amei reproduzir esse projeto. Parabéns pelo canal
@evertonsantos3430
@evertonsantos3430 Год назад
Essa aula foi muito boa. Obrigado por compartilhar esse conhecimento!
@renanlealdosanjos
@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)!
@classicos4ever
@classicos4ever Год назад
Mais um excelente curso, "básico" porém ensinando o necessário para desenvolver e utilizar o sass.
@melloscripter
@melloscripter 2 года назад
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
@Cookieukw Год назад
esse sass com react deve ficar uma benção
@matheuskallenbach1464
@matheuskallenbach1464 Год назад
Certeza que o curso é do onebitcode KKKK vim fazer o mesmo-
@melloscripter
@melloscripter Год назад
@@matheuskallenbach1464 na mosca mano kkkkkk
@matheuskallenbach1464
@matheuskallenbach1464 Год назад
@@melloscripter HAHAHHA Esse seu comentário tem +/- 8 meses, provavelmente já acabou o curso né? Passa um feedback? To fazendo ele agora.
@melloscripter
@melloscripter Год назад
@@matheuskallenbach1464 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
@lucasraymundo4167
@lucasraymundo4167 Год назад
Aula top, jajá vou postar no linkedin e ti marcar Matheus. Agora é só praticar mais
@jonathanbaer8198
@jonathanbaer8198 Год назад
Muito top , eu tava praticando sass mas eu estava extraindo 4% da ferramenta kkkk essa aula ajudou mt .
@lailsonoliveira2560
@lailsonoliveira2560 2 года назад
Que excelente, parabéns professor pela ótima aula!
@MatheusBattisti
@MatheusBattisti 2 года назад
valeu Lailson!
@CyberWorld7x
@CyberWorld7x 9 месяцев назад
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.
@weslleyfillipe1532
@weslleyfillipe1532 2 года назад
obrigado pelo video! Estava com dificuldades em gerar o arquivo css. Mas vamos concordar que o scss é muito mais organizado que o sass kk
@lucaspirula2324
@lucaspirula2324 Год назад
Muito legal! Valeu professor!
@welingtonsilvalopes9825
@welingtonsilvalopes9825 4 месяца назад
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! 😂😂🎉
@guilhermearaujo7740
@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
@MatheusBattisti Год назад
valeuu Guilherme! =)
@mamutygamerfurtivo3783
@mamutygamerfurtivo3783 2 года назад
Aprendi demais. Parabéns pela didática vou compartilhar.
@MatheusBattisti
@MatheusBattisti 2 года назад
valeu brother! =D
@rogerrodrigoalves
@rogerrodrigoalves 2 года назад
Muito bom. Preciso aprender sass
@renata_navarro
@renata_navarro Год назад
Muito bom, parabéns!
@mimcris8481
@mimcris8481 Год назад
Estava precisando de um projeto para treinar!
@nelsonulombo2126
@nelsonulombo2126 3 года назад
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
@MatheusBattisti 3 года назад
Fala Nelson, quanto tempo hein? Obrigado pelas palavras, um abraço! =)
@allanmenezes5898
@allanmenezes5898 Год назад
Nossa que didatica incrivel, seria legal tbm vc desenvolver apostilas dos conteudos wue vc passa 😁
@lucasdeister
@lucasdeister 9 месяцев назад
Excelente conteúdo, muito top!!!
@ielrismarques3973
@ielrismarques3973 9 месяцев назад
Vai me ajudar muito. Obrigado!
@powkrik
@powkrik Год назад
Ótima Aula! Parabéns!
@MatheusBattisti
@MatheusBattisti Год назад
valeu Gleidson!
@okauachaves
@okauachaves Год назад
Mais um aluno no curso de sass (logo logo começo o curso de react)
@MatheusBattisti
@MatheusBattisti 3 года назад
Cupom com valor promocional do curso de SASS: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?referralCode=6BF105BA8569EF8BC99B
@lucasreald
@lucasreald Год назад
Tô fazendo um curso pago e o módulo de Sass deixou a desejar. Vim aqui e aprendi bastante, obrigado !
@madness3692
@madness3692 2 года назад
primeira vez fazendo isso, e achei muito complicado, mas bora treinar, porque vi que é muito importante, tu manja demais ein , parabens pela aula
@MatheusBattisti
@MatheusBattisti 2 года назад
obrigado brother!
@klysmanmoraes
@klysmanmoraes Год назад
Aula top!
@dcassis
@dcassis 6 месяцев назад
Fantástico!!!
@natalianogueira6249
@natalianogueira6249 3 года назад
Excelente! 👏👏
@MatheusBattisti
@MatheusBattisti 3 года назад
Valeuu
@youtubernauta
@youtubernauta 2 года назад
Excelente conteúdo 👏
@MatheusBattisti
@MatheusBattisti 2 года назад
valeu!
@cestarop
@cestarop 3 года назад
Excelente!!
@MatheusBattisti
@MatheusBattisti 3 года назад
Valeuuu Pedro
@busimoon
@busimoon Год назад
cara, que top
@eziojunior
@eziojunior 2 года назад
Pelo sotaque tu deve ser meu conterrâneo hehehe. Segura o like.
@MatheusBattisti
@MatheusBattisti 2 года назад
hahah valeu Ezio!
@henriquekramer_
@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?
@thiagothomers
@thiagothomers 2 года назад
Show !
@MatheusBattisti
@MatheusBattisti 2 года назад
valeu Thiago!
@guilhermedias9215
@guilhermedias9215 3 года назад
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
@MatheusBattisti 3 года назад
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!
@mms2279
@mms2279 Год назад
boa demais pqp
@carlsq1256
@carlsq1256 Год назад
Se o css simplesmente interpretasse sem precisar compilar nada, ele ver o código e interpretar desse jeito seria incrível
@lucasalvez3469
@lucasalvez3469 Год назад
Muito bom
@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?
@leandroreis2694
@leandroreis2694 2 года назад
Otima aula Matheus! Mto bom. Mas qdo passo o mouse a imagem a transição ocorre de maneira travada. O que pode ser?
@hiranabib968
@hiranabib968 4 месяца назад
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!
@netopaiva5564
@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
@foxtrojan Месяц назад
Você só pode utilizar caso utilize display flex... porque é uma propriedade exclusiva tanto dele quanto do grid
@iuritorres
@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?
@dropeeeh
@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?
@zambisincero2977
@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
@madness3692
@madness3692 2 года назад
achei muito foda ta loco, quanto tempo tu faz isso ? kk
@madness3692
@madness3692 2 года назад
é obrigatorio utilizar o underline na criaçao da pasta de variables?
@regis4648
@regis4648 Год назад
"Vejam que eu tô ganhando muita produtividade... agora não porque eu tô ensinando vocês" heauhaeuhaeuhaeuh
@w-h-d-s3198
@w-h-d-s3198 4 месяца назад
faz um video usando o font-awesome com sass
@xTirianx
@xTirianx 11 месяцев назад
@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?
@rubenfontes7085
@rubenfontes7085 Год назад
Você tem algum conteúdo relacionado a lib styled components? abç
@w-h-d-s3198
@w-h-d-s3198 6 месяцев назад
Qual devo usar o Scss ou o Sass ?
@nelsonulombo2126
@nelsonulombo2126 3 года назад
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.
@FabioRBOliveira
@FabioRBOliveira 3 года назад
Mestre, acho que já fiz tudo seu na Udemy! Tem aula sua de Bootstrap? Um abraço!
@MatheusBattisti
@MatheusBattisti 3 года назад
opa Fabio, ainda não temos na Udemy, mas tem um aqui no canal bem legal: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SmQMZ36hJJY.html E valeu por zerar meus cursos na Udemy hehe
@FabioRBOliveira
@FabioRBOliveira 3 года назад
@@MatheusBattisti vc é uma mãe
@caiotenorio8383
@caiotenorio8383 2 года назад
essa parada de mixin, não é exatamente oq uma classe faz?
@andrelyra7501
@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
@jeannpaulo
@jeannpaulo Год назад
Como faco para o meu site funcionar com o SASS sem ser pelo visual studio code, como subo o SASS?
@preystation6870
@preystation6870 7 месяцев назад
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
@madness3692 2 года назад
voce tem que gsotar muito de programar pra ser programador?
@borisgrishenko9091
@borisgrishenko9091 3 года назад
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
@IgorRobertoFront 4 месяца назад
Provavelmente seja o caminho das imagens, veja se não está usando somente o /. Eu normalmente utilizo o ./ antes.
@arthurhenrique926
@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
@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.
@matheusprogramador
@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")
@Matheuslima-wj3cj
@Matheuslima-wj3cj Год назад
Sass ou Tailwind css?
@kelvinpiantino473
@kelvinpiantino473 Год назад
Infelizmente não consegui fazer esse curso, meu prompt não instala o Sass de jeito nenhum :(
@carlacosta765
@carlacosta765 Месяц назад
como instalar o SASS, não vi essa parte
@priscilanascp
@priscilanascp 2 года назад
As imagens não apareceram, alguém pode me dizer pq?
@adrianafraga6402
@adrianafraga6402 2 года назад
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
@thiagothomers 2 года назад
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.
@brunosantanadev
@brunosantanadev Год назад
Pow meu vscode fica edentando o código automaticamente ai não funciona essa parte 44:20
@elmocontrabandistadedrogas3563
@elmocontrabandistadedrogas3563 2 года назад
Porque o meu PowerShell não permite a execução de script do Sass? alguém mais teve esse problema?
@oficinadegeppetto978
@oficinadegeppetto978 2 года назад
Procurando solução nesse exato momento
@G.aroucas
@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
@IgorRobertoFront 4 месяца назад
Eu uso uma extensão chamada Material Icon Theme que personaliza os ícones para cada extensão de arquivo
@brunosantanadev
@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)
@candtrick
@candtrick Год назад
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 +)
@goaguiar
@goaguiar 2 года назад
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
@MatheusBattisti 2 года назад
opa Gilmar, testa esse: www.udemy.com/course/sass-e-scss-do-basico-ao-avancado-projetos/?couponCode=LANCOUTS
@goaguiar
@goaguiar 2 года назад
@@MatheusBattisti Funcionou sim, já me inscrevi e vou assistir as aulas, obrigado pela atenção foi um fator fundamental para eu me inscrever.
@Gust17
@Gust17 Год назад
Consigo usar o Sass com react ?
@MatheusBattisti
@MatheusBattisti Год назад
sim Gustavo, tem um projeto que fiz recente aqui no canal, veja la =D
@Gust17
@Gust17 Год назад
@@MatheusBattisti aassim, vlw Matheus
@cristianeflores7118
@cristianeflores7118 2 года назад
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
@thiagothomers 2 года назад
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
@cristianeflores7118 2 года назад
@@thiagothomers Obrigada por responder. Revisei todo o código e vi que faltava o @use 'mixins', por isso estava dando erro.😄
@scarlatybonfim1461
@scarlatybonfim1461 2 года назад
n consegui compilar p sass virar css :(
@thiagothomers
@thiagothomers 2 года назад
O node e o sass estão instalados ? Se sim. Veja se digitou tudo corretamente.
@scarlatybonfim1461
@scarlatybonfim1461 2 года назад
@@thiagothomers Tá sim
@matheussantana4728
@matheussantana4728 2 года назад
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
@Josegomes-ci7ui 6 месяцев назад
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
@madness3692 2 года назад
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
@madness3692 2 года назад
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
@madness3692 2 года назад
CONSEGUI , EU ABRI NOVO VSCODE, COM UMA NOVA WINDOW, ATE Q ENFIM
@velhoguidsd
@velhoguidsd 2 года назад
Muito bom
@MatheusBattisti
@MatheusBattisti 2 года назад
valeuu Guilherme!
@Coder_Amateur
@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?
Далее
СЫВОРОТКА С ВБ
00:39
Просмотров 575 тыс.
Пранк над Катей 🤣🤣🤣
01:00
Просмотров 225 тыс.
Zoom x100 всего лишь маркетинг
00:41
Просмотров 189 тыс.
Stop using an extension to compile Sass
21:39
Просмотров 126 тыс.
Aprenda tudo sobre positions do CSS em 25 minutos
25:17
Learn Sass In 20 Minutes | Sass Crash Course
19:42
Просмотров 925 тыс.
I Made a Neural Network with just Redstone!
17:23
Просмотров 562 тыс.
ARRAYLIST VS LINKEDLIST
21:20
Просмотров 50 тыс.
[ Curso de Sass Css ] - Mixin
8:20
Просмотров 2,4 тыс.
Unveiling CSS Grid in practice | Mayk Brito
36:17
Просмотров 371 тыс.
#ScriptFE: CSS Sass - Aprenda em 15 minutos
15:21
Просмотров 38 тыс.
Main filter..
0:15
Просмотров 5 млн
сюрприз
1:00
Просмотров 1,3 млн
solve bubbling fan issue
0:24
Просмотров 2,6 млн