PostCSS es un preprocesador CSS como lo puede ser Sass, Less o 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.
A aquellas personas que empiezan en el mundo del desarrolo web y se sienten perdidas en la elección del sistema de cómo trabajar el CSS.
Formato
Taller online a un número reducido de personas con la herramienta Zoom.
La primera sesión será teórica y a 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.
Requisitos
Será necesaria 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 PostCSSPage.
04 PostCSS, el Babel de CSS
Una sesión práctica donde veremos cómo configurar PostCSS para poder dar soporte a todas las 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.
06 PostCSS + Tailwind CSS
En esta sesión veremos cómo vitaminar uno de los frameworks CSS de moda Tailwind CSS. Con PostCSS podremos extender el framework y aprovechar las nuevas funcionalidades que aparecen en CSS. También analizaremos cómo está construido Tailwind CSS y conocer sus entrañas... Spoiler: usa PostCSS 😜.
07 Creado un plugin PostCSS
Una de las mejores formas de entender cómo funciona, así como ver el potencial que tiene PostCSS, es conociendo cómo funciona, en esta sesión crearemos un plugin PostCSS desde cero.
¿Cuándo?
La formación se hará en 3 sesiones de 4 horas (sábados por la mañana en horario CET).
| Sesión | Día | Horario | Duración |
| 01 | 5 Febrero 2022 | 10:00 a 14:00 (CET) | 4 horas |
| 02 | 12 Febrero 2022 | 10:00 a 14:00 (CET) | 4 horas |
| 03 | 19 Febrero 2022 | 10:00 a 14:00 (CET) | 4 horas |
Coste y forma de pago
El coste del taller es de 60€, 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 PostCSSPage.
- Me ha gustado mucho. Una visión en profundidad de para qué sirve y como utilizar PostCSSPage.
- 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.
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.
Preguntas frecuentes
¿Se grabarán las sesiones?
Sí, las sesiones quedarán grabadas, para su posterior consulta siempre que quieras.
¿Podré resolver dudas fuera de las sesiones de tutorías?
Sí, el registro al taller te dará acceso a un canal privado de Discord para compartir, preguntar o resolver dudas.
¿Haremos alguna pausa durante las sesiones?
Sí, tendremos programadas 2 pausas en cada una de las sesiones.