Temario y recursos del Curso de Angular 4
Temario del Curso de Angular 4
Introducción a Angular 4
4 Clases abiertas- Versionamiento en Angular
- Qué es Angular, versiones y ventajas
- Typescript: qué es
- Introducción al Proyecto: PlatziSquare!
Setup del Ambiente de Trabajo
3 Clases abiertas- Herramientas de trabajo y Angular CLI
- Generación y estructura de Angular 4
- RETO: Haz un cambio simple en el proyecto.
Conceptos Básicos
8 Clases abiertas- 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
Acelera tu carrera profesional con más de 80 Clases del Curso de Angular 4
Comienza ahora- Directivas ngStyle y ngClass
- Directiva ngSwitch
- Directiva de atributo
- Host Listeners
- Host Binders
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
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
Para este curso vas a necesitar
9 Horas de contenido
36 Horas de práctica
Para este curso vas a necesitar
9 Horas de contenido
36 Horas de práctica
Introducción a Angular 4
4 Clases abiertas- Versionamiento en Angular
- Qué es Angular, versiones y ventajas
- Typescript: qué es
- Introducción al Proyecto: PlatziSquare!
Setup del Ambiente de Trabajo
3 Clases abiertas- Herramientas de trabajo y Angular CLI
- Generación y estructura de Angular 4
- RETO: Haz un cambio simple en el proyecto.
Conceptos Básicos
8 Clases abiertas- 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
Acelera tu carrera profesional con más de 80 Clases del Curso de Angular 4
Comienza ahora- Directivas ngStyle y ngClass
- Directiva ngSwitch
- Directiva de atributo
- Host Listeners
- Host Binders
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
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
