Curso de Arquitectura Profesional CSS con ITCSS

Diseño web, FrontEnd

Domina la arquitectura de tus hojas de estilos y organiza el código CSS con una estructura profesional, moderna y escalable

Intermedio Medio (de 8 a 20 horas) Precio en promoción 99€ 79€
Clic para comenzar...

Con un enfoque práctico, intensivo y profesional, este nuevo curso online pone el acento en dotar de las habilidades necesarias a todos aquellos que deseen estructurar una hoja de estilo buscando crear una arquitectura CSS moderna y escalable en cualquier proyecto web o aplicación en la que estén trabajando.

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.

Conocimientos previos

Para sacar el máximo provecho a este curso online recomendamos tener un nivel medio de HTML y CSS. No se requiere conocimientos de programación.

Contenidos del Curso

Especificidad CSS, CSS con C de herencia (`En abierto`)
  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?

Este curso está en marcha
En breve deben aparecer más clases en este espacio

Joan León

HTML, CSS, Javascript, PostCSS