Contenido del curso
Introducción a Angular 4
Setup del Ambiente de Trabajo
Conceptos Básicos
- 9

Para qué nos sirven los Módulos y Componentes
08:10 min - 10

Tipos de Data Binding y String Interpolation
05:05 min - 11

Property Binding
06:04 min - 12

Event Binding
03:04 min - 13

ngModel y two way binding en Angular
05:12 min - 14

Directivas en Angular 4 y ngFor
07:39 min - 15

Cómo usar ngIf en Angular 4.0
03:04 min - 16

Instalando librerías con NPM (Google Maps)
06:48 min
Directivas
Angular UI
Ruteo
- 24

Qué hace el router en Angular 4
03:11 min - 25

Implementación de Rutas en el Proyecto
07:36 min - 26

Href vs router link: navegación angular
02:27 min - 27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
01:53 min - 28

Parámetros de ruta con routerLink en Angular
06:01 min - 29

Parámetros tipo Query
03:53 min - 30

Creando una vista de detalle para el proyecto
09:06 min - 31

Página de contacto Angular desde cero
07:45 min
Servicios
- 32

Servicios en Angular para compartir datos
00:58 min - 33

Creando nuestro propio servicio
07:11 min - 34

Configurando Firebase en nuestro proyecto
05:12 min - 35

Guardando Records en Firebase
12:20 min - 36

Obteniendo records desde Firebase
08:40 min - 37

Obteniendo coordenadas usando Geocoding
13:45 min - 38

Reto: Crear una vista para editar records
09:29 min - 39

Mostrando marcadores en el Mapa de Google
03:02 min
Conexión Remota (Http y Sockets)
Pipes
Animaciones en Angular
Testing en Angular
Autenticación y Protección de Rutas
- 59

Cómo funcionan los JSON Web Tokens
03:05 min - 60

Preparación de vistas para login y registro
11:58 min - 61

Registrando usuarios
07:29 min - 62

Loggeando usuarios
07:18 min - 63

Guardias canActivate en Angular: Proteger rutas con autenticación
11:09 min - 64

Cómo integrar Facebook login con Firebase
09:08 min - 65

Logout en Angular con Firebase
05:28 min
RxJS
- 66

Cómo funciona RxJS con metáfora de oficina
02:09 min - 67

Mostrar email del usuario logueado en Angular
06:32 min - 68

Uso de los Observables
04:30 min - 69

Cómo implementar type ahead con Observables y RxJS
10:43 min - 70

Implementar formularios reactivos con type ahead
07:58 min - 71

Cómo rellenar campos automáticamente con Google
01:28 min
Publicando nuestro proyecto
Fin del curso
Sesiones en vivo
Contenido Bonus
Typescript: qué es
Resumen
Comprende cómo TypeScript se integra con JavaScript para desarrollar con confianza. Aquí verás por qué es un agregado que no reemplaza a JavaScript, qué aporta con tipos, clases e interfaces, y cómo la transpilación automática garantiza compatibilidad en los navegadores.
¿Qué es TypeScript y cómo se relaciona con JavaScript?
TypeScript es un superset de JavaScript. Esto significa que internamente está escrito en JavaScript y lo extiende con nuevas capacidades. Es un agregado, no un sustituto: hay tareas que TypeScript no puede hacer y que se complementan con JavaScript.
- Es un superset: extiende JavaScript con más características.
- Es un agregado que no reemplaza a JavaScript.
- Algunas tareas requieren complementarlo con JavaScript.
¿Qué aporta con tipos, clases e interfaces?
TypeScript agrega características que mejoran la claridad del código. De ahí su nombre: los tipos son protagonistas, junto con clases e interfaces, y más que se verán en ejemplos.
- Tipos: base del nombre de TypeScript.
- Clases: parte de las nuevas capacidades del lenguaje.
- Interfaces: incluidas entre las características adicionales.
¿Qué significa transpilar y por qué es necesario?
Transpilar es una especie de compilación: convierte el código de TypeScript a JavaScript. Es muy importante porque la mayoría de los navegadores no entienden TypeScript, pero sí entienden JavaScript. Este proceso se realizará de forma automática.
- Convierte TypeScript a JavaScript.
- Los navegadores no entienden TypeScript.
- JavaScript sí es entendido de forma segura.
- La transpilación se ejecuta automáticamente.
¿Cómo se aprenderá TypeScript paso a paso?
El aprendizaje será gradual. Se irán intercalando TypeScript y JavaScript a lo largo de los temas. No es necesario saber TypeScript desde el inicio: se cubrirá poco a poco y se señalará cuando algo sea específico.
¿Qué esperar en los ejercicios y ejemplos?
- Ejemplos intercalados de JavaScript y TypeScript.
- Avisos claros cuando algo sea propio de TypeScript.
- Aprendizaje progresivo, sin presión inicial.
¿Tienes dudas sobre la transpilación o sobre cómo se complementan TypeScript y JavaScript? Comparte tus preguntas y experiencias en los comentarios.