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
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
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...
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
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;)
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í.
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!!
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)?
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
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
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.
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 ?
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
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)
@@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!!!
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.
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.
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
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
⭐ Aprende todo de SASS y CSS aquí 👉 victorroblesweb.es/master-css
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
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
@@tonsofcode2478 muchas grracias!
¡Hay algún tutorial sobre este tema @use y @forward porfa!!
@@tonsofcode2478 si se sigue usando el Live Sass Compiler solo que de otro tipo que tiene mantenimineto hasta hoy.
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...
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
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;)
si pero en sass se ve que es mucho mas facil usar las variables!
@@faureWorld usar variables con :root es muy sencillo tambien
@@kevinstockmanns7112 no dije que no
Gracias, despues de ver muchos videos , el tuyo es el que me ha servido.
Muchas gracias
Muy buena explicación, no había tocado SASS nunca y se me ha hecho amena la introducción a la tecnología.
.muchas gracias Víctor. Estaba odiando sass porque no lo entendí bien a la primera,ahora me parece una excelente herramienta ✌️
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í.
Este video me ha ayudado muchísimo a entender Sass, muchas gracias
Muy bien profe, saludos desde Colombia, sus videos motivan mucho, estoy haciendo el máster en css y hasta ahora todo muy bien.
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!!
muchas gracias por compartir Victor,me vino de maravillas un repaso. Saludos crack
Muy buen vídeo Victor!!! Aprendi sass del todo en 15 gracias por compartir conocimiento! Saludos
Excelente explicacion, mil gracias!
POR FIN SE LO QUE ES SAS, NO LO PUEDO CREER...
Mi ídolo 🗿
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)?
Muy buen vídeo, vine buscando info sobre SAAS pero buen vídeo
Saludos Master. Excelente video. Nos vemos en el curso de marter en css.
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
Excelente vídeo, me hizo interesarme por esta tecnología. Muchas gracias Víctor!!!!
⭐ Aprende todo de SASS y CSS aquí 👉 victorroblesweb.es/master-css
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
groso de nuevo!!! Todo funcionando perfecto!!!
Haz un video similar con tailwind :)
eres un genio Bro
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
Wow que video mas genial, me encanto SASS
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.
¡Porfa SASS está cambiando en algunos aspectos, estaría genial si haces un tutorial sobre @use y @forward !!
Excelente video, corto pero preciso.
Espectacular video
Eres muy bueno enseñando, suscrito
Genial Víctor 😃.
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 ?
excelente resumen!
Espectacular
Interesante!
Pero las variables de css no se pueden poner directamente en el css poniendo :root??
cada vez que vaya a usar sass debo compilar el codigo ?
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
no me acostumbro a usar SASS, pero intentare adaptarme a ello
lo odio
Muy buen video
Víctor una ves que cierro la compilación ,cómo la vuelvo a iniciar? En sass
Que cosa tan pro!!!
mucha vuelta jajajaja gracias
cual es la ventaja de sass?
Muy bueno
node no esta disponible para windows 7? :(
Super interesante
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:
Hola, buenas!! Estoy buscando como se hacen los keyframes en sass, no me lo toma como en css, alguna idea de la sintaxis??
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)
@@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!!!
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.
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.
genial
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
bello sass
¿Y como sería la otra sintaxis, la que no lleva llaves?
hola victor me encantannn tussss videoss te deseo suerte gilipolllas jajajajajaa
muy grosooo!!!
NODE se pronuncia "Noude", porque es un palabra en inglés.
conclusion amare scss :u
SASS
saben que otra cosa se pronuncia asi?
SUS
ඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞඞ
Aprender sass en un sazzzz
Lmao sa
no lo voy muy útil, la mayoría de esas funciones ya las incluye css como las operaciones o variables,
creo que antes no se podía.
justo iba a comentar algo parecido
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
tendras video explicando el uso de @use y @forward ?
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 🥺
cd y arrastras tu carpeta a la terminal, automáticamente te detecta la dirección