Sobre el autor
Agradecimientos
Ejemplos
Prefacio
- ¿Por qué Angular?
- Características
- Requisitos
- ¿Qué voy a aprender?
Typescript
- Puesta en marcha
- Definir variables
- Tipos de variables
- Convertir tipos de variables
Clases
- Herencia
- Ámbito
- Funciones flecha
Hola mundo
- Estructura de un proyecto en Angular
- Editar el componente raíz
Directivas
- Directivas estructurales
- ng-container y ng-template
- Directivas de atributo
- Creando nuestra propia directivas
Binding
- Enlace de interpolación
- Enlace de propiedad
- Enlace de evento
- Enlace bidireccional (Two way data binding)
Pipes
- Pipes personalizados
- Pro tip ngFor con pipe keyvalue
Componentes
- Selectores
- Comunicación entre componentes
- Slots (más de uno)
- Encapsulación de estilos en Componentes (ViewEncapsulation)
- Acceder a elementos del HTML
- Ciclo de vida de los componentes
- Estrategias de detección de cambios
Formularios
- Formularios Template-Driven
- Formularios Reactivos o Data-Driven
- Ejemplo Formulario Template-Driven
- Validaciones
- Ejemplo Formulario reactivo
Routing
- Navegar por el routing mediante código
- Recibir parámetros de la ruta en un componente
- Guards
Servicios
- Interceptors
- Llamadas a la API
Estilo
- Material
- Bootstrap 5
- Dando algo de estilo a nuestra web/app
Fin del proyecto
Errores / Debuging
- Errores de ng-CLI más comunes
Introducción a Testing en Angular
Angular Universal o Server Side Rendering (SSR)
- Ventajas Angular Universal
- Instalación Universal
- Ejecutar servidor
- Importante
- Recomendación personal: Nest.js
- Observaciones
Progresive web app (PWA) (Service workers)
- Estrategia de cacheo para API
- Pro-tip
RXjs
- Promesas VS observables
- Creacion de Observables
- Operadores básicos:
- Subject y BehaviorSubject