Introducción a Angular en momentos de cambio
1. Introducción Angular está en un momento de cambio. Desde hace algunas versiones se están introduciendo muchos cambios. Mientras escribía este artículo ha salido la versión 18. Quien ya tenga las bases de Angular puede ir asumiendo todos los cambios poco a poco mientras van saliendo. Pero a quien le toque aprender Angular desde cero […]
Road to Angular Next: Creación proyecto Angular 17
En este artículo, exploraremos la creación de cero de un proyecto de Angular con SSR y veremos qué configuraciones nuevas nos trae. En el siguiente tutorial veremos cómo mejorar la configuración por defecto y añadir otras herramientas de desarrollo. Creación proyecto El primer paso va a ser crear un proyecto de Angular de cero, usando […]
Microfrontends con single-spa
Índice de contenidos Introducción ¿Qué son los microfrontends? Arquitectura microfrontend Caso práctico Conclusión Introducción En este tutorial aprenderás que son los microfrontends y que beneficios nos aportan. Además veremos un caso práctico utilizando el framework single-spa, el cual nos aporta ciertas facilidades para desarrollar nuestra aplicación utilizando microfontends. ¿Qué son los microfrontends? ? La arquitectura […]
Introducción a Signals en Angular 16
Índice de contenidos Introducción ¿Cómo funciona la detección de cambios ahora mismo en Angular? ¿Qué son los Signals? ¿Cómo nos ayudan los Signals en todo esto? ¿Cómo se crea un Signal? Pero, ¿y esto nos es lo mismo que un BehaviorSubject? Conclusión Introducción Mi intención con este tutorial es hacer una pequeña introducción a los […]
Despliegue continuo de tu web con Netlify
Índice de contenidos Introducción. Objetivo. Entorno Creando el proyecto web. Despliegue continuo. Otras configuraciones. Conclusiones. Introducción Netlify es una plataforma que nace para automatizar proyectos webs estáticos. Aúna las tareas de integración continua y despliegue de infraestructura web en un solo flujo de ejecución. El desarrollo web se caracteriza por, entre otras cosas, el cambio […]
El Juego de la Vida con Angular, React y TypeScript
Puedes ver todos los tutoriales del Juego de la vida aquí: Tutoriales Juego de la vida. ¿Cuáles son las reglas del juego? El juego consiste en una cuadrícula de células. Cada célula tiene 8 vecinos, en el lateral, vertical y diagonales. Las células siguen ciertas normas: Si la célula está viva: Y tiene menos de […]
Implementando un registro remoto de logs con Angular
Si estás desarrollando una aplicación con Angular y quieres hacer un registro remoto de los logs para que sean explotados por un sistema BELK, este es tu tutorial.
Cómo implementar infinite scroll en Angular
El llamado infinite scroll en Angular (y en cualquier otro ámbito/lenguaje) hace referencia a poder deslizarnos por una ventana, generalmente hacia abajo, sin necesidad de interactuar con elementos de paginación y navegación. Es muy utilizado, por ejemplo, en redes sociales como Twitter o Instagram, donde se observa claramente que el contenido se va cargando mientras […]
Gestión del estado en Angular con Akita
En este tutorial vemos una alternativa a NgRx para el manejo del estado de nuestras grandes aplicaciones Angular más familiar para desarrolladores de POO.
Test E2E en Angular con Cypress
En este tutorial vamos a hablar de cómo hacer uso de Cypress para la implementación de los tests E2E con Angular en vez de utilizar Protractor