nucliweb

Taller de PostCSS

PostCSS

PostCSS es un preprocesador CSS como lo puede ser Sass, Less y Stylus. Pero la ventaja de PostCSS es su modularidad y escalabilidad con los plugins desarrollados con JavaScript.

La combinación de plugins correcta es lo que nos puede hacer escribir código CSS lo más cercano posible al CSS nativo, al CSS que sale de las especificaciones de la CSS Working Group.

En el arrículo Yo prefiero PostCSS explico el motivo por el que prefiero PostCSS, y tú también deberías, para escribir CSS.

¿A quién va dirigido?

A todas aquellas personas que llevan años desarrollando en el frontend y no han dado el paso a utilizar PostCSS.

Formato

Taller online a un número reducido de personas con la herramienta Zoom.

La primera sesión será teórica y la esta documentación siempre tendréis acceso.

Para las sesiones prácticas usaremos GitHub, esto nos permitirá tener los ejercicios previamente resueltos y poder avanzar con el cambio de ramas en el caso de que sea necesario. A este contenido de código, también tendréis acceso siempre que lo necesitéis.

¿Cuándo?

El taller se hará en dos sesiones de 4 horas cada una.

SesiónDíaHorario
0120 Marzo 202110:00 a 14:00 (CET)
0227 Marzo 202110:00 a 14:00 (CET)

Requisitos

Será necesario una cuenta de GitHub para tener acceso al repositorio privado. Y una cuenta de Discord, donde tendréis un canal privado para compartir recursos y posteriores consultas.

Se explicará en detalle todos los parámetros de configuración, que se hacen con objetos de JavaScript, así que será necesario estar familiarizada/o con esta sintaxis, pero vaya, que no tiene mucho misterio.

Contenido

01 Lo que necesitas saber de PostCSS

Una sesión teórica donde veremos qué es y qué no es PostCSS, sus orígenes, documentación, soporte y ecosistema.

02 Entorno de desarrollo

Una sesión práctica donde configuraremos varios entornos: Vanilla JS, React.js, Vue.js, Angular y CSS-in-JS. Tanto en un entorno desde cero, como añadirlo a un proyecto existente.

03 Sass + PostCSS

Una sesión práctica donde veremos un ejemplo de cómo hacer convivir Sass y PostCSS en un proyecto, así como hacer la migración de un proyecto Sass a PostCSS.

04 PostCSS, el Babel de CSS

Una sesión práctica donde veremos cómo configurar PostCSS para poder dar soporte a todas la nuevas propiedades que se están definiendo en la W3C.

05 PostCSS plugins

Una sesión práctica donde veremos ejemplos de implementación y configuración de los plugins más interesantes para facilitarnos el desarrollo y ayudarnos en lo que realmente es importante, desarrollar productos.

Coste y forma de pago

El coste del taller es de 50€, y el pago deberá hacerse efectivo mediante Paypal o Bizum. Después del pago recibirás un mail con las instrucciones, invitación y accesos necesarios.

Feedback recibido

  • Me ha encantado. No tenía mucha idea de PostCSS y me ha gustado bastante. He aprendido mucho.
  • Muy bien. Hemos visto todo lo necesario para poder introducirnos en PostCSS.
  • Me ha gustado mucho. Una visión en profundidad de para qué sirve y como utilizar PostCSS.
  • Me ha parecido muy interesante. Introducir una parte práctica, sobre todo durante la primera sesión, fue algo muy positivo para no perder el hilo e interiorizar algo más lo que íbamos viendo.
  • Muy interesante, creo que me llevo una buena visión general de PostCSS y empezaré a usarlo en mis proyectos a partir de ahora.

También he tenido feedback que me ayudará a mejorar esta segunda edición 😊.

Preinscripción

Puedes hacer la preinscripción aquí. La preinscripción servirá para mostrar tu interés, pero no requeire ningún pago, recibirás en el mail las intrucciones de pago.