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
Brandon Malagon
Brandon Malagon
Estudiante
·hace 5 horas
con la sintaxis de pug como podría solucionar lo siguiente <div class=“col text-center”>Anótate como orador para dar una <abbr t...
1
Julián David Cubillos Ortegón
Julián David Cubillos Ortegón
Estudiante
·hace 7 horas
Porque en las anidaciones primero dejo de usar & y luego volivio a usarlas & en la parte de caja?
1
bruno guerra solano
bruno guerra solano
Estudiante
·anteayer
la verdad no comprendo porque coloca en galería un j "ustify-content : space-evenly" si no hay un display: flex ???
1
alexanderDev
alexanderDev
Estudiante
·hace 3 días
Utilizando arreglo de arreglos, arreglo de objetos y objeto de objetos con Pug
1
luisgcolmena
luisgcolmena
Estudiante
·hace 5 días
En las variables solo se puede almacenar texto plano?
1
bruno guerra solano
bruno guerra solano
Estudiante
·hace 5 días
como puedo poner una barra de scroll horizontal muy fina para las cajas y que solo se aplique a esta sección
1
Paulina Nieves
Paulina Nieves
Estudiante
·hace 9 días
Yo utilizo la terminal de VSC. Pra los que tmapoco quieren usar prepos aqui les van los pasos : 1.- Tienen que tener node instalado 2.- ...
2
choman0924
choman0924
Estudiante
·hace 10 días
buenas, tengo un problema, prepos me tira error luego de hacer lo de la función, el error es " Cannot read property ‘r’ of undefined...
1
Belén Sosa
Belén Sosa
Estudiante
·hace 11 días
Hola, saben como se pude escribir un comentario utilizando pug?
2
maximiliano Vai
maximiliano Vai
Estudiante
·hace 13 días
Los archivos de los preprocesadores pug, sass, less… etc … ¿ que es buena páctica ? ¿se .suben a github o se deben ignorar ?
2