Archivo de la categoría: Angular

Comparativa de Frameworks Front-End con pruebas de rendimiento

Este artículo es una actualización de Comparativa de Frameworks Front-End con pruebas de rendimiento (en inglés) de diciembre de 2017. En esta comparativa, mostraremos como diferentes implementaciones de aplicaciones casi idénticas de ejemplo para el mundo real se comparan entre sí. La aplicación para el mundo real nos da: Aplicación… Leer más »

Angular 2/5 – Notificaciones de alerta (Toaster)

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

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 »

Tutorial Angular – 8. HTTP

      2 comentarios en Tutorial Angular – 8. HTTP

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 »

Tutorial Angular – 6. Servicios

      No hay comentarios en Tutorial Angular – 6. Servicios

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 »

Tutorial Angular – 5. Componentes Maestro/Detalle

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 »

Tutorial Angular – 4. Mostrando una Lista

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 »

Tutorial Angular – 3. El editor de Héroes

El editor de Héroes La aplicación ya tiene su título.  Ahora crearemos un nuevo componente para mostrar la información del héroe y colocaremos dicho componente en el caparazón de la aplicación. Crea el componente heroes Usando el CLI de Angular, generamos un nuevo componente llamado heroes.

CLI crea una… Leer más »

Tutorial Angular – 2. El caparazón (shell) de aplicación

El caparazón de aplicación Instala el CLI de Angular (interfaz de línea de comandos) Instala el CLI de Angular, si todavía no lo has hecho

Crea una nueva aplicación Crea un nuevo proyecto llamado angular-tour-of-heroes con este comando de CLI

El CLI de Angular ha generado un nuevo… Leer más »