El rol de la arquitectura semántica en el desarrollo Front End
La tecnología avanza rápidamente, desafiando a usuarios y desarrolladores. Precisamente, para ellos, es clave implementar la semántica durante el desarrollo Front End. A continuación, revisaremos algunos aspectos que debemos considerar.
Llevar adelante un proyecto digital es una tarea desafiante para cualquier equipo de trabajo. Requiere abordar diversas dimensiones y analizar múltiples soluciones para los problemas que aparecen durante el desarrollo.
Aquellos elementos, entre otra características, deben ser capaces de contener un rango específico de diferentes tipos de contenidos.
Reutilización y componentes combinables en Front End
De ser necesario, el añadir elementos HTML extra permitirá construir un componente mucho más robusto, como se abordan en la actualidad en los denominados objetos media .
Estructuración de nombres de clases
Al crear componentes o plantillas construidas a costa de estos, alguna clases son usadas como barreras e incluso modificadores. Otras, en algunas oportunidades permiten asociar una colección de nodos del DOM en un componente abstracto mucho mayor.
Usar patrones de nombres, según metodologías y librerías como BEM , Montage o SuitCSS , permite crear componentes escalables, flexibles y semánticos. Su funcionamiento se basa, por lo tanto, en la capacidad de añadir o remover nombres de clases.
Contexto de la semántica en la actualidad
La experiencia de muchos desarrolladores es la base para entender cómo implementar la semántica en el desarrollo Front End. A través de los años, su implementación ha dado un vuelco sobre cómo afrontar la construcción de grandes proyectos digitales,
Hoy la búsqueda de nuevas técnicas y metodologías han permitido obtener alternativas a antiguas prácticas. En paralelo, permite mejorar la manipulación de diversos componentes y mejorar la manera en que manejamos componentes en ambientes mayores.
Cuando se busca reducir la cantidad de tiempo escribiendo lineas de CSS, utilicen un tiempo en modificar las clases constructoras de HTML. Aquella práctica termina siendo más práctico tanto para el Front End como Back End.
Originally published at https://blog.ida.cl on August 22, 2017.
