Typescript: qué es
Clase 4 de 80 • Curso de Angular 4
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
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.