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 CSSPage.

¿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 PostCSSPage.

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.

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 PostCSSPage.

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.

06 PostCSS + Tailwind CSS Bonus

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 😜.

¿Cuándo?

La formación se hará en 2 sesiones de 4 horas (sábados por la mañana en horario CET).

SesiónDíaHorarioDuración
0118 Septiembre 202110:00 a 14:00 (CET)4 horas
0225 Septiembre 202110:00 a 14:00 (CET)4 horas

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 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.