Aprenda Sass em 25 Minutos | Curso Rápido de Sass

  Рет қаралды 24,272

Programação Web

Programação Web

Күн бұрын

Пікірлер: 108
@Altherfx
@Altherfx Жыл бұрын
Você ensina de uma forma tão clara, assisti todos os seus cursos, assim que tiver condições vou comprar seu curso. Você merece o mundo! Parabéns.
@zarina3680
@zarina3680 Жыл бұрын
Prof do céu, vc não tem noção de como me ajudou, tava quase jogando o meu pc do prédio kkkkkkk obgd de verdade
@vagnersilva399
@vagnersilva399 Жыл бұрын
De fato,depois que aprender o CSS comum e entender o funcionamento,o SASS é uma ótima opção. Ótima aula, já havia visto SASS mas não havia entendido tão claramente como agora.Muito Obrigado
@FlameWrWpTx
@FlameWrWpTx 14 күн бұрын
Muito obrigado, estava com realmente pouco tempo, esses 25 minutos já foram bastante por me ensinar, obrigado mesmo.
@janesilva6674
@janesilva6674 Жыл бұрын
Meu professor de programação preferido 🎉
@programacaoweb
@programacaoweb Жыл бұрын
Muito obrigado Jane! Abraço!
@guizz5401
@guizz5401 7 ай бұрын
Estou fazendo curso e nunca aprendi e entendi de forma tão clara como as coisas funcionam, mas foi so ver seu video que deu pra entender qual a finalidade do sass. Parabens pelo video, ficou muito bom.
@arthurkelvim5689
@arthurkelvim5689 Жыл бұрын
Esse video devia ser patrimonio cultural de tao bom e facil que é. Fez 25 minutos parecer 5. Parabéns.
@programacaoweb
@programacaoweb Жыл бұрын
Muito obrigado Arthur! Abraço!
@glaysonvisgueira1102
@glaysonvisgueira1102 11 ай бұрын
Show! Vários conceitos e features do SASS explicados de forma direta, clara e rápida... sem arrudeio. Parabéns pelo trabalho e obrigado pelo conteúdo!
@programacaoweb
@programacaoweb 11 ай бұрын
Muito obrigado Glayson! Abraço!
@joseliojjn
@joseliojjn 11 ай бұрын
Merece a contribuição pelos cursos gratuitos e que todos assinem os outros cursos.. valeu professor.
@programacaoweb
@programacaoweb 8 ай бұрын
Muito obrigado Joselio! Grande abraço!
@sauleragem
@sauleragem Жыл бұрын
Absurdo essa dinamica parabéns pelo canal estou maratonando..sucesso sempre.
@joaovictormachado2743
@joaovictormachado2743 6 ай бұрын
Ótimo recurso, uma mão na roda.
@PauloBastospaulo_bastos
@PauloBastospaulo_bastos 11 ай бұрын
Mano... Ressalto as palavras de todos que comentaram positivamente as tuas aulas. Parabéns pelo trabalho!
@programacaoweb
@programacaoweb 11 ай бұрын
Obrigado Paulo. Abraço!
@MarcioSilva-bt7rm
@MarcioSilva-bt7rm 2 жыл бұрын
N tava achando nada demais, as variáveis dá pra fazer com Css puro, como vc falou. Mas essa parada de importar e criar arquivos específicos para cada parte do documento me ganhou. Só vou usar sass agora kkkkkk
@giovannabruno8344
@giovannabruno8344 4 ай бұрын
Que didática ÓTIMA, meus parabéns, sem enrolação, muito conteúdo.
@programacaoweb
@programacaoweb 4 ай бұрын
Muito obrigado Giovanna. Abraço!
@JailsonDev
@JailsonDev Жыл бұрын
pra quem já sabe um pouco e tem noções de html css e sass básico, sempre é bom aprender mais um pouco... gostei, em 25 minutos aprendi bastante.
@pauloalves1014
@pauloalves1014 4 ай бұрын
Na minha opinião eu que venho vendo muitos, mas muitos videos sobre HTML, CSS,JAVASCRIPT esse professor sem sombra de dúvida é o melhor de todos. O cara tem o DOM de ensinar.
@programacaoweb
@programacaoweb 4 ай бұрын
Muito obrigado Paulo! Grande abraço!
@fernandorodrigues9359
@fernandorodrigues9359 4 ай бұрын
Queria deixar aqui meu agradecimento professor, terminei finalmente o curso de CSS e terminando eu percebo o quão valoroso foi esse conteudo, realmente conteudo de curso pago, muito obrigado mesmo e agora vou começar no java.
@programacaoweb
@programacaoweb 4 ай бұрын
@@fernandorodrigues9359 Valeu Fernando! Grande abraço!
@devDiord
@devDiord Жыл бұрын
monstro! muito obrigado mais uma vez
@viniciusm.m.7822
@viniciusm.m.7822 2 жыл бұрын
Excelente aula, prof. Dimitri! Sass é o bicho! Thanks!
@programacaoweb
@programacaoweb 2 жыл бұрын
Valeu Vinicius! Abraço!
@viniciusm.m.7822
@viniciusm.m.7822 2 жыл бұрын
@@programacaoweb aprendi tanta coisa em tão pouco tempo! Estou fazendo um projeto de portfolio guiado, ele é no css puro, então decidi aplicar o Scss para melhorar e agora com essa aula... já corrigi vários erros além de otimizar outras coisas haha Planejo fazer um vídeo sobre esse projeto quando terminar (tô na busca por job!), daí colocarei este vídeo também!
@danmarzo5508
@danmarzo5508 7 ай бұрын
Top, ouvir sobre o scss e achei legal procurar sobre, essa tirou um bacodo de dúvidas
@m_sousa
@m_sousa 7 ай бұрын
Muito clara e objetiva a explicação, muito obrigada!
@programacaoweb
@programacaoweb 7 ай бұрын
Que bom que gostou. Abraço!
@thaisl.7044
@thaisl.7044 9 ай бұрын
Que explicação sensacional, clara e objetiva! me ajudou muito! Obrigada.
@programacaoweb
@programacaoweb 9 ай бұрын
Muito obrigado Thais! Eu que te agradeço por deixar seu comentário. Grande abraço!
@allyson5918
@allyson5918 8 ай бұрын
Espetacular, muito obrigado por disponibilizar esse conteúdo.
@cristians2663
@cristians2663 10 ай бұрын
Parabéns pelo trabalho, aula sensacional!!
@programacaoweb
@programacaoweb 9 ай бұрын
Valeu Cristian! Abraço!
@DANILOIBIA
@DANILOIBIA 11 ай бұрын
usei no meu portifolio adorei
@programacaoweb
@programacaoweb 2 жыл бұрын
*Curso Completo* 👉curso.programacaoweb.com.br/black/ Abraço!
@LucasSouza-mf4mb
@LucasSouza-mf4mb Жыл бұрын
pensei que era um bicho de sete cabeças, mas vc me mostrou ao contrário, muito obrigado pela aula.
@cr007.moreira
@cr007.moreira Жыл бұрын
Amazing explanation! Thanks for sharing!
@jandersonlira4906
@jandersonlira4906 2 жыл бұрын
Top professor. parabéns pela aula.
@programacaoweb
@programacaoweb 2 жыл бұрын
Valeu Janderson! Abraço!
@Playnaprogramacao
@Playnaprogramacao Жыл бұрын
Parabéns, excelente conteúdo
@darkoo9898
@darkoo9898 2 ай бұрын
Sair desse video sem deixar like é um pecado !! deixem o like galera 😅
@CleidsonMachadoAdmin
@CleidsonMachadoAdmin 10 ай бұрын
Thanks Dude! You are the best!
@johnnyvincent8545
@johnnyvincent8545 8 ай бұрын
Cara, eu adorei esse vídeo, isso me ajudou mto. Eu agradeço. Mas como eu faço pra aplicar um gradiente?
@programacaoweb
@programacaoweb 8 ай бұрын
Oi Erick. O feito gradiente é CSS comum. Veja um exemplo 👉 chat.openai.com/share/6fc53fb9-2a43-4330-a288-f23d866444d1 .Abraço!
@douglascassim
@douglascassim 11 ай бұрын
Obrigado pela Aula Dimitri. Poderia dizer qual é a extensão que vc utilizada para aparecer as cores da maneira que aparece em seu css.. por ex.: Blue.. o texto "blue" fica com o fundo azul.
@programacaoweb
@programacaoweb 11 ай бұрын
Olá. A extensão se chama Color Highlight ⤵ Nome: Color Highlight ID: naumovs.color-highlight Descrição: Highlight web colors in your editor Versão: 2.5.0 Editor: Sergii N Link do Marketplace do VS: marketplace.visualstudio.com/items?itemName=naumovs.color-highlight Abraço!
@douglascassim
@douglascassim 11 ай бұрын
@@programacaoweb Obrigado pela atenção.
@AlexLupoz
@AlexLupoz 2 ай бұрын
Ótimo! 🎉
@diogosouza7806
@diogosouza7806 Жыл бұрын
top,didatico e rapido
@victorialopes455
@victorialopes455 Жыл бұрын
professor incrível como sempre
@teotoniaeduardo4180
@teotoniaeduardo4180 Жыл бұрын
Pode me ajudar tbm quero ser apoiante
@victorialopes455
@victorialopes455 Жыл бұрын
@@teotoniaeduardo4180 é só fazer a compra pelo youtube, tem um botão escrito "seja apoiador"
@hawks2271
@hawks2271 2 жыл бұрын
Bom trabalho
@programacaoweb
@programacaoweb 2 жыл бұрын
Muito obrigado! Grande abraço!
@danielzornek
@danielzornek 4 ай бұрын
25/07/2024: pra mim está dando erro usar as chaves só da certo tirando, aí identa as propriedades a serem estilizadas, não sei bem pq, será que mudou sintaxe nesse tempo?
@albertMig
@albertMig Жыл бұрын
Boa aula amigo
@programacaoweb
@programacaoweb Жыл бұрын
Muito obrigado! Abraço
@geiltonsoares4755
@geiltonsoares4755 2 жыл бұрын
Olá Dimitri. Conclui o html e o css com vc e vou iniciar o JS. Mas vi que são muitas informações e queria uma direção sua, de como pra tirar tudo isso de forma que me prepare pro mercado. Logo após o JS, q entender bastante, irei para PHP. Um abraço
@geiltonsoares4755
@geiltonsoares4755 2 жыл бұрын
Gostei da sua didática e não queria buscar conteúdos com outroa professores. Mas as informações que tenho na abeca são como peças soltas.
@programacaoweb
@programacaoweb 2 жыл бұрын
@@geiltonsoares4755 você precisa praticar. A melhor forma no meu ver é pegando serviços pra fazer. Oferece para amigos e conhecidos criar um site pra eles. Outra opção é começar um projeto no qual você tenha vontade de fazer. Ainda outra opção é pegar um site base e tentar criar ele sozinho, fazer um clone. Só praticando você aprende a colocar os fundamentos em ação. Incentivo pegar um trabalho, por que nada melhor do que praticar ganhando dinheiro. Melhor incentivo. Abraço!
@geiltonsoares4755
@geiltonsoares4755 2 жыл бұрын
@@programacaoweb obrigado professor, vou fazer isso.
@filipirafaeldearaujocruz370
@filipirafaeldearaujocruz370 Жыл бұрын
professor, qual o tema do VS que o senhor usa no vídeo?
@programacaoweb
@programacaoweb Жыл бұрын
Oi Filipi. Eu uso um tema chamado Drácula. Veja esse vídeo que tem todas as minhas configurações do VS Code 👉 kzbin.info/www/bejne/mWWYn4OMrLKJsLM . Abraço!
@felipeteodoro403
@felipeteodoro403 Жыл бұрын
Show de bola seu video
@programacaoweb
@programacaoweb Жыл бұрын
Obrigado Felipe! Grande abraço
@EwertonMatosFerreira
@EwertonMatosFerreira Жыл бұрын
para quem ta começando é melhor digitar cada cod para fixar os cods
@LuizSoares-dj8yf
@LuizSoares-dj8yf Ай бұрын
Bom dia Eu estou acompanhando esse curso css html,porém aí na aula 28 após ter acertado o logotipo do WhatsApp, sumiu meu trabalho inteiro,ou se escondeu,os códigos estão todos aqui,mas o site sumiu. Alguém pode me dar uma dica como resgatar,ou montar denovo
@guilhermebf5048
@guilhermebf5048 5 ай бұрын
Eu fui estudar SASS achando que ia ter uma super vantagem em relação ao css normal, mas confesso que não vi tanta vantagem, afinal, importação de arquivo, criação de variáveis etc da pra fazer no próprio css
@programacaoweb
@programacaoweb 5 ай бұрын
Oi Guilherme. Realmente, as melhorias recentes no CSS têm se aproximado aos recursos oferecidos pelo SASS. O CSS puro agora suporta algumas funcionalidades que eram exclusivas do SASS, como variáveis (CSS Custom Properties) e importação de arquivos (com a regra @import ou @import url()). Mas ainda, no meu ver, há vantagens em usar SASS em alguns projetos, por exemplo: Aninhamento de Seletores, o que pode tornar o código mais legível e organizado. Mixins que são blocos de código reutilizáveis que podem ser incluídos em vários lugares no seu CSS. O SASS suporta a criação de funções que podem manipular valores e retornar resultados, permitindo um controle mais fino sobre os estilos. Também operações matemáticas com valores CSS, algo que pode ser complicado no CSS puro. Outro ponto são condicionais e Loops como (@if, @else if, @else) e loops (@for, @each, @while), permitindo gerar CSS de forma programática (não abordado no vídeo). Eu diria que o CSS atual é bem completo, torna menos necessário o SASS como antigamente. Mas para projetos grandes, muitas empresas ainda optam pelo recurso. Importante saber para caso precise no trabalho. Abraço!
@sergiosantos5088
@sergiosantos5088 4 ай бұрын
@@programacaoweb Com certeza já estou refatorando uns projetos. Meus css sempre ficavam até triplicados e difícil de fazer manutenção. Agora usando BEM CSS e SASS (que aprendi com esta aula) ele é unido automaticamente de uma forma clara onde o javascript onde estiver altera o componente correto que pode ser reaproveitado!
@Gustavo-lk6jp
@Gustavo-lk6jp 8 ай бұрын
Professor, quando do um Ctrl + S para salvar fica abrindo uma tela do Sass, sera que consigo remove-la
@programacaoweb
@programacaoweb 8 ай бұрын
Oi Gustavo. Não sei te dizer. Fazendo o processo corretamente isso não deveria acontecer. Tem alguma coisa errada. Abraço!
@professorluisclaudio
@professorluisclaudio 9 ай бұрын
Ótimo!
@Mateussantos-zl4xz
@Mateussantos-zl4xz 2 жыл бұрын
Professor eu vi que sobre @import o próprio sass indica não usá-lo mais e é indicado o @use ou @forward você pode fazer um tutorial sobre eles?
@programacaoweb
@programacaoweb 2 жыл бұрын
Olá. Sim, por enquanto ainda da para usar @import tranquilo, mas posso trazer sim a diferença pro @use e o @forward num outro vídeo. Obrigado a sugestão. Abraço!
@aledepaulaaa
@aledepaulaaa 2 жыл бұрын
@@programacaoweb Trás pra gente professor, só pra esclarecer mesmo!! Mas bom saber que o @import ainda pode ser usado. Esse vídeo me ajudou bastante, muito obrigado !!
@vivaalgonovo3825
@vivaalgonovo3825 Ай бұрын
Cheguei, você fazer mas uma vê e partir para Java script
@leomoreira3816
@leomoreira3816 4 ай бұрын
Aula bem completa com uma didática incrível, obrigado por disponibilizar esse conhecimento de maneira gratuita de maneira tão clára e simples de entender! (👉゚ヮ゚)👉
@programacaoweb
@programacaoweb 4 ай бұрын
@@leomoreira3816 Valeu Leo. Abraço!
@decomflores
@decomflores 3 ай бұрын
Boa tarde! Quando eu crio o arquivo _header.scss o meu arquivo index.css não recebe as informações, mesmo quando o watch sass está ativado. Alguém poderia me ajudar com isso? Fiz a importação exatamente igual à do profe mas o Watching não faz as informações irem para o index.css. HEEEELP
@meusupdecadadia3147
@meusupdecadadia3147 2 ай бұрын
Opa meu rei , meu arquivo css também não estava adaptando a página ,o que eu fiz foi alterar o link(href ) dele , em vez de colocar o direcionamento em style/index.css eu já direcionei diretamente, o meu ficou assim
@meusupdecadadia3147
@meusupdecadadia3147 2 ай бұрын
Ou às vezes pode ser algo como os ( ;) ponto é vírgula que você esqueceu de colocar no @import './header';
@meusupdecadadia3147
@meusupdecadadia3147 2 ай бұрын
Se não for nenhum dos caso você também pode apelar para a opção de apagar e fazer novamente kkkkk eu faço isso direto , e as vezes parece que eu codei tudo igualzinho como estava antes de apagar , porém, funciona kkkkk Caso não for nenhuma das 3 opções aí já não sei te dizer kkkk
@lucasdamasceno7068
@lucasdamasceno7068 Жыл бұрын
tailwind css funciona normal com sass e scss ou somente com css ?
@programacaoweb
@programacaoweb Жыл бұрын
Oi Lucas. Tailwind CSS é um framework de CSS que funciona com qualquer pré-processador CSS, incluindo Sass e SCSS. Isso significa que você pode usar as funcionalidades do Tailwind juntamente com as vantagens dos pré-processadores de CSS. Para usar Tailwind CSS com Sass ou SCSS, você precisará configurar seu projeto para que o pré-processador seja compilado em CSS. Depois disso, você poderá importar o arquivo CSS compilado em seu projeto. Por exemplo, para usar Tailwind CSS com Sass, você pode instalar o pacote "node-sass" e configurar seu projeto para compilar seu arquivo Sass em CSS. Em seguida, você pode importar o arquivo CSS compilado em seu HTML ou em seu arquivo Sass. De maneira geral, é importante lembrar que o Tailwind CSS é um framework de classes de CSS, então, independentemente do pré-processador que você está usando, você precisará escrever essas classes em seus arquivos de estilo. Abraço!
@Eduardo_Pereira235
@Eduardo_Pereira235 2 жыл бұрын
Ola Dimitri, comprei o seu curso hoje, mas parece que está fora do ar, aconteceu algum problema?
@programacaoweb
@programacaoweb 2 жыл бұрын
Oi Eduardo. A Hotmart que é a plataforma onde o curso está hospedado as vezes passa por alguma instabilidade momentânea. Aqui está funcionando normal. Experimenta fechar o navegador e tentar logar novamente. Abraço!
@MateusHenrique-ch1tw
@MateusHenrique-ch1tw Жыл бұрын
Opa, já vi uma galera falando q o Sass é um tanto quanto esquecida Tu achas q essa é uma parte q eu deveria focar em estidar ou nem precise muito? O css tradicional já é o suficiente?
@programacaoweb
@programacaoweb Жыл бұрын
Oi Mateus. Eu particularmente não gosto de trabalhar com Sass. Prefiro usar CSS tradicional, por questão de costume mesmo. Mas algumas empresas só trabalham com Sass e alguns projetos maiores requerem uma organização melhor que o Sass oferece. Então na minha opinião saber o básico é legal. Mas não é necessário se concentrar demais nela. Abraço!
@leandroalvesdasilva8415
@leandroalvesdasilva8415 2 жыл бұрын
Tem curso de Ruby? Puro mesmo.
@programacaoweb
@programacaoweb 2 жыл бұрын
Oi Leandro. Não tenho curso de Ruby. Abraço!
@ubersolitario
@ubersolitario Жыл бұрын
Professo o sCss deixa o site mais lento?
@programacaoweb
@programacaoweb Жыл бұрын
Oie. O Sass é transformado em CSS antes de publicar o site. Então não fica mais pesado, é normal, igual qualquer site com CSS. O Sass serve para ganhar produtividade durante o desenvolvimento apenas. Abraço!
@manuelfelixpaulo3409
@manuelfelixpaulo3409 2 жыл бұрын
Como ser membro do canal?
@programacaoweb
@programacaoweb 2 жыл бұрын
Oi Manuel. Você pode clicar no botão "Seja Membro" ou clicar nesse link 👉www.youtube.com/@programacaoweb/join .Ainda outra opção é fazer curso completo 👉curso.programacaoweb.com.br .Abraço!
@zsonovking
@zsonovking 2 ай бұрын
Não entendi o propósito do Sass. Pra que fazer as MESMAS coisas de JEITOS diferentes, que me da o MESMO trabalho, só que é mais complicado???? A propósito obrigado pela aula, foi muito esclarecedor
@programacaoweb
@programacaoweb 2 ай бұрын
Olá. Eu entendo. A primeira vista pode parecer que mais complica que ajuda, mas o Sass ajuda bastante na organização. Em projetos pequenos ou pessoais realmente não faz muita diferença, pode usar CSS normal, mas em projetos grandes, principalmente que trabalham em equipe, o Sass economiza muito tempo mesmo, por que permite que você organize melhor seu CSS com recursos como variáveis, aninhamento, mixins e funções, que tornam o código mais eficiente e fácil de manter. Fico feliz que a aula tenha sido útil. Um forte abraço!
@deividbarreto2634
@deividbarreto2634 Жыл бұрын
Amigão... quando vc falou em função fiquei iludidasso, o poder de produtividade que isso dá não tá escrito
@warley.rafael
@warley.rafael 2 жыл бұрын
Receita. Seja ninja em css antes de se aventurar em sass 😅😅😅
@programacaoweb
@programacaoweb 2 жыл бұрын
Sim, é bom ter pelo menos os fundamentos do CSS bem consolidados na mente. Grande abraço!
@leticiapessotti3472
@leticiapessotti3472 3 ай бұрын
divo
@fernando357
@fernando357 4 ай бұрын
achei igual css
@programacaoweb
@programacaoweb 4 ай бұрын
Olá Fernando! Entendo sua impressão, pois o Sass realmente se parece com CSS. No entanto, o Sass é um pré-processador que adiciona funcionalidades extras, como variáveis, aninhamento, mixins e funções, que tornam a escrita de CSS mais poderosa e eficiente. Por exemplo, você pode definir uma cor como variável e reutilizá-la em vários lugares, facilitando a manutenção do código. Além disso, a estrutura aninhada do Sass torna o código mais organizado e legível. Vale a pena explorar mais essas funcionalidades para ver como elas podem melhorar seu fluxo de trabalho. Um forte abraço!
@fernando357
@fernando357 4 ай бұрын
@@programacaoweb no css da pra fazer tbm usando " :root{ } " mas to buscando e encontrando mais informações sobre sass, parece q facilita umas partes q não precisa usar chaves e tal, interessante
Sass Tutorial for Beginners - CSS With Superpowers
22:08
Hayk Simonyan
Рет қаралды 743
Curso de React Para Iniciantes
57:14
Programação Web
Рет қаралды 110 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН
Quando eu quero Sushi (sem desperdiçar) 🍣
00:26
Los Wagners
Рет қаралды 15 МЛН
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
#ScriptFE: CSS Sass - Aprenda em 15 minutos
15:21
Násser Yousef Ali
Рет қаралды 39 М.
React Hooks: Aprenda os MAIS IMPORTANTES em 50 Minutos!
53:09
Felipe Rocha • Full Stack Club
Рет қаралды 57 М.
Aprenda SASS em 1 hora | Curso de SASS
56:34
Matheus Battisti - Hora de Codar
Рет қаралды 38 М.
Curso CSS Completo: Aula 14 - Propriedade Display
32:11
Programação Web
Рет қаралды 35 М.
Dê super poderes ao CSS com SASS | Masterclass #15
1:09:47
Rocketseat
Рет қаралды 74 М.
Sass // Dicionário do Programador
4:46
Código Fonte TV
Рет қаралды 38 М.
Sass Tutorial for Beginners - CSS With Superpowers
2:02:59
freeCodeCamp.org
Рет қаралды 876 М.
Pare de usar SASS/SCSS!
7:57
Programadores Visie
Рет қаралды 1,1 М.
Aprenda em 13:37: Tailwind CSS
13:38
Luís Rudge
Рет қаралды 43 М.
Quilt Challenge, No Skills, Just Luck#Funnyfamily #Partygames #Funny
00:32
Family Games Media
Рет қаралды 55 МЛН