¿Qué es Vue.js? Vue (pronunciado /vjuː/) es un framework progresivo para construir interfaces de usuario. A diferencia de otros frameworks monolíticos, Vue está diseñado desde la base para poder adoptarse de forma incremental. La librería principal se centra sólo en la capa de visualización, y es fácil añadir e integrar… Leer más »
Google publica una guía de estilo JavaScript. Aquí las lecciones clave Para todos aquellos que no lo sepáis, Google publica una guía de estilo (en inglés) para JavaScript que muestra las mejores (en opinión de Google) prácticas para escribir código limpio y comprensible. No son reglas estrictas para escribir código… Leer más »
No temas al rebase El comando rebase de GIT es una fuente de miedos y confusión para los usuarios de GIT, especialmente para aquellos que viene de un sistema de control de versiones más centralizado. Es normal. Rebase es una bestia mágica y extraña que acaba de llegar y cambia… Leer más »
Los mensajes de alerta (también conocidos como toaster) son un requisito muy común en aplicaciones web para mostrar notificaciones de estado al usuario. Estos mensajes pueden ser errores, mensajes de éxito, avisos o información general. Este tutorial nos muestra como implementar un servicio y un componente de notificaciones toaster sencillo… Leer más »
Gestión de estado en aplicaciones Angular 2 Gestionar el estado de una aplicación es complicado. Necesitamos coordinación en múltiples frontales (backend), web workers y componentes IU. Patrones como Redux y Flux se diseñaron para resolver este problema haciendo la coordinación más explícita. En este artículo, te mostraremos como implementar un… Leer más »
HTTP En este tutorial añadiremos las siguientes características sobre persistencia de datos, con la ayuda de HttpClient de Angular. HeroService obtendrá datos mediante peticiones HTTP. Los usuarios podrán añadir, editar y borrar héroes y guardar estos cambios por HTTP. Los usuarios podrán buscar héroes por nombre. Cuando hayas terminado con… Leer más »
Enrutamiento Hemos recibido nuevos requisitos para nuestra aplicación Tour de Héroes. Añadir un Cuadro de Mandos (dashboard). Añadir la posibilidad de navegar entre el Cuadro de Mandos y la página de los héroes. Cuando un usuario haga clic en cualquiera de las dos vistas, navegar a una vista de detalles… Leer más »
Servicios El componente HeroesComponent de Tour de Héroes actualmente obtiene y muestra datos simulados. Después de la refactorización de este tutorial, HeroesComponent estará enfocado en dar soporte a la vista. Además, esto facilitará los tests unitarios a través de un servicio simulado (mock). ¿Por qué servicios? Los componentes no debería… Leer más »
Componentes Maestro/Detalle Por el momento, HeroesComponent muestra tanto la lista de héroes como los detalles del héroe seleccionado. Mantener todas las características en un sólo componente a medida que la aplicación crece no sería fácil de mantener. Es mejor dividir los componentes grandes en sub-componentes de menor tamaño, cada uno… Leer más »
Mostrar un listado de Héroes En esta página, ampliaremos la aplicación Tour de Héroes para que muestre un listado de héroes y permita que los usuarios seleccionen un héroe, mostrándose su detalle. Crear héroes de prueba Vamos a necesitar algunos héroes que mostrar. En una versión final, los obtendremos de… Leer más »