Aprende SASS en 15 Minutos 📔

[@VictorRoblesWEB]

⭐ Aprende todo de SASS y CSS aquí 👉 victorroblesweb.es/master-css

[@jesusbernaldelossantos]

Para el que le interese, para compilar SASS en el visual studio code, se puede hacer con dos extensiones, una de ellas es live server y la otra es live sass compiler (ambas son del autor ritwick dey). Una vez instaladas, cierren el editor y lo vuelven a abrir, y debajo a la derecha os saldra dos pestañitas, una que pone GO LIVE y otra que pone WATCH SASS. Lo unico que tienen que hacer es activar las dos y ya esta, y practicar con sass

[@tonsofcode2478]

Live Sass Compiler actualmente ya no se recomienda debido a que las reglas @use, @forward y entre otras mejoras implementadas que son parte de la nueva version de Sass basada en Dart, no tienen efecto cuando las compilas. La misma documentacion de Sass recomienda ya no usar @import y migrar a la version actual por lo que lo mejor que pueden hacer es Instalar node-sass atra vez de npm en terminal y ejecutar el watch con la linea de comando sass -watch carpeta-scss/estilo.scss:carpeta-css/estilo.css

[@deivi3697]

@@tonsofcode2478 muchas grracias!

[@antonioponce5938]

¡Hay algún tutorial sobre este tema @use y @forward porfa!!

[@lali0050]

@@tonsofcode2478 si se sigue usando el Live Sass Compiler solo que de otro tipo que tiene mantenimineto hasta hoy.

[@lali0050]

siempre lo hice de esa manera que decis y me impresiona que se haga de esta forma, descargandotelo etc... siendo que es mucho mas sencillo desde la extension en VS, pero bueno de todo se aprende no...

[@enmanuelvaldiviezo8817]

estuve haciendo un proyecto con SASS y me dio tantas fallas que dije esto tiene que ser falla de mi ordenador pero luego de ver el video descubrí que las fallas las tenia yo, excelente y muy clara la manera de explicar de este profesor

[@virgimartin1573]

Gracias, despues de ver muchos videos , el tuyo es el que me ha servido. Muchas gracias

[@josehurtado6871]

Muy buena explicación, no había tocado SASS nunca y se me ha hecho amena la introducción a la tecnología.

[@Samuel-94]

Buen video gracias 😄 6:44 en css puro tbien se pueden crear variables, se hace con :root{}, luego dentro pones el nombre de la variable con -- por ejemplo y ya, (--bgColor: red;)

[@faureWorld]

si pero en sass se ve que es mucho mas facil usar las variables!

[@kevinstockmanns7112]

@@faureWorld usar variables con :root es muy sencillo tambien

[@faureWorld]

@@kevinstockmanns7112 no dije que no

[@MelkinIbarra]

No lo sé, me parece que esto es perfecto para el que aprendió primero a programar, y luego está necesitando hacer hojas de estilos, pero para mi, que aprendí primero HTML y CSS, y ya después a programar, todo esto me enreda y me hace sentir perdido.

[@ema3.0]

Instale mi node js para poder usar Sass, estaba funcionando todo bien, cerré el trabajo para continuar luego y cuando lo volví a abrir dejo de funcionar el sass, no compila nada

[@lordcocabanda6547]

.muchas gracias Víctor. Estaba odiando sass porque no lo entendí bien a la primera,ahora me parece una excelente herramienta ✌️

[@costa5736]

Es un excelente video. Sobre todo para quienes estamos o acabamos de ver/aprender SASS y queríamos un repaso. En mi caso particular, que empecé desde cero y voy por SASS, te imaginarás que necesito darle una repasada a todo en general y practicar horas y horas. Este video me ha servido mucho. Ahora bien, tengo una duda: ¿qué diferencia existe entre colocar el 'use' y el 'import' para utilizar lo que hemos codeado (por así decirlo)?

[@reygb6475]

Muy bien profe, saludos desde Colombia, sus videos motivan mucho, estoy haciendo el máster en css y hasta ahora todo muy bien.

[@leandro5132]

Mi pana estaba viendo un tutorial de 50min, a parte de eso un curso de udemy y estaba bien perdido, vi este video y entendí lo necesario para empezar a usar sass, que crack! no entendía nada de las variables la anidación, como empezar a usarlo. No puedo creer que en 15min entendí.

[@Tami-design3]

Este video me ha ayudado muchísimo a entender Sass, muchas gracias

[@markuswater]

Hasta el momento sigo usando CSS plano pero hace poco me di cuenta que SASS es muy pero muy potente así que empezaré a utilizarlo desde ahora

[@davidramirez9727]

muchas gracias por compartir Victor,me vino de maravillas un repaso. Saludos crack

[@chipogd]

POR FIN SE LO QUE ES SAS, NO LO PUEDO CREER...

[@kevinarce9876]

Mi ídolo 🗿

[@nelsonfercher7768]

Muy buen vídeo Victor!!! Aprendi sass del todo en 15 gracias por compartir conocimiento! Saludos

[@tousan6054]

Ya entendí masomenos jajajaja, andaba un poco cabezón, porque la primera clase que tuve no entendí, cuando usar una de esas hojas scss y ahora ya entendí maso maso . Gracias rey!!

[@carlavallejos3470]

Excelente explicacion, mil gracias!

[@Ing.CandidoHernandezMartin]

Saludos Master. Excelente video. Nos vemos en el curso de marter en css.

[@zombizius]

Muy buen vídeo, vine buscando info sobre SAAS pero buen vídeo

[@tomasgiacobino5031]

bro me sirve ver tus videos si tengo mac? por ej, el sass lo tuve que instalar con brew, pero de aca en adelante si trabajo con la terminal de mac puedo seguir tus pasos ?

[@javierbarker4121]

Haz un video similar con tailwind :)

[@antonioponce5938]

¡Porfa SASS está cambiando en algunos aspectos, estaría genial si haces un tutorial sobre @use y @forward !!

[@javiappreciatesart5714]

Excelente vídeo, me hizo interesarme por esta tecnología. Muchas gracias Víctor!!!!

[@VictorRoblesWEB]

⭐ Aprende todo de SASS y CSS aquí 👉 victorroblesweb.es/master-css

[@__fiamy]

Que tal Victor una consulta, por qué utilizas el símbolo del sistema en vez de la terminal directa del vsc? Es para prevenir errores, es mejor o para tener un aprendizaje mejor con la consola? Muchas gracias

[@nicolasleyes8444]

Víctor una ves que cierro la compilación ,cómo la vuelvo a iniciar? En sass

[@rodrigodesanmiguel8481]

eres un genio Bro

[@seguidor_de_Dios]

cada vez que vaya a usar sass debo compilar el codigo ?

[@ivanla03]

Pero las variables de css no se pueden poner directamente en el css poniendo :root??

[@jesusbernaldelossantos]

no me acostumbro a usar SASS, pero intentare adaptarme a ello

[@instaescuela]

lo odio

[@Pulparx]

groso de nuevo!!! Todo funcionando perfecto!!!

[@nicolassabo6801]

Espectacular video

[@jeanluiguipierre]

Excelente video, corto pero preciso.

[@JoanManuelSB]

si no les deja acceder a la carpeta es porque estan es un disco duro diferente para solucionarlo pongan en cmd la iniciar del duro duro ejemplo: B:

[@javiergonzalez2640]

cual es la ventaja de sass?

[@Henry_Specter]

Interesante!

[@sorubro2193]

Eres muy bueno enseñando, suscrito

[@gabrielcrespo9338]

Espectacular

[@Siuxy2012]

Genial Víctor 😃.

[@darkl3iaX]

Wow que video mas genial, me encanto SASS

[@alexisgabrielluna373]

tengo un pequeño problema al ejecutar mi terminal de sass es q aveces deja de funcionar y no me presenta errores, no se xq se da, perdon soy principiante me podrias guiar xfa amigo Victor t lo agradeceria full

[@omarrosas5524]

mucha vuelta jajajaja gracias

[@julianpherez4625]

Que cosa tan pro!!!

[@leitoaros18]

genial

[@julianc8588]

Muy bueno

[@roose0101]

node no esta disponible para windows 7? :(

[@IAN-FAUNDEZ93]

Hola alguien que me ayude estoy trabajando con scss y al trabajar si se ven los cambios en css y el sass live compiler esta todo ok pero cuando visualizo la pagina no me hace cambios por ejemplo modifique el tamaño y pocicion de una imagen y no hizo efecto pero si edito algun texto de html si hace cambios que podra ser tengo todo instalado

[@Deus-lo-Vuilt]

Super interesante

[@danielparrillas1180]

Muy buen video

[@munozvillegaspablo5651]

bello sass

[@gabrimat723]

Me da error al compilar , he creado la carpeta con el archivo sass y el archivo html dentro, estoy en la misma ubicacion d ela carpeta pero no reconoce el comando igualmente.gracias.un saludo. buen video.

[@sebascallejas]

buenas tardes, por algún motivo no logro entrar al compilador desde la consola, sigo las instrucciones pero me aparece: El sistema no puede encontrar la ruta especificada. si me pueden ayudar les agradecería.

[@mariarochyvazquez8687]

hola victor me encantannn tussss videoss te deseo suerte gilipolllas jajajajajaa

[@moviedev874]

tendras video explicando el uso de @use y @forward ?

[@lautarosoto43]

¿Y como sería la otra sintaxis, la que no lleva llaves?

[@pabloguasco554]

NODE se pronuncia "Noude", porque es un palabra en inglés.

[@gabrieltettamanti1862]

Hola, buenas!! Estoy buscando como se hacen los keyframes en sass, no me lo toma como en css, alguna idea de la sintaxis??

[@lali0050]

rarisimo yo uso sass desde siempre y los @keyframes me los tomo siempre, es igual la sintaxis. Fijate si lo estas escibiendo bien, si esta bien linkeada la ruta al archivo .css ( recorda que se linquea al archivo .css que genera sass no al archivo .scss eh)

[@gabrieltettamanti1862]

@@lali0050 gracias por la respuesta!! Al final lo pude hacer, no me acuerdo qué estaba haciendo mal 🤔 creo que era un tema de cuanto tabulaba o alguna coma. Pero gracias!!!

[@gatomontesroseIII]

conclusion amare scss :u

[@thepalogaming1913]

SASS saben que otra cosa se pronuncia asi? SUS ඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞ

[@Pulparx]

muy grosooo!!!

[@siniestro6138]

Aprender sass en un sazzzz

[@MarceloHerrera87]

no lo voy muy útil, la mayoría de esas funciones ya las incluye css como las operaciones o variables,

[@RodanEpicFail]

creo que antes no se podía. justo iba a comentar algo parecido

[@o5q]

Hno, por favor dejame decirte lee la biblia el capítulo de Mateo sobre todo, que es la vida de Jesús, te traerá la paz interior a tu vida hno🙌🙏 a ti y luz al mundo, saludos

[@smhg15]

Lmao sa

[@priosjaicar]

A mi el cd C:wamp64/www/master-css , no me encuentra nada y mi carpeta tiene ese nombre, lo he hecho de diferentes formas y no 🥺

[@jesusenrique7753]

cd y arrastras tu carpeta a la terminal, automáticamente te detecta la dirección