EL GRAN LIBRO DE ANGULAR

Este libro, titulado El gran libro de Angular, nos orienta sobre la plataforma así denominada que permite desarrollar aplicaciones web en la sección cliente, utilizando HTML y JavaScript. Dicho framework está enfocado principalmente a las aplicaciones web de tipo single-page application (SPA) debido a las ventajas que aportan respecto a otras soluciones, así como a la gran inversión que están haciendo las principales empresas tecnológicas para desarrollarlas. El lector se encontrará introducciones tanto para SPA como para Angular, además del proceso para su instalación, la definición de elementos en una aplicación en un componente y qué es un Metadata y un manual de Hola Mundo. Se conocerán también los distintos módulos, componentes, Pipes, librerías, modelado de datos, data binding, routing, servicios y conceptos de lenguajes complementarios. Este libro está dirigido a todos aquellos estudiantes que buscan desarrollar aplicaciones por medio de Angular, por lo que estarán apoyados por 100 ejercicios prácticos ilustrados para seguir paso a paso cada procedimiento. Además de ello, en el interior se podrán encontrar indicaciones que permitan acceder de forma gratuita a los contenidos adicionales del libro que representa una excelente forma de profundizar en el inmenso mundo de la programación.

VENTAJAS

• Analiza con detalle en qué consisten las aplicaciones SPA.

• Incluye gráficos de comprensión fácil y sencilla que sirven de apoyo al lector.

• Existen 100 ejercicios prácticos que el lector podrá desarrollar.

CONOZCA

• Las variables, clases y transpilación de TypeScript.

• Definiciones de elementos de una aplicación como módulo, componente, template, metadatos, etc.

• En qué consiste un Metadata y la definición de su comportamiento con el elemento asociado.

APRENDA

• A realizar aplicaciones vistosas con Boopstrap.

• Sobre el mantenimiento de una tabla de base de datos MongoDB a través del desarrollo de una aplicación MEAN completa.

• A analizar la estructura de una aplicación y crear un proyecto.

DESARROLLE SUS HABILIDADES PARA

• Añadirle módulos y analizar la estructura asociada a una aplicación.

• Definir el style usando el campo de los metadatos o mediante el empleo de una referencia o fichero.

• Fabricar una aplicación que nos permita mostrar una página sencilla.

A QUIÉN VA DIRIGIDO

Este libro está dirigido a todo público interesado en iniciarse en Angular para mantener aplicaciones web del lado del cliente.

001: Introducción………………………………………………………………………………. 12
002: Introducción a las aplicaciones SPA ………………………………………………… 14
003: Breve historia de Angular……………………………………………………………… 17
004: Instalación …………………………………………………………………………………. 20
005: TypeScript. Introducción (variables, clases, transpilación, etc.)……………. 23
006: Definición de elementos en una aplicación ……………………………………… 26
007: Definición de un componente ………………………………………………………. 29
008: Metadata – definición…………………………………………………………………… 32
009: Hola Mundo (Manual) …………………………………………………………………. 36
ANGULAR CLI
010: Comandos básicos. Hola Mundo (Angular CLI)………………………………… 39
011: Elementos que se pueden crear con Angular CLI
(Component, Directive, etc.) ………………………………………………………… 43
CONOCER ANGULAR
012: Descripción de un proyecto………………………………………………………….. 47
MÓDULOS
013: Módulos: Creación ……………………………………………………………………… 50
014: Módulos: RootModule …………………………………………………………………. 54
COMPONENTES
015: Componentes: Creación ………………………………………………………………. 57
016: Componentes: Template inline ……………………………………………………… 62
017: Componentes: Styles inline…………………………………………………………… 66
018: Componentes: Propiedades………………………………………………………….. 69
019: Componentes: Test Unitarios………………………………………………………… 73
020: Decoradores………………………………………………………………………………. 77
021: Comunicación entre componentes………………………………………………… 82
022: Componentes: Ciclo de vida (Lifecycle hooks) …………………………………. 87
DIRECTIVAS
023: Directivas: Definición…………………………………………………………………… 92
024: Directivas: ngIf……………………………………………………………………………. 96

025: Directivas: ngFor…………………………………………………………………………. 100
026: Directivas: ngSwitch ……………………………………………………………………. 104
027: Directivas: ngModel…………………………………………………………………….. 108
028: Directivas: ngStyle ………………………………………………………………………. 112
029: Directivas: Mezcla……………………………………………………………………….. 117
PIPES
030: Pipes: Uso, parametrización y encadenamientos ………………………………. 121
031: Pipes: DatePipe, UpperCasePipe y LowerCasePipe…………………………….. 125
032: Pipes: DecimalPipe, CurrencyPipe y PercentPipe ………………………………. 128
033: Pipes: Pipes personalizados…………………………………………………………… 132
034: Pipes: Puros e impuros…………………………………………………………………. 136
035: Pipes: AsyncPipe …………………………………………………………………………. 140
036: Pipes: JsonPipe……………………………………………………………………………. 144
MODELADO DE DATOS
037: Modelos de datos y mock data (datos simulados) (parte I)…………………. 148
038: Modelos de datos y mock data (datos simulados) (parte II)………………… 151
LIBRERÍAS
039: Librerías. Enumeración de librerías…………………………………………………. 155
DATA BINDING
040: One Way Data Binding (hacia el DOM): Interpolación, Property Binding
y Class Binding …………………………………………………………………………… 160
041: One Way Data Binding (desde el DOM): Event Binding y $event………… 164
042: Two Way Data Binding (hacia-desde el DOM): FormsModule
y [(ngModel)] …………………………………………………………………………….. 167
ROUTING
043: Routing: Introducción y configuración básica (parte I) ………………………. 170
044: Routing: Introducción y configuración básica (parte II) ……………………… 174
045: Routing: RouterLinks……………………………………………………………………. 178
046: Routing: Rutas con parámetros y ActivatedRoute ……………………………… 182
047: Routing: child routes …………………………………………………………………… 186
SERVICIOS
048: Inyección de dependencias (DI)…………………………………………………….. 190
049: Servicios: Definición y uso mediante la inyección de dependencias
(parte I) …………………………………………………………………………………….. 194
050: Servicios: Definición y uso mediante inyección de dependencias
(parte II) ……………………………………………………………………………………. 197
051: Servicios: Gestión asíncrona con promesas………………………………………. 202
052: Servicios: Gestión asíncrona con observables (Librería RxJs) (parte I)……. 206

HTTP CLIENT
054: HttpClient: Introducción e instalación…………………………………………….. 214
055: HttpClient: Operaciones Get y Post………………………………………………… 218
056: HttpClient: Operaciones put, patch y delete ……………………………………. 222
057: HttpClient: Configuraciones adicionales sobre las peticiones HTTP………. 226
058: HttpClient: Gestión de respuestas y errores de peticiones HTTP ………….. 230
059: HttpClient: Intercepción de peticiones y respuestas ………………………….. 234
060: HttpClient: Combinación y sincronización de peticiones HTTP. Eventos
de progreso ……………………………………………………………………………….. 238
FORMS
061: Forms: Introducción…………………………………………………………………….. 242
062: Forms: Obtención de valores ………………………………………………………… 247
063: Forms: Estado de los objetos…………………………………………………………. 253
064: Forms: Validaciones …………………………………………………………………….. 258
065: Forms: Validaciones personalizadas………………………………………………… 264
066: Forms: Reactive…………………………………………………………………………… 268
067: Forms: Reactive validaciones…………………………………………………………. 274
068: Forms: Reactive validaciones personalizadas…………………………………….. 280
069: Forms: LocalStorage ……………………………………………………………………. 286
MEAN STACK
070: MEAN: Desarrollos con MongoDB, Express, Angular y Node.js …………… 291
071: MEAN: Creación de la aplicación Express………………………………………… 294
072: MEAN: Instalación y configuración de MongoDB……………………………… 298
073: MEAN: Creación de la API Restful (parte I) ………………………………………. 302
074: MEAN: Creación de la API Restful (parte II) ……………………………………… 308
075: MEAN: Desarrollo de componentes y rutas de la aplicación Angular ……. 313
076: MEAN: Desarrollo de la operativa “Lectura de tareas”……………………….. 317
077: MEAN: Desarrollo de las operativas “creación, modificación
y eliminación de tareas” (parte I) …………………………………………………… 321
078: MEAN: Desarrollo de las operativas “creación, modificación
y eliminación de tareas” (parte II) ………………………………………………….. 325
CONCEPTOS SOBRE LENGUAJES COMPLEMENTARIOS
079: CSS: Introducción (parte 1) ………………………………………………………….. 329
080: CSS: Introducción (parte 2) ………………………………………………………….. 335
081: HTML ……………………………………………………………………………………….. 341
082: JSON ………………………………………………………………………………………… 346

HERRAMIENTAS INDIRECTAS
083: Google: Herramientas de desarrollador…………………………………………… 352
084: Control de versiones Git: Instalación, configuración y uso………………….. 357
085: jQuery: Parte I ……………………………………………………………………………. 362
086: jQuery: Parte II……………………………………………………………………………. 367
BOOTSTRAP
087: Bootstrap: Introducción ……………………………………………………………….. 372
088: Bootstrap: Layout. El sistema Grid………………………………………………….. 377
089: Bootstrap: Tables ………………………………………………………………………… 381
090: Bootstrap: Alerts …………………………………………………………………………. 386
091: Bootstrap: Buttons y ButtonGroups………………………………………………… 391
092: Bootstrap: Cards…………………………………………………………………………. 401
093: Bootstrap: Instalación local …………………………………………………………… 407
094: Bootstrap: Carousel …………………………………………………………………….. 413
095: Bootstrap: Collapse……………………………………………………………………… 420
096: Bootstrap: Dropdowns…………………………………………………………………. 425
097: Bootstrap: Forms ………………………………………………………………………… 430
098: Bootstrap: List group …………………………………………………………………… 437
099: Bootstrap: Navbar……………………………………………………………………….. 442
100: Bootstrap: Progress……………………………………………………………………… 448