Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso para desarrollar Aplicaciones Web Progresivas!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso para desarrollar Aplicaciones Web Progresivas

Video Qué cubriremos en este curso

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

En este curso vamos a desarrollar una aplicación web progresiva con Angular y Firebase, vamos a aprender a utilizar Angular 5 para la creación de aplicaciones web y cómo integrar el framework con la suite de servicios de Google.

Veremos cómo autenticar usuarios con redes sociales a través de Firebase, cómo utilizar la nueva base de datos Firestore para almacenar y consultar documentos utilizando una base de datos en tiempo real.

También cubriremos un módulo de Firebase Cloud Messaging para el envío de notificaciones push a los clientes que autoricen las notificaciones.

Cubriremos las principales tecnologías para el desarrollo de aplicaciones web progresivas como Service Workers, almacenamiento offline, aprovechando las librerías y utilidades de ambos Angular y Firebase.

Para el desarrollo del proyecto usaremos Typescript, un superset de JavaScript que se utiliza como lenguaje de programación para proyectos de Angular. Tocaremos temas de animaciones, conteo, operadores de observadores con RxJS y muchísimo más.

Es un curso muy interesante con decenas de tecnologías modernas que te enseñarán, no sólo como crear aplicaciones web progresivas, si no también cómo aprovechar estas tecnologías para construir aplicaciones en menor tiempo.

  • Módulo 1 | 8 clases

    Introducción

    expand_more
    • play_circle_outline

      Clase 1

      Presentación del curso PWA

    • play_circle_outline

      Clase 2

      Qué es una aplicación web progresiva.

    • play_circle_outline

      Clase 3

      Por qué desarrollar aplicaciones web progresivas

    • play_arrow

      Clase 4

      Qué cubriremos en este curso

    • play_circle_outline

      Clase 5

      Requisitos para tomar este curso

    • play_circle_outline

      Clase 6

      Stack del proyecto

    • play_circle_outline

      Clase 7

      Angular Universal

    • play_circle_outline

      Clase 8

      Configurar Angular con Firebase

  • Módulo 2 | 10 clases

    Autenticación de usuarios

    expand_more
    • play_circle_outline

      Clase 1

      Configurar el router de Angular

    • play_circle_outline

      Clase 2

      Insertar nuevo componente

    • play_circle_outline

      Clase 3

      Autenticación con Firebase y Google

    • play_circle_outline

      Clase 4

      Obtener usuario autenticado

    • play_circle_outline

      Clase 5

      Guards de rutas

    • play_circle_outline

      Clase 6

      Navegación y estilos

    • play_circle_outline

      Clase 7

      Integrar FontAwesome

    • play_circle_outline

      Clase 8

      Cerrar sesión

    • play_circle_outline

      Clase 9

      Async Pipe

    • play_circle_outline

      Clase 10

      Guardar usuarios en la base de datos

  • Módulo 3 | 11 clases

    Core central de la aplicación

    expand_more
    • play_circle_outline

      Clase 1

      Formulario para listas

    • play_circle_outline

      Clase 2

      NgModel doble data binding

    • play_circle_outline

      Clase 3

      Guardar listas en Firestore

    • play_circle_outline

      Clase 4

      Consultar y mostrar listas

    • play_circle_outline

      Clase 5

      Diseño de listas

    • play_circle_outline

      Clase 6

      Vista principal de una lista

    • play_circle_outline

      Clase 7

      Formulario de pendientes

    • play_circle_outline

      Clase 8

      Enums y NgModel

    • play_circle_outline

      Clase 9

      Guardar pendientes por lista

    • play_circle_outline

      Clase 10

      Mostrar los pendientes de una lista

    • play_circle_outline

      Clase 11

      Diseño de la tarjeta de pendientes

  • Módulo 4 | 13 clases

    Animaciones y Más

    expand_more
    • play_circle_outline

      Clase 1

      Configuar @angular/animations

    • play_circle_outline

      Clase 2

      Mostrar/ocultar formulario usando animaciones

    • play_circle_outline

      Clase 3

      Animaciones de entrada y salida de componentes

    • play_circle_outline

      Clase 4

      Animaciones en coreografía

    • play_circle_outline

      Clase 5

      Eventos touch con HammerJS

    • play_circle_outline

      Clase 6

      Animar elementos al presionarlos

    • play_circle_outline

      Clase 7

      Evento swipe y animaciones

    • play_circle_outline

      Clase 8

      Actualizar pendiente en Firestore

    • play_circle_outline

      Clase 9

      Where en las consultas a Firestore

    • play_circle_outline

      Clase 10

      TrackBy para identificar elementos en ngFor

    • play_circle_outline

      Clase 11

      Compartir suscripciones con share

    • play_circle_outline

      Clase 12

      DateTime Picker

    • play_circle_outline

      Clase 13

      MomentJS

  • Módulo 5 | 19 clases

    Tecnologías de aplicaciones web progresivas

    expand_more
    • play_circle_outline

      Clase 1

      Qué es una ServiceWorker

    • play_circle_outline

      Clase 2

      El ciclo de vida de una SW

    • play_circle_outline

      Clase 3

      Registrar una ServiceWorker

    • play_circle_outline

      Clase 4

      Eventos de una ServiceWorker

    • play_circle_outline

      Clase 5

      Programar una ServiceWorker

    • play_circle_outline

      Clase 6

      Angular ServiceWorkers

    • play_circle_outline

      Clase 7

      WebManifest

    • play_circle_outline

      Clase 8

      Fundamentos de notificaciones push con Firebase Cloud Messaging

    • play_circle_outline

      Clase 9

      Directiva ngIf y Else

    • play_circle_outline

      Clase 10

      Solicitar permisos para recibir notificaciones push

    • play_circle_outline

      Clase 11

      Registrar ServiceWorker para Firebase Messaging

    • play_circle_outline

      Clase 12

      Obtener suscripción de notificaciones de la ServiceWorker

    • play_circle_outline

      Clase 13

      Cancelar suscripción de notificaciones push

    • play_circle_outline

      Clase 14

      Detalles de UI para notificaciones

    • play_circle_outline

      Clase 15

      Enviar notificaciones push

    • play_circle_outline

      Clase 16

      Recibir notificaciones push con la app activa

    • play_circle_outline

      Clase 17

      Guardar tokens en Firestore

    • play_circle_outline

      Clase 18

      Actualizar el token

    • play_circle_outline

      Clase 19

      Almacenamiento de datos offline

  • Módulo 6 | 5 clases

    Deploy y Despedida

    expand_more
    • play_circle_outline

      Clase 1

      Generando build de producción

    • play_circle_outline

      Clase 2

      Deploy dela aplicación

    • play_circle_outline

      Clase 3

      Probar proyecto en dispositivos móviles

    • play_circle_outline

      Clase 4

      Qué cursos tomar luego del desarrollo de Aplicaciones Web Progresivas

    • play_circle_outline

      Clase 5

      Despedida del curso

Qué cubriremos en este curso

arrow_back Siguiente arrow_forward
Curso para desarrollar Aplicaciones Web Progresivas