Tests unitarios con Jest y e2e con Cypress en Angular

tests-unitarios-con-jest-y-e2e-con-cypress-en-Angular

Continuamos este tutorial de Angular Avanzado con el tema controvertido del testing. Sí, ya sé que todos deberíamos hacerlo siempre, pero también sé que no es cierto. Así que vamos a ponerle remedio eliminando excusas y facilitando las pruebas automatizadas.

Por si hace falta su defensa: Las pruebas automáticas de código son la principal técnica de reducción de bugs y garantizan el buen funcionamiento durante un refactoring. Bueno para el usuario bueno para el programador.

Los desarrollos que hoy en día hacemos con Angular suelen ser de tamaño medio o grande y con una esperanza de vida y mantenimiento que se mide en años. Así que cuantas más pruebas tengamos menos miedo tendremos a cambiar el código. Y la necesidad de cambio siempre estará ahí. Veremos como Jest y Cypress nos ayudan muchísimo en la tarea.

Leer más

Compartir

Nx, mono repositorios en Angular

nx-mono-repositorios-en-Angular

Empiezo este tutorial de Angular Avanzado con la frase con la que acabé un artículo de opinión sobre arquitectura de software acerca de Angular para grandes aplicaciones.

Angular y las decisiones de diseño que le acompañan tienen como objetivo facilitar el desarrollo y mantenimiento a medio y largo plazo de aplicaciones web no triviales.

Las empresas de desarrollo y los clientes finales que escogen Angular, suelen ser de tamaño medio o grande. Cuanto mayor sea el problema más destaca este framework. Y tarde o temprano esos grandes proyectos necesitarán compartir o reutilizar código. La herramienta Nx de Nrwl ayuda en esa tarea facilitando la creación de espacios de trabajo multi proyecto: los mono repositorios.

Leer más

Compartir

Material Design y CLI de Angular

Material-Design-y-CLI-de-Angular

El ecosistema de Angular está repleto de librerías para desarrolladores profesionales. Algunas hacen uso de los schematics, y entre ellas destaca Angular Material. Esta implementación de la casa de la guía de diseño Material Design de Google usa las capacidades de estas plantillas del CLI que permiten agregar librerías y generar código.

Un programador Angular debe dominar el CLI y debe conocer los beneficios que aporta un repositorio de multi-proyecto. Hay escenarios complejos muy adecuaos para estos mono-repos. Pero con el CLI es muy sencillo crear y usar nuevas aplicaciones dentro de un repositorio.

Leer más

Compartir

Formularios reactivos con Angular

formularios-reactivos-con-Angular

El doble enlace automático entre elementos html y propiedades de objetos fue el primer gran éxito de Angular. Ese doble-binding facilita mucho el desarrollo de formularios. Pero esa magia tienen un coste en escalabilidad; impacta en el tiempo de ejecución y además dificulta la validación y el mantenimiento de formularios complejos.

La solución en Angular 8 pasa por desacoplar el modelo y la vista, introduciendo una capa que gestione ese doble enlace. Los servicios y directivas del módulo ReactiveFormsModule que viene en la librería @angular/forms permiten programar formularios reactivos conducidos por el código.

Leer más

Compartir

Vigilancia y seguridad en Angular

vigilancia-y-seguridad-en-Angular

La vigilancia de los datos y la información en tiempo real al usuario son dos pilares del desarrollo con Angular en el lado del navegador. La seguridad de los datos realmente es una responsabilidad compartida entre el servidor y el cliente.

Veremos ambos aspectos del desarrollo, pues están muy relacionados con la programación asíncrona y el dominio de los observables. Sentaremos las bases para unas comunicaciones seguras y fluidas en Angular.

Leer más

Compartir