MIQUEL BOADA ORIOLS Y JUAN ANTONIO GÓMEZ GUTIÉRREZ
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.