Curso de Preprocesadores CSS

Curso de Preprocesadores CSS

Los preprocesadores extienden las características de HTML y CSS promoviendo la escritura de código reutilizable y modular. Conoce la sintaxis, características e implementación de un preprocesador de HTML y CSS. Elabora plantillas modulares de páginas HTML con PUG. Utiliza los tres principales preprocesadores de CSS: Sass, Less y Stylus y decide cuál se ajusta mejor a tu flujo de trabajo.

Regístrate a Platzi

Con este curso podrás:

Emplear funciones y mixins en un proyecto de frontend

Emplear funciones y mixins en un proyecto de frontend

Insertar condicionales y variables en los estilos de una página

Insertar condicionales y variables en los estilos de una página

Crear páginas web utilizando preprocesadores de HTML y CSS

Crear páginas web utilizando preprocesadores de HTML y CSS

Usar metodologías para estructurar código de forma óptima y modular

Usar metodologías para estructurar código de forma óptima y modular

Conocer las extensiones de los preprocesadores a HTML y CSS

Conocer las extensiones de los preprocesadores a HTML y CSS

Implementar preprocesadores en un entorno de trabajo

Implementar preprocesadores en un entorno de trabajo

Temario del curso

Introducción

Bienvenida al curso
Conceptos básicos de CSS
Selectores de CSS

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

Introducción a los Preprocesadores
Metodologías para estructurar código
Introducción a BEM
Guías para creación y mantenimiento de código
Instalación de herramientas de compilación

Preprocesadores para HTML

Introducción a Pug
Sintaxis
Interpolación
Variables
Condicionales y Loops
Mixins
Includes y Extends
Finalizando ejercicio de Landing Page

Less

Introducción a Less
Anidamiento e imports
Variables
Funciones
Mixins
Finalizando ejercicio de página de artículos

Sass

Introducción a Sass
Variables
Imports y Extends
Mixins
Funciones
Condicionales y Loops
Finalizando ejercicio de perfil de usuario

Stylus

Introducción a Stylus
Variables
Mixins
Funciones
Condicionales y Loops

Desarrollo del proyecto Platzi Games

Introducción al proyecto
Plantillas modulares con PUG: Header
Plantillas modulares con PUG: Footer
Grid System con Sass
Mixins para manejo de fuentes responsivas
Funciones para media queries
Finalizando el proyecto

Conclusiones y Cierre

Conclusiones y Cierre
Diploma del Curso de Preprocesadores CSS

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Los Profesores

Wilson Sánchez

Wilson Sánchez

@daywalkerhn

User Experience Lead en Laureate Education

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.

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 300 cursos y 50 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
    0-con tarjetas de crédito o débito
    1-con tarjetas de crédito o débito
    2-con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
    0-en depósito, Paypal y otros métodos
    1-en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups-2017
Curso de Gestión Financiera para Startups-2017
Cómo conseguir trabajo en Programación
Cómo conseguir trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico para Principiantes
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Conversación
Curso de Inglés Básico: Conversación

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

briansm
briansm

excelente curso, logra introducir a diferentes preprocesadores con ejercicios interesantes. Excelente profesor

Tonalli Itzcuauhtli López López
Tonalli Itzcuauhtli López López

Me gusto mucho el curso, explicanron bien, rápido y claro todas las funcionalidades de los preprocesadores

u.mitchel
u.mitchel

Excelente curso, simplemente me encanto, lo estuve esperando por mucho tiempo, y ahora si que estoy feliz.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Arquitectura Frontend
Carrera de Arquitectura Frontend