Arquitectura CSS

Estudio para desarrollo de CSS optimizado, mantenible, reutilizable

El lenguaje CSS es muy fácil de usar, agradecido y con una curva de aprendizaje muy suave al principio. Por tanto, podemos comenzar a desarrollar CSS prácticamente en una mañana de aprendizaje. Obviamente, tardaremos más en conocer y saber aplicar todas las reglas de estilo disponibles en el estándar, pero cualquier persona lo podrá hacer sin demasiada dificultad.

Sin embargo, todo lo anterior no implica que sepamos realizar un tratamiento del lenguaje que goce de las virtudes necesarias para considerarse "profesional". Quizás debido a su sencillez, es fácil realizar código CSS que acabe siendo un problema a la hora de optimizarse y mantenerse en el futuro.

Las virtudes que se demandan en el desarrollo de las CSS para los proyectos web son:

  -Producir un código mantenible: un código que se pueda modificar con facilidad en el futuro, incluso por personas que no hayan sido los desarrolladores originales.

  -Producir un código escalable: casi como en el punto anterior, que nuestro CSS pueda crecer sin volverse inmanejable.

  -Producir un código reutilizable: que podamos reusar las reglas de estilo al máximo, de modo que no tengamos que escribir una y otra vez los mismos estilos para distintos elementos.

Para conseguir maximizar las virtudes descritas en el punto anterior se necesita una excelente organización y aplicar una serie de convenciones útiles que nos permitan tomar decisiones homogéneas a la hora de organizar el código, que otros desarrolladores puedan entender también. El arquitecto CSS es aquel que consigue hacer esta tarea de organización de una manera correcta y es capaz de producir un código CSS de alto nivel de calidad.

Para mejorar la arquitectura del CSS existen herramientas importantes como los preprocesadores. Estas herramientas nos ofrecen un grado más elevado de organización, con la posibilidad además de escribir menos para hacer más cosas, lo que eleva la productividad (cualidad también importante para un arquitecto CSS).

Pero además para un arquitecto de CSS es importante realizar un código homogéneo, con una estructura que se haya decidido de antemano. Para ello existen en la actualidad diversas convenciones importantes que podemos seguir, como por ejemplo "CSS BEM" (Block Element Modifier) o ITCSS (Inverted Triangle architecture for CSS). También, claro está, podremos crear nuestra propia convención, incluso tomando varias ideas de unas y otras propuestas, y aplicarla dentro de un proyecto, sin embargo es interesante aplicar alguna regla comúnmente aceptada por la comunidad, para que nuestra organización sea fácil de entender por futuros desarrolladores que puedan entrar en el proyecto.

Cómo aprender Arquitectura CSS

Una de las ramas del conocimiento más exploradas en EscuelaIT es la de arquitectura de CSS. Tenemos cursos de todos los niveles y que abordan diferentes convenciones populares. Obviamente, para todos ellos es importante tener un conocimiento sólido sobre CSS y por supuesto de HTML.

Además, es recomendable tener conocimientos de preprocesadores, o PostCSS, ya que a este nivel es común que se genere código CSS a partir del código de Sass o código donde se usan las características más modernas de CSS, que están disponibles hoy gracias a CSS Next.

Una vez aprendido CSS te recomendamos asistir a los cursos avanzados de CSS donde se explican muchos temas importantes sobre organización y optimización (ver más adelante el listado de cursos). Pero sobre todo el curso más específico para arquitectura: curso de ITCSS. A veces nos preguntan sobre qué curso de CSS profesional podemos hacer, dado que tenemos varias propuestas en este sentido.

A veces depende de tu grado de formación y del profesor que más te atraiga. Uno bueno para empezar es el de "Fundamentos de CSS profesional", con Diana Aceves. Otro interesante es el de "Taller Práctico CSS profesional", con varios profesores. Estos dos cursos no tratan de arquitectura específicamente, pero sí te darán un conocimiento muy profundo de CSS y te introducirán muchas de las prácticas de los arquitectos en CSS. Luego, te recomendamos asistir al curso de ITCSS, que sí es muy específico sobre convenciones y arquitectura para las hojas de estilo en cascada.

Conocimientos necesarios

Antes de comenzar el estudio de Arquitectura CSS te recomendamos dominar otras materias más básicas, también disponibles en EscuelaIT:

Taller Práctico CSS profesional
11 clases 21 Horas y 19 min horas
Aprende paso a paso y desde 0 la forma de crear código CSS que puedas implementar rápidamente para desarrollar tus ideas y proyectos.
Curso de Fundamentos CSS Profesional
11 clases 24 Horas y 45 min horas
Bases y práctica para manejar un CSS moderno y entender su comportamiento.
Taller de Optimización CSS
4 clases 6 Horas y 25 min horas
Técnicas avanzadas para sacar el máximo provecho profesional de las Hojas de Estilo en Cascada
Curso de Arquitectura Profesional CSS con ITCSS
5 clases 9 Horas y 32 min horas
Domina la arquitectura de tus hojas de estilos y organiza el código CSS con una estructura profesional, moderna y escalable

¿Quieres especializarte en Arquitectura CSS?

Accede a todos los cursos de EscuelaIT que te permitirán dominar ésta y muchas otras materias, con tarifa plana.

Plan anual

25 €/mes*
* En un único pago de 299€

Plan mensual

29 €/mes*
* Pago cada mes sin permanencia

¿Tienes alguna duda?

¿Todavía no tienes claras las mecánicas y ventajas de EscuelaIT?
¿Tienes alguna necesidad especial que quieras solicitarnos?
¿Podemos ayudarte de alguna otra manera?

No dejes de darle un vistazo a las preguntas frecuentes o FAQ y usa nuestros canales de comunicación para contactar con nosotros. Nuestro equipo de soporte estará encantado de atender cualquier consulta que tengas.