Curso de Angular 6
Curso
Virtual
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Descripción
-
Tipología
Curso
-
Nivel
Nivel intermedio
-
Metodología
Virtual
-
Duración
Flexible
-
Inicio
Fechas disponibles
-
Campus online
Sí
-
Servicio de consultas
Sí
-
Clases virtuales
Sí
Desarrolla aplicaciones Web modulares e interactivas con Angular 6, el framework de Javascript, desarrollado y soportado por Google, que te permite crear aplicaciones SPA. Aprende a crear apps y mejora tus habilidades con Angular 6.
Sedes y fechas disponibles
Ubicación
Inicio
Inicio
A tener en cuenta
Diferenciar las nuevas características disponibles en Angular 6 y su compatibilidad con versiones anteriores
Generar conexión entre aplicaciones angular y servidores externos
Hacer la conexión de la aplicación con firebase
Crear un ambiente de trabajo con la estructura de la aplicación en Windows y Mac
Usar comunicación en tiempo real y publicar la aplicación en el ambiente de producción
Opiniones
Materias
- Navegación
- Framework
- Instalación
- Alternativas
- Sistema
- Conversaciones
- Aplicado
- Creando
- Terminando
- Pantalla
Programa académico
Introducción
- Introducción al Curso
- Introducción a Angular
- Configurando nuestro proyecto en Git y Github
- Introducción a Angular CLI y al proyecto de Platzinger
- Instalación del entorno de desarrollo en Mac OS
- Instalación del entorno de desarrollo en Windows e información acerca del editor que usaré (WebStorm) y alternativas
- Corriendo nuestra app en el navegador
- Reto: Desarrolla un tutorial escrito comparando Angular con otro Framework (Vue, React)
- ¿Qué hará nuestra app? ¿Cuál es su arquitectura? ¿De qué pantallas se compondrá? ¿Cuál será su look?
- Explorando el sistema de archivos
- ¿Qué son y cómo generar los primeros componentes de nuestra app?
- Navegación básica entre componentes
- Componentes anidados: Creando un componente con nuestras rutas de navegación que funcione como menú
- Reto: Varias conversaciones a la vez
- ¿Cómo usar tipos de datos con TypeScript?
- Qué son las interfaces de TypeScript y su implementación
- NgFor aplicado en la lista de usuarios
- NgIf aplicado en la lista de usuarios
- Navegación con parámetros
- Accediendo a nuestros usuarios desde Conversation.ts
- Creando un servicio de usuarios e Inyectando el servicio en nuestros componentes
- Pipes en Angular (date, number, json)
- Creando nuestro propio pipe para buscar entre nuestros contactos
- ¿Cómo usar estilos CSS y referenciar recursos?
- Instalando librerías usando npm (bootstrap y font-awesome) y Referenciando CSS en el angular.json
- Reto: Cambiar ícono según estatus
- Implementando estilos en la pantalla de login
- Terminando de implementar los estilos de nuestra pantalla de login
- Implementando estilos en el navbar
- Implementando estilos en la pantalla de home
- Implementando estilos en home, lista de contactos
- Implementando estilos en profile
- Reto: Estilos en la pantalla de conversación
- Usando ngClass para añadir estilos dinámicos
- Reto: Mejorar estilos en la pantalla de conversación
- ¿Qué es Firebase? Creando nuestro proyecto
- Diferencia entre conexión por sockets y HTTP
- Instalación y setup de la librería AngularFire a través de npm
- Login/Registro de usuarios con email y password
- Reemplazo del servicio de usuarios por un servicio dinámico con conexión a Firebase
- Guards para verificar Firebase auth
- Creando un CRUD implementando un API REST HTTP (con diversos backends)
- Reto: Implementar API HTTP
- Perfil de usuario
- Seleccionar fotos usando una librería para image cropping
- Guardando las imágenes de perfil en nuestra base de datos de firebase
- ¿Cómo resolver el problema de comunicación en tiempo real?
- Enviando un mensaje (con reproducción de sonido)
- Mostrando conversación
- Enviando un zumbido (con reproducción de sonido y animación)
- Reto: Envía una foto
- Planeación previa para la característica, ¿cómo generaremos las solicitudes?
- Enviando una solicitud de amistad
- Generando el modal de solicitud de amistad
- Aceptando solicitudes de amistad
- Mostrando sólo contactos que son amigos
- Componentes anidados (con paso de parámetros)
- Reto: Mensaje personal en Solicitud de Amistad
- Creando un wrapper para desktop, usando Electron
- Reto: Dándole Características PWA a nuestra App
- Exportando app para web, complementando con Firebase Hosting
- Conclusión
- Cuéntanos
¿Necesitas un coach de formación?
Te ayudará a comparar y elegir el mejor curso para ti y a financiarlo en cómodas cuotas mensuales.
Curso de Angular 6