Do you want to switch to Platzi in English?

Con este curso podrás:

Diferenciar las nuevas características disponibles en Angular 6 y su compatibilidad con versiones anteriores

Diferenciar las nuevas características disponibles en Angular 6 y su compatibilidad con versiones anteriores

Generar conexión entre aplicaciones angular y servidores externos

Generar conexión entre aplicaciones angular y servidores externos

Hacer la conexión de la aplicación con firebase

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

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

Usar comunicación en tiempo real y publicar la aplicación en el ambiente de producción

Temario del curso

Introducción

Antes de empezar
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)

Definición de la estructura del App

¿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

Basics de Angular y TypeScript

¿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

Estilos

¿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

Acceso a datos remotos y login

¿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

Opciones y subida de imágenes

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

Conversación

¿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

Amigos

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

Deploy

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

Conclusión
Cuéntanos
Diploma del Curso de Angular 6

¡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.

Los Profesores

Eduardo Ibarra

Eduardo Ibarra

@iBar_Ed

CEO en http://multitut.com/

Elige un plan y empieza a estudiar

Platzi Expert
Platzi Basic
Solo este curso
dólares

$25 / mes

En un solo pago de $299
  • Accedes a más de 150 cursos y 24 carreras
  • 9 cursos exclusivos
  • Clases en vivo o a tu ritmo con profesores y mentores
  • Estudia donde quieras en la web o en tu teléfono
  • Certificados digitales de los cursos que apruebas
  • Recibe los certificados de tus carreras, vivas donde vivas
  • Acceso a las actualizaciones de todos los cursos
  • Pago con tarjetas de crédito o débito
  • Pago en depósito, Paypal y otros métodos
  • Entrada exclusiva al Taller de Creación de Startups
  • Entrada preferencial a PlatziConf en todo el mundo
  • Descarga los cursos offline con la app de iOS o Android
Qué obtienes
  • Accedes a más de 150 cursos y 24 carreras

  • 9 cursos exclusivos

  • Clases en vivo o a tu ritmo con profesores y mentores

  • Estudia donde quieras en la web o en tu teléfono

  • Certificados digitales de los cursos que apruebas

  • Recibe los certificados de tus carreras, vivas donde vivas

  • Acceso a las actualizaciones de todos los cursos

  • Pago con tarjetas de crédito o débito

    Visa
    Mastercard
    American Express
  • Pago con depósito, PayPal y otros métodos

    PayPal
    Depósito
  • Entrada exclusiva al Taller de Creación de Startups

  • Entrada preferencial a PlatziConf en todo el mundo

  • Descarga los cursos offline con la app de iOS o Android

Recomendado

Platzi Expert

$25

Bandera de tu país

dólares al mes

En un solo pago de $299

Platzi Basic

$39

Bandera de tu país

dólares

Pagas mes a mes

Solo este curso

$49

Bandera de tu país

dólares

1 solo curso, 1 solo pago

¿Necesitas capacitación para tu empresa? Tenemos planes especiales. Conócelos en platzi.com/empresas

Cursos exclusivos de Platzi Expert

Taller de creación de Startups
Taller de creación de Startups
Introducción a la Creación de Empresas y Startups
Introducción a la Creación de Empresas y Startups
Curso de Inglés Técnico para Profesionales
Curso de Inglés Técnico para Profesionales
Curso de Gestión Financiera para Startups-2017
Curso de Gestión Financiera para Startups-2017
Cómo conseguir trabajo en Programación
Cómo conseguir trabajo en Programación
Curso de Internacionalización para Startups
Curso de Internacionalización para Startups
Curso de Inglés Básico
Curso de Inglés Básico
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Gramática
Curso de Inglés Básico: Conversación
Curso de Inglés Básico: Conversación

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

Andres Giraldo Londoño Giraldo Londoño
Andres Giraldo Londoño Giraldo Londoño

Excelente! curso muy completo y bacano,

Juan Carlos Felizzola Vega
Juan Carlos Felizzola Vega

Excelente curso. Complementa muy bien lo aprendido anteriormente en Angular.

Henk Sandoval
Henk Sandoval

Este profesor es excelente realmente se nota que domina el tema

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