Angular 4: configuración a despliegue profesional
Clase 1 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
Domina Angular 4 con una ruta clara: desde lo básico hasta temas avanzados con enfoque práctico. Con la guía de Eduardo Ibarra, arquitecto de sistemas y cofundador en GoBuy Consulting, aprenderás a construir aplicaciones web reales mientras ves el código en pantalla, resuelves errores y refuerzas tu aprendizaje escribiendo tú mismo cada línea.
¿Qué aprenderás en Angular 4 y cómo está organizado?
El contenido avanza de forma progresiva, combinando teoría esencial con práctica. Se incluye desde la introducción y la configuración del ambiente de trabajo hasta conceptos básicos de Angular y módulos clave. Más adelante, se cubren directivas, rutas, HTTP, servicios, Pipes, Angular UI y animaciones. También verás cómo testear aplicaciones, aplicar seguridad, trabajar con RxJS y publicar una app.
¿Qué temas cubren los fundamentos?
- Introducción y objetivos del curso.
- Configuración del ambiente de trabajo.
- Conceptos básicos de Angular 4.
¿Qué temas avanzados se incluyen?
- Directivas, rutas y servicios.
- HTTP, Pipes, Angular UI y animaciones.
- Testing, seguridad, RxJS y publicación de la app.
¿Quién es el instructor y cuál es el enfoque práctico?
Eduardo Ibarra es mexicano, fundador de tres empresas de consultoría de sistemas y cofundador en GoBuy Consulting, con clientes americanos. Desde 2009 crea cursos y, el último año, su equipo ha desarrollado la mayoría de proyectos en Angular 4. Su enfoque prioriza la práctica con código compartido en GitHub y ejercicios en vivo.
¿Cómo practicarás con el código y los errores?
- El código estará disponible en GitHub mediante enlaces visibles.
- Se recomienda escribir el código tú mismo para ganar “feeling” y soltura.
- Habrá errores intencionales para aprender a resolver problemas.
- También surgirán errores no intencionales, con su solución en pantalla.
- Se intercalarán JavaScript y TypeScript para reforzar el entendimiento.
- Verás muchos GIFs que acompañan la presentación.
¿Qué metodología potencia tu aprendizaje desde el día uno?
El método combina práctica guiada con repetición consciente. Escribe el código, incluso si parece simple o tedioso, observa cómo se diagnostican errores y asimila la alternancia entre JavaScript y TypeScript para fortalecer conceptos.
¿Qué habilidades desarrollarás mientras avanzas?
- Configurar el ambiente de trabajo.
- Comprender los conceptos básicos de Angular 4.
- Utilizar directivas, rutas y servicios.
- Consumir HTTP de forma estructurada.
- Emplear Pipes, Angular UI y animaciones.
- Testear aplicaciones para verificar su comportamiento.
- Aplicar seguridad en puntos clave.
- Trabajar con RxJS.
- Publicar una app lista para uso real.
¿Tienes dudas o quieres compartir qué esperas aprender con Angular 4? Escribe tu comentario y conversemos.