Frontend

Como desarrolladores de software, nos solemos enfrentar con decisiones en nuestros proyectos que afectarán a toda la arquitectura de estos de una u otra manera. Una de las decisiones principales que deben de tomarse en el planteamiento de un proyecto web es dónde implementar la lógica y el renderizado del frontend. Esta decisión puede no […]

Esta semana hemos tenido un problema al desplegar nuestra aplicación NextJS y este post es para contar nuestro aprendizaje. Cuando la infraestructura estaba lista y desplegamos nuestro frontend, nos dimos cuenta que había un raro cuándo se servía nuestra aplicación al navegador, devolviendo algunos 404 aleatorios bajo la ruta /.next/static/*. Enseguida nos dimos cuentas que […]

El ecosistema de frameworks Javascript siempre ha sido una lucha entre tecnologías que han crecido en popularidad y luego han aparecido nuevas, relegando a las anteriores. La popularidad y el hype de la comunidad se centran en el nuevo framework de moda. Desde el año pasado existe una gran popularidad con el framework Vue.js y […]

Un artículo más dedicado al mundo de los componentes. Vamos a descubrir un tipo de herramienta que permitirá arquitecturizar el ecosistema de componentes de tus proyectos frontend:  UI Component Explorer. El uso de componentes a la hora de crear interfaces de usuarios web nos permite crear aplicaciones reusables, predecibles y modulares. Este tipo de aproximación puede […]

El concepto de componente es algo bastante sencillo de entender, básicamente  se trata de un elemento software visual que tiene su propio estado, recibe unas propiedades e implementa su propia lógica de renderizado. Pero…  ¿todos los componentes son iguales? ¿Podemos jerarquizarlos o diferenciar en tipos de componentes? Este articulo trata de ser un recorrido por los […]

Desde que empecé a estudiar informática (hace ya unos años), he podido comprobar que camuflado con distintos nombres, el software persigue un diseño guiado por componentes. Hoy en día lo podemos comprobar en las tendencias tecnológicas que se utilizan en miles de proyectos: Microservicios, Atomic Web Design, Frameworks SPA basados en componentes, la orientación a objetos, […]

Actualmente el desarrollo web se está guiando por dos arquitecturas básicas: SPA o MPA. El enfoque clásico es aquel en el que los clientes solicitan páginas y el servidor las construye en cada petición.  Este enfoque es denominado por muchos muchos como “Page Redraw” o “Multipage Application”. Aunque hoy en día, también estas webs con este enfoque tienden a […]

Tras tanto tiempo de inactividad vuelvo con nuevo contenido, esta vez acerca del framework javascript AngularJS. En concreto voy a describir como funciona su servicio http para comunicarnos  con un backend en una webapp js y como se implementan inteceptores para poder introducirnos en la comunicación con el servidor pudiendo modificar tanto peticiones como respuestas. […]

El objetivo de este artículo es el de conocer la arquitectura básica para el manejo remoto móvil de una web desde un dispositivo móvil. El objetivo es poder comunicarse y ejecutar acciones en una web desde una aplicación web móvil.  Para definir esta arquitectura nos vamos a basar en la magia de nodejs, del cual ya […]

Vuelvo con un post dedicado a los mapas y a la geolocalización HTML5. En el post de hoy os presento un ejemplo sencillo de un mapa customizado y de como manejar proximidad con la localización obtenida del cliente gracias a la API HTML5 para geolocalización. En una de los proyectos para la que estoy desarrollando recibo […]