Curso de Arquitectura Profesional CSS con ITCSS

• Especificidad CSS, CSS con C de herencia
  • Arrancamos el curso dando un repaso a la herencia en CSS, la especificidad y herramientas para controlarla.
• Una arquitectura escalable y mantenible con ITCSS
  • Conoceremos las ventajas y "desventajas" de ITCSS, también veremos una propuesta de implementación con INITCSS.
• Un proyecto real con ITCSS
  • En esta sesión analizaremos un proyecto real con una arquitectura ITCSS. Podemos aprender mucho con el análisis forence de un proyecto.
• Nomenclatura con BEMIT
  • Existen muchas convenciones de nombres para implementar en nuestros selectores CSS, en ITCSS tenemos disponible BEMIT.
• Del diseño a una arquitectura ITCSS
  • Según un diseño, detectaremos los objetos, elementos, así como las diferentes capas de ITCSS.
• Practica con las diferentes capas de ITCSS
  • Veremos cómo podemos escalar nuestra arquitectura añadiendo nuevas capas.
• Implementar ITCSS en un nuevo proyecto
  • Ejemplo de una arquitectura ITCSS con proyecto Sass y con un proyecto PostCSS. En esta sesión veremos como montar un entorno de desarrollo con npm.
• Implementar ITCSS en un proyecto legacy
  • Ejemplo de implementación de una arquitectura ITCSS en un viejo proyecto.
• Mejorando ITCSS
  • ITCSS no deja de ser una propuesta, por lo que podemos adaptarla o mejorarla según nuestras necesidades. Analizaremos la propuesta que nos ofrece HaitiCSS y cómo están resolviendo su implementación sobre un producto.
• ITCSS + frameworks/librerías Javascript
  • ¿Podemos utilizar una arquitectura ITCSS en un proyecto ReactJS, Angular, Vue.JS, Ionic o React Native?

Dirigido a desarrolladores y diseñadores interesados en aprender una metodología común con la que escribir código estable fácil de organizar, manipular y escalar, ITCSS nos permite lograr un CSS robusto apto para que cualquiera pueda modificarlo, editarlo y reutilizarlo sin temor a generar conflictos o restarle rendimiento. Uno de los principios clave de ITCSS es que separa la base de código CSS en varias secciones llamadas capas, que toman forma de triángulo invertido (ITCSS significa CSS de Triángulo Invertido) ayudándonos a organizar archivos CSS y mejorando los problemas derivados de la especificidad.

De la mano de Joan León, a lo largo de este Curso Online de Arquitectura Profesional CSS con ITCSS desarrollaremos un programa de contenidos dirigido a que domines esta tecnología y que empieces a implementarla de forma inmediata en tus desarrollos. Aprenderemos a organizar las hojas de estilos dotando de mayor protagonismo al navegador y buscando todo su potencia a nivel de performance y eficiencia tanto en la mejor interpretación de las reglas CSS, como a la hora de pintar los elementos del DOM.