ITeC
ITeC - Instituto de Tecnología de la Construcción es una entidad que se dedica a la investigación, desarrollo y promoción de tecnologías avanzadas en el sector de la construcción.
Desde Barcelona, ITEC ofrece soluciones innovadoras para la gestión de proyectos, presupuestos y gastos en la construcción, contribuyendo significativamente a la eficiencia y sostenibilidad del sector.
ITeC necesitaba migrar su aplicación existente para la generación y gestión de presupuestos y gastos, desarrollada en Angular 1.4.9, a la versión más reciente de Angular 17. Esto implicaba no solo la actualización tecnológica, sino también la adaptación a los últimos cambios y mejoras introducidas en Angular 17.
Angular 17 introduce mejoras significativas como el soporte para componentes standalone, la integración con Vite para un desarrollo más rápido, un mejor control de flujo y la introducción de Signals para una gestión más eficiente del estado. Además, incluye una nueva imagen corporativa que refleja su evolución y modernización.
Estrategia
Para abordar este proyecto, nuestro equipo planteó la siguiente estrategia:
Análisis y planificación: Realizamos un análisis exhaustivo de la aplicación existente para identificar las áreas clave que requerían actualización y adaptación a Angular 17.
Diseño de la arquitectura: Diseñamos una nueva arquitectura de la aplicación, asegurándonos de que fuera modular y escalable para facilitar futuras actualizaciones y mantenimientos.
Desarrollo de componentes: Implementamos los componentes utilizando Angular Material para los elementos de la interfaz, integrando Tailwind CSS para una personalización más flexible y moderna de los estilos.
Formación del personal: Creamos directrices detalladas, documentación y formaciones a medida para que el personal de ITEC pudiera continuar con el desarrollo de las secciones restantes de la aplicación, asegurando la coherencia en estilos y componentes.
Desafíos Técnicos
Adaptación a Angular 17: La migración desde Angular 1.4.9 a Angular 17 presentó varios desafíos técnicos, incluyendo cambios significativos en la estructura y funcionamiento del framework. Nuestro equipo tuvo que adaptar y reescribir gran parte del código para aprovechar las nuevas funcionalidades y mejoras de Angular 17.
Integración de Angular Material y Tailwind CSS: La combinación de Angular Material para los componentes de la interfaz y Tailwind CSS para los estilos requirió una planificación cuidadosa para asegurar una integración fluida y coherente.
Modularización y escalabilidad: Asegurar que la nueva arquitectura fuera modular y escalable fue crucial para permitir que el personal de ITEC pudiera continuar con el desarrollo de manera eficiente y sin problemas.
La migración a Angular 17 permitió a ITeC beneficiarse de las últimas mejoras tecnológicas, aumentando la eficiencia y escalabilidad de su aplicación. La integración de Angular Material y Tailwind CSS proporcionó una interfaz moderna y coherente, mientras que las directrices y documentación creadas aseguraron una transición suave para el equipo interno.
Hemos estado trabajando con Angular desde su primera versión. Nuestra amplia experiencia usando Angular en entornos productivos para grandes corporaciones nos da una clara ventaja sobre otros proveedores: conocemos el marco al dedillo, como si lo hubiéramos inventado. Sin embargo, si no estás familiarizado con Angular y/o programación reactiva, o no estás construyendo una solución empresarial, su curva pronunciada podría ser demasiado excesiva para tu proyecto.
