EL GRAN LIBRO DE ANGULAR

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
053: Servicios: Gestión asíncrona con observables (Librería RxJs) (parte II)....... 210
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

Angular es el framework que te permitirá desarrollar y mantener aplicaciones web del lado cliente (FronEnd). Podrás crear aplicaciones Single-Page Application (SPA) con las que conseguirás una experiencia de usuario tan fluida como cualquier aplicación de escritorio. Este libro presenta en 100 ejercicios prácticos todos los elementos (módulos, componentes, servicios, etc.) y apartados a considerar cuando te dispones a desarrollar aplicaciones con Angular. Asimismo, refuerza e introduce otros temas que participan activamente en el mundo del desarrollo web: Ejercicios sobre CSS, HTML, JSON y jQuery. Desarrollo de una aplicación MEAN completa, con su backend (Express) y frontend (Angular), que te permitirá el mantenimiento de una tabla de base de datos MongoDB. Explicación del trabajo con Bootstrap para que puedas realizar aplicaciones vistosas con muy poco esfuerzo y aprovechar un buen número de recursos ya ofrecidos por este framework complementario. Además, en la parte inferior de la primera página del libro encontrarás el código de acceso que te permitirá acceder de forma gratuita a los contenidos adicionales del libro en www.marcombo.info. Con Angular conseguirás un trabajo ordenado y escalable, pues favorece el uso del patrón de arquitectura MVC (Modelo Vista Controlador). Incluso, gracias a TypeScript, podrás realizar una programación orientada a objetos similar a la que harías con otros lenguajes de programación como Java o C#. Si quieres disponer de una buena base para seguir profundizando en el inmenso mundo de la programación web, ¡aventúrate a entrar en El gran libro de Angular!