Iniciar mi plan
Planes
Menú

Con este curso podrás:

Dominar conceptos básicos y avanzados de Angular 4

Dominar conceptos básicos y avanzados de Angular 4

Programar con Typescript

Programar con Typescript

Desarrollar un proyecto de Angular 4 de principio a fin

Desarrollar un proyecto de Angular 4 de principio a fin

Aprender a implementar animaciones en Angular 4

Aprender a implementar animaciones en Angular 4

Implementar RxJS

Implementar RxJS

Temario del curso

Inicio del curso

¿De qué trata el curso?

Introducción a Angular 4

Qué es Angular, versiones y ventajas
Versionamiento en Angular
Qué es Typescript
Introducción al Proyecto: PlatziSquare!

Setup del Ambiente de Trabajo

Herramientas de trabajo y Angular CLI
Generación y estructura de Angular 4
RETO: Haz un cambio simple en el proyecto.

Conceptos Básicos

Para qué nos sirven los Módulos y Componentes
Tipos de Data Binding y String Interpolation
Property Binding
Event Binding
Two Way Data Binding
Directivas en Angular 4 y ngFor
Directiva ngIf
Instalando librerías con NPM (Google Maps)

Directivas

Directivas ngStyle y ngClass
Directiva ngSwitch
Directiva de atributo
Host Listeners
Host Binders

Angular UI

Angular Material y Bootstrap
Configurando e implementando Bootstrap en nuestro proyecto

Ruteo

Qué hace el router en Angular 4
Implementación de Rutas en el Proyecto
Diferencias entre href y routerLink
Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
Parámetros en Rutas
Parámetros tipo Query
Creando una vista de detalle para el proyecto
Creando la página de contacto para PlatziSquare

Servicios

Qué son los servicios en Angular 4
Creando nuestro propio servicio
Configurando Firebase en nuestro proyecto
Guardando Records en Firebase
Obteniendo records desde Firebase
Obteniendo coordenadas usando Geocoding
Reto: Crear una vista para editar records
Mostrando marcadores en el Mapa de Google

Conexión Remota (Http y Sockets)

Funcionamiento de los llamados Http y Sockets
Qué es una arquitectura cliente - servidor
Enviando llamados tipo POST
Enviando llamados tipo GET
Formateando respuestas del servidor con el operador map()
Manejando errores HTTP

Pipes

Utilidad de los Pipes en Angular 4
Usando los pipes por defecto de Angular
Parámetros en pipes
Creando nuestro propio pipe

Animaciones en Angular

Configurando animaciones en nuestro proyecto
Transiciones
Callbacks
Solución al Reto: Añadiendo animaciones a nuestra aplicación

Testing en Angular

Introducción a unit tests
Configuración de testing por default
Corriendo los tests
Creando unit tests para componentes
Integración de Unit Test con Servicios

Autenticación y Protección de Rutas

Cómo funcionan los JSON Web Tokens
Preparación de vistas para login y registro
Registrando usuarios
Loggeando usuarios
Protección de Rutas
Autenticación con redes sociales.
Logout

RxJS

Qué es RxJS
Configurando RxJS en nuestro proyecto
Uso de los Observables
Implementando un TypeAhead
Implementando un TypeAhead 2
Solución al reto autocompletar los campos de dirección usando observables

Publicando nuestro proyecto

Publicando en Firebase Hosting

Fin del curso

Conclusión ¿Qué aprendimos en el curso?
Reto final del curso - realiza un nuevo modulo de PlatziSquare de acuerdo con las historias de usuario

Sesiones en vivo

Creando un traser bullet de PlatziSquare
Sesión de preguntas y respuestas
Release de Angular 5
Sesión de preguntas y respuestas
Angular Universal

Contenido Bonus

Actualización de angular, versión 6.0
Diploma del Curso de Angular 4

¡Obtén reconocimiento por tu trabajo!

Comparte tus logros con tu familia, amigos, empleadores y la comunidad.

Apenas termines el curso tendrás acceso al diploma digital y cuando finalices la carrera te enviaremos el diploma en papel a tu casa.

Comienza ahora

Los Profesores

Eduardo Ibarra

Eduardo Ibarra

@iBar_Ed

CEO en http://multitut.com/

6 razones para estudiar con Platzi

Proyección profesional

Proyección profesional

El 80% de nuestros estudiantes obtienen un mejor empleo

Proyección profesional

Enfoque

Cumple tus objetivos con nuestra metodología de aprendizaje

Proyección profesional

Diploma de certificación

Tendrás un diploma de certificación al aprobar un curso o una carrera

Proyección profesional

App y contenido offline

No interrumpas tu aprendizaje, sigue aprendiendo mientras te mueves

Proyección profesional

Mentoría permanente

Acompañamos tu proceso de aprendizaje respondiendo todas tus dudas

Proyección profesional

Material exclusivo

Refuerza lo aprendido con lecturas, ejercicios y retos reales

Winston Chavez
Winston Chavez

ahora vamos con el PWA que es con angular 6 creo. El contenido es muy funcional, de hecho a mitad de curso obtuve un mejor empleo.

sara-renderos
sara-renderos

Dar a los usuarios una mejor velocidad y seguridad en nuestras sitios web

Efrain Rivera
Efrain Rivera

Excelente curso, me ha ayudado mucho para comenzar con un proyecto personal que hace mucho quería emprender.

Preguntas frecuentes de los cursos de Platzi

La suscripción hace cobros automáticos a tu tarjeta cada año a menos que suspendas tu cuenta. Esto lo puedes hacer desde mi suscripción, donde también encontrarás tu historial de pagos y podrás descargar tu facturas.
Al finalizar las clases publicamos un examen de certificación. Los alumnos aprueban con 90% de calificación o más. El certificado demuestra que has aprendido y comprendido exitosamente los temas vistos. Si pierdes el examen puedes reintentarlo cada 6 horas
Los cursos son online y todo está disponible 24/7 en la plataforma, además tenemos una aplicación móvil donde puedes descargar los contenidos para verlos offline. Más que materiales para descargar, la experiencia Platzi está construida para que la disfrutes al iniciar tu sesión. Te esperamos.
Este curso forma parte de:
Desarrollo con Angular
Carrera de Desarrollo con Angular