Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
[Curso] SASS de 0 a 100 Archivos - Programador Novato
![Curso de SASS🌈 de 0 a 100 [01.- Que es SASS? y como instalarlo en Windows 10] 1 sass 1](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-1-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [01.- Que es SASS? y como instalarlo en Windows 10]
En este tutorial vamos a descubrir que es SASS? y para que nos sirve y en que nos facilita la vida, ademas de instalarlo en Windows 10.
– Descargar nodejs: https://nodejs.org/es/
–…
![Curso de SASS🌈 de 0 a 100 [01.- Que es SASS? y como instalarlo en Ubuntu 18.04] 2 sass 1 ubuntu](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-1-ubuntu-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [01.- Que es SASS? y como instalarlo en Ubuntu 18.04]
En este tutorial vamos a descubrir que es SASS? y para que nos sirve y en que nos facilita la vida, ademas de instalarlo en ubuntu 18.04.
? Comparativa SASS, LESS: https://trends.google.es/tr…
![Curso de SASS🌈 de 0 a 100 [02.- Mi primer archivo Sass (scss)] 3 sass 2](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-2-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [02.- Mi primer archivo Sass (scss)]
En este tutorial vamos a crear nuestro primer archivo Sass (Extensión scss).
Codigo: https://github.com/programadornovato/sass/commit/b1ee780f86223b0c1e2170c78787c63e83c099e…
![Visual Studio Code ? Review [01.- Es el mejor IDE?] 4 vscode](https://www.programadornovato.com/wp-content/uploads/2020/06/vscode-340x190.jpg)
Visual Studio Code ? Review [01.- Es el mejor IDE?]
En este tutorial haremos un review de “visual studio code” y analizaremos las ventajas que nos ofrece este IDE.
? Donde lo descargamos.
? Atajos de teclado
? Diferentes herramie…
![Curso de SASS🌈 de 0 a 100 [03.- Anidamiento en Sass] 5 sass 3](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-3-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [03.- Anidamiento en Sass]
En este tutorial vamos a anidar estilos. En otras palabras vamos a poner estilos dentro de otros estilos para poder acceder a los diferentes elementos de nuestro html.
Codigo: https://githu…
![Curso de SASS🌈 de 0 a 100 [04.- Variables] 6 sass 4](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-4-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [04.- Variables]
En este tutorial vamos a estudiar las variables y la forma en a que nos ayuda a hacer mas fácil la identificación de elementos dentro de nuestro CSS.
Codigo: https://github.com/programadorn…
![Curso de SASS🌈 de 0 a 100 [05.- Ordenar nuestro codigo con import] 7 sass 5](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-5-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [05.- Ordenar nuestro codigo con import]
En este tutorial vamos a ordenar nuestros codigo con la función import que nos entrega sass la cual nos ayuda a importar archivos.
Codigo: https://github.com/programadornovato/sass/com…
![Curso de SASS🌈 de 0 a 100 [06.- mixin] 8 sass 6](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-6-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [06.- mixin]
En este tutorial vamos a aprender a implementar mixin en sass pero ami me gusta definir a mixin como funciones.
Codigo: https://github.com/programadornovato/sass/commit/e45d0a4e65c5…
![Curso de SASS🌈 de 0 a 100 [07.- Operaciones y Listas] 9 sass 7](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-7-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [07.- Operaciones y Listas]
En este tutorial vamos a trabajar con operaciones con variables y con listas. Las listas son lo que se le conoce como arreglos.
Código: https://github.com/programadornovato/sass/commit…
![Curso de SASS🌈 de 0 a 100 [08.- Ciclos] 10 sass 8](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-8-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [08.- Ciclos]
En este tutorial vamos a aprender a usar los ciclos for y each para crear n cantidad de elementos en nuestro archivo css.
Codigo: https://github.com/programadornovato/sass/commit/af286…
![Curso de SASS🌈 de 0 a 100 [09.- Condicionales (if else)] 11 sass 9 1](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-9-1-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [09.- Condicionales (if else)]
En este tutorial aprenderemos las condicionales if y else en sass.
Codigo:https://github.com/programadornovato/sass/commit/f610b848b359dd6888e881a16c8a654c3b3c96d9
– V…
![Curso de SASS🌈 de 0 a 100 [10.- Modificar bootstrap via sass] 12 sass 10](https://www.programadornovato.com/wp-content/uploads/2020/06/sass-10-340x190.jpg)
Curso de SASS🌈 de 0 a 100 [10.- Modificar bootstrap via sass]
En este tutorial vamos a modificar nuestro bootstrap a través de sass.
Codigo: https://github.com/programadornovato/bootstrap-p/commit/9320d895b03b3a78ca2c88d056f496af64b1c1…

SASS VS LESS🌈
En este video vamos a hacer un frente a frente entre SASS? y LESS? La finalidad de este video es que puedas decidir cual de estos de preprocesadores de CSS se adapta a tu trabajo o empresa.
– …
Ave que vuela, a la cazuela.