Aprende SASS en 15 Minutos 📔
Vložit
- čas přidán 31. 08. 2021
- ⭐ Aprende todo de SASS y CSS aquí 👉 victorroblesweb.es/master-css
🔥 Suscríbete: czcams.com/users/VictorRoblesWEB...
🎓 Cursos online de desarrollo web: victorroblesweb.es/academy
📰 Blog: victorroblesweb.es
📧 Newsletter: victorroblesweb.es/lista-correo
📷 Instagram: victorroblesweb.es/instagram
📑 Facebook: / víctor-robles-web-1460...
🐦 Twitter: / victorobs
👨💼 LinkedIn: / victorroblesweb
🎵 TikTok: / victorroblesweb
🧢 Mi gorra: amzn.to/2lDH1wv
💻 Mi PC: amzn.to/2EloEpT
⚒️ Mi setup: bit.ly/2LsY1oj
🌐 Hosting que recomiendo 👉 victorroblesweb.es/hosting
🖥️ Servidor VPS recomendado 👉 victorroblesweb.es/vps
(Cupón de descuento extra para ambos: VICTORROBLESWEB)
👕 Mi ropa con diseños geek originales 👉 bit.ly/2xObr5f 👕
Aprende lo fundamental de la maquetación web con SASS. El preprocesador CSS más usado, más estándar y más demandado actualmente que dota al lenguaje CSS de funcionalidades típicas de lenguaje de programación y nos permite dar estilos y forma a una web. Te enseñaré como empezar en SASS y como trabajar con variables, mixins, módulos, uses, cálculos, anidación, maquetación y mucho más. Todo en 15 minutos, desde cero y paso a paso.
Espero que te guste mucho el vídeo 😄
Aprende más en mi blog: victorroblesweb.es
⭐ 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...
Muy bien profe, saludos desde Colombia, sus videos motivan mucho, estoy haciendo el máster en css y hasta ahora todo muy bien.
Muy buen vídeo Victor!!! Aprendi sass del todo en 15 gracias por compartir conocimiento! Saludos
Muy buena explicación, no había tocado SASS nunca y se me ha hecho amena la introducción a la tecnología.
Este video me ha ayudado muchísimo a entender Sass, muchas gracias
Gracias, despues de ver muchos videos , el tuyo es el que me ha servido.
Muchas gracias
⭐ 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
Excelente vídeo, me hizo interesarme por esta tecnología. Muchas gracias Víctor!!!!
Excelente explicacion, mil gracias!
.muchas gracias Víctor. Estaba odiando sass porque no lo entendí bien a la primera,ahora me parece una excelente herramienta ✌️
Excelente video, corto pero preciso.
muchas gracias por compartir Victor,me vino de maravillas un repaso. Saludos crack
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
Wow que video mas genial, me encanto SASS
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í.
Eres muy bueno enseñando, suscrito
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)?
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!
@@davidfaure1 usar variables con :root es muy sencillo tambien
@@kevinstockmanns7112 no dije que no
¡Porfa SASS está cambiando en algunos aspectos, estaría genial si haces un tutorial sobre @use y @forward !!
Genial Víctor 😃.
excelente resumen!
Espectacular video
eres un genio Bro
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.
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!!
Espectacular
POR FIN SE LO QUE ES SAS, NO LO PUEDO CREER...
Mi ídolo 🗿
Que cosa tan pro!!!
groso de nuevo!!! Todo funcionando perfecto!!!
Haz un video similar con tailwind :)
Muy buen video
Interesante!
Super interesante
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
Muy bueno
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
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 ?
mucha vuelta jajajaja gracias
genial
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 ?
Víctor una ves que cierro la compilación ,cómo la vuelvo a iniciar? En sass
cual es la ventaja de sass?
bello sass
node no esta disponible para windows 7? :(
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 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
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.
no me acostumbro a usar SASS, pero intentare adaptarme a ello
lo odio
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
¿Y como sería la otra sintaxis, la que no lleva llaves?
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.
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!!!
conclusion amare scss :u
muy grosooo!!!
hola victor me encantannn tussss videoss te deseo suerte gilipolllas jajajajajaa
NODE se pronuncia "Noude", porque es un palabra en inglés.
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