Base para una aplicación Angular

Tutorial Angular 1-Base

Vamos a crear una base sobre la que programar una aplicación Angular 6 profesional. Usaremos el CLI para generar una estructura sobre la que crecer. Será como una semilla para un desarrollo controlado.
La idea de árbol se usa en muchas analogías informáticas. La emplearemos en dos conceptos básicos en Angular: los módulos y los componentes.

Leer más

CompartirComentarios

Hola Angular CLI

Tutorial Angular 0-CLI

Angular en su versión 6 es la plataforma perfecta para el desarrollo profesional de aplicaciones modernas. El CLI es la herramienta adecuada para generar aplicaciones Angular. Juntos son imbatibles en cuanto a velocidad en desarrollo y a potencia en ejecución.

Leer más

CompartirComentarios

Formularios reactivos con Angular

Tutorial Angular 8-reactive

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 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

CompartirComentarios

Vigilancia y seguridad en Angular

Tutorial Angular5 7-watch

La seguridad de los datos es una responsabilidad compartida entre el servidor y el cliente. En Angular usaremos los interceptores para detectar intrusos y enviar credenciales. La identificación de usuarios y el control de acceso es parte del trabajo de un desarrollador front-end.

Veremos nuevos usos de los observables y los servicios de la librería @angular/common/http con los que tratar con los tokens para comunicaciones seguras en Angular.

Leer más

CompartirComentarios

Comunicaciones http en Angular

Tutorial Angular5 6-http

Las comunicaciones http son una pieza fundamental del desarrollo web, y en Angular siempre han sido fáciles y potentes. ¿Siempre?, bueno cuando apareció Angular 2 echábamos en falta algunas cosillas. Pero con la versión actual consumir un servicio REST vuelve a ser cosa de niños.

Claro que para ello tendremos que jugar con los observables y los servicios de la librería @angular/common/http con los que realizar comunicaciones asíncronas en Angular.

Leer más

CompartirComentarios

Servicios inyectables en Angular

Tutorial Angular5 5-Inject

La presentación, la lógica y el manejo de datos son tres capas de abstracción que usamos los programadores para mantener organizado nuestro código. En Angular, la presentación es cosa de los componentes. La lógica y los datos tienen su lugar en servicios compartidos.

Para que los componentes consuman los servicios de forma controlada tenemos inyectables en la librería @angular/core con los que realizar la inyección de dependencias.

Leer más

CompartirComentarios

Flujo de datos entre componentes Angular

Tutorial Angular5 4-Flow

Los formularios profesionales son complejos y Angular ofrece soluciones de comunicación para pantallas complejas. Favorece la implementación de buenas prácticas mediante el desarrollo de componentes atómicos y reutilizables.

Pero comunicar componentes no es tarea fácil y puede generar código difícil de seguir. La librería @angular/forms ofrece tuberías de comunicación para mantener el flujo de datos bajo control.

Leer más

CompartirComentarios

Formularios, tablas y modelos de datos en Angular

Tutorial Angular5 3-Data

Las aplicaciones Angular son excelentes para el tratamiento de datos en el navegador. La recogida de información mediante formularios y la presentación de páginas dinámicas fue su razón de ser.

Vamos a ver cómo la librería @angular/forms enlaza las vistas, los controladores y los modelos y cómo se hace la presentación de datos en listas y tablas.

Leer más

CompartirComentarios

Páginas y rutas Angular SPA

Tutorial Angular5 2-SPA

Las aplicaciones Angular son conjuntos de páginas enrutadas en el propio navegador. Son las conocidas SPA, Single Page Applications. Estas apps liberan al servidor de una parte del trabajo, reducen la cantidad de llamadas y mejoran la percepción de velocidad del usuario.

Seguimos usando el concepto de árbol, ahora como analogía de las rutas y las vistas asociadas. Algo que se consigue fácilmente con @angular/router el enrutador de Angular.

Leer más

CompartirComentarios

TypeScript, programa en el front igual que en el back

Hasta hace bien poco había dos mundos en la programación casi enfrentados: el desarrollo back end y el front end. El primero era el de los programadores de verdad, con lenguajes serios y patrones de diseño. El último era el universo de los diseñadores, con lenguajes de segundo nivel y micro scripts o código espagueti descontrolado.

Leer más

CompartirComentarios