Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Instruido por:
Wilson Sánchez
Wilson Sánchez
Básico
6 horas de contenido
Ver la ruta de aprendizaje
Construye un sitio web con preprocesadores
Proyecto del curso
Construye un sitio web con preprocesadores

Elabora la estructura de las páginas de un sitio web utilizando PUG. Define los estilos de cada página implementando Less, Sass y Stylus. Utiliza funciones, variables y condicionales para reutilizar código y organizarlo de manera óptima.

Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Progreso del curso:0/42contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/42contenidos(0%)

Introducción

Material Thumbnail

Bienvenida al curso

02:39 min

Material Thumbnail

Conceptos básicos de CSS

05:13 min

Material Thumbnail

Selectores de CSS

11:43 min

Evolución de las Tecnologías de Front-End

Material Thumbnail

Introducción a los Preprocesadores

05:37 min

Material Thumbnail

Metodologías para estructurar código

04:07 min

Material Thumbnail

Introducción a BEM

07:26 min

Material Thumbnail

Guías para creación y mantenimiento de código

06:59 min

Material Thumbnail

Instalación de herramientas de compilación

04:03 min

Preprocesadores para HTML

Material Thumbnail

Introducción a Pug

01:02 min

Material Thumbnail

Sintaxis

12:39 min

Material Thumbnail

Interpolación

07:19 min

Material Thumbnail

Variables

07:11 min

Material Thumbnail

Condicionales y Loops

06:25 min

Material Thumbnail

Includes y Extends

07:49 min

Material Thumbnail

Finalizando ejercicio de Landing Page

08:59 min

Less

Material Thumbnail

Introducción a Less

13:06 min

Material Thumbnail

Anidamiento e imports

07:10 min

Material Thumbnail

Variables

10:19 min

Material Thumbnail

Funciones

07:59 min

Material Thumbnail

Finalizando ejercicio de página de artículos

06:21 min

Sass

Material Thumbnail

Introducción a Sass

12:29 min

Material Thumbnail

Variables

12:32 min

Material Thumbnail

Imports y Extends

12:18 min

Material Thumbnail

Funciones

11:44 min

Material Thumbnail

Condicionales y Loops

10:06 min

Material Thumbnail

Finalizando ejercicio de perfil de usuario

07:57 min

Stylus

Material Thumbnail

Introducción a Stylus

11:06 min

Material Thumbnail

Variables

10:32 min

Material Thumbnail

Funciones

11:03 min

Material Thumbnail

Condicionales y Loops

10:32 min

Desarrollo del proyecto Platzi Games

Material Thumbnail

Introducción al proyecto

02:49 min

Material Thumbnail

Plantillas modulares con PUG: Header

10:41 min

Material Thumbnail

Plantillas modulares con PUG: Footer

11:15 min

Material Thumbnail

Grid System con Sass

11:36 min

Material Thumbnail

Mixins para manejo de fuentes responsivas

12:44 min

Material Thumbnail

Funciones para media queries

12:19 min

Material Thumbnail

Finalizando el proyecto

10:01 min

Conclusiones y Cierre

Material Thumbnail

Conclusiones y Cierre

01:24 min

nuevosmás votadossin responder
Raul Franco Fernandez
Raul Franco Fernandez
Estudiante
Me recomiendan un curso en Platzi para aprender esos aspectos del diseño de una pagina web? Para aprender por ejemplo, como se combinan l...
0
Gutierrez Diego
Gutierrez Diego
Estudiante
Como utilizo Zeplin, ya lo descargue y no encuentro la manera de anexar un archivo a Zeplin para poder ver todas sus configuraciones?
1
Anderson Josué Oroya Silva
Anderson Josué Oroya Silva
Estudiante
Si quiero hacer solo una landing page sencilla, vale la pena usar preprocesadores?
0
Daniel Ruiz
Daniel Ruiz
Estudiante
alguien sabe por que cuando modifico un pug no hace cambios en el html pero si deja compilar
1
Sebastián Buitrago
Sebastián Buitrago
Estudiante
Como se puede compilar automaticamente less en git bash o con node.js? Me refiero a compilar automaticamente cuando guardo los cambios de...
0
Daniel Ruiz
Daniel Ruiz
Estudiante
si el mixin lo vamos a usar en el mismo modulo donde lo creamos tambien se debe usar include?
0
Daniel Ruiz
Daniel Ruiz
Estudiante
Tengo una duda 18 + 10% = 28? wtf algo no cuadra, ese 10% de que que es?
0
Daniel Ruiz
Daniel Ruiz
Estudiante
18 + 10% = 28? wtf algo no cuadra, ese 10% de que que es???
0
Daniel Ruiz
Daniel Ruiz
Estudiante
el archivo articulo.less no importa las variables del global.less a menos que haga @import “articulos.less”; alguien sabe por que es?
0
Sebastián Buitrago
Sebastián Buitrago
Estudiante
a alguien le pasa que cuando compilan pug en git el codigo html queda en una sola linea y no queda identado?
0