
Bienvenidos a esta tercera parte del curso de MEAN Stack con Firebase, en este corto video se hará una corta introducción sobre lo que trabajaremos a lo largo del curso.
Enlace de la presentación: [https://goo.gl/D2MUTK]
En esta sección, veremos como integrar desde cero el backend y el frontend haciendo un pequeño ejercicio para probar que todo esté comunicándose correctamente.
En los recursos he dejado el proyecto que trabajamos en esta sección.
Se hace una corta descripción del proyecto que trabajaremos a lo largo de esta tercera parte del curso.
Recuerden que la parte de la administración de créditos se plantea en este curso para que cualquier usuario logueado pueda editar, eliminar o agregar créditos, y que ustedes tendrán que ir mirando como darle solución para que cada usuario solo pueda editar, eliminar o agregar sus propios créditos los cuales podrán ver cualquier usuario que le interese un crédito en la vista principal.
Pueden descargar la imagen del prototipo para tener más detalle, y también puedes descargar el proyecto base desde la URL que he dejado.
Aquí, veremos como está configurado el proyecto base que se les ha entregado.
Dejaré un enlace para descargar el proyecto base en la sección de recursos externos.
Recuerden que luego de descargarlo y descomprimirlo, deberán hacer 'npm install' para instalar las dependencias de este proyecto.
Haremos el API el cual nos soportará la funcionalidad para el proyecto de créditos.
Trabajaremos las vistas para el login, registro,y recuperación de contraseña, recuerden que serán vistas muy sencillas y no llevarán ningún estilo por el momento.
En los recursos facilitaré los archivos html
Miraremos como integrar el servicio de autenticación que nos provee firebase a este proyecto de forma fácil.
Agregaremos un modelo para trabajar con los créditos.
Aquí haremos las vistas para listar, editar y agregar créditos.
En la sección de recursos externos facilitaré los html de las vistas para no detenernos tanto en esta parte.
Aquí agregaremos un servicio a Angular para la gestión de los créditos, con el cuál podremos consumir el API que habíamos construido en el backend.
Agregaremos la funcionalidad de agregar y listar créditos a este proyecto.
Agregamos la funcionalidad de editar y eliminar créditos a este proyecto.
Recuerden que desde el comienzo habíamos dicho que cualquier usuario logueado podría eliminar o editar un crédito así no fuera de su propiedad.
En los recursos he dejado este proyecto por si lo requieren.
¡En éste curso aprenderás a crear aplicaciones web Movile first con MEAN Stack y Firebase desde cero! (¡Incluso si no sabes ningún lenguaje de programación!)
El desarrollo de aplicaciones Web involucra la configuración y desarrollo del backend (todos los elementos del lado del servidor) y el desarrollo del frontend (todos los elementos del lado del cliente). En este curso de una serie de tres de Desarrollo de aplicaciones Web con MEAN Stack y Firebase, veremos la integración de ambos lados: el del servidor y el del cliente.
El curso completo está compuesto por 3 partes, de las cuales, ésta es la tercera de ellas. El curso completo incluye todo lo necesario para desarrollar y publicar tus proyectos, desde la instalación, los conceptos y lo que debes hacer para contar con una infraestructura pública, segura y elástica (¡la cual tiene una capa gratuita, muy amplia):
Introducción al Stack de desarrollo: Angular 4, Node + Espress, Firebase, Firestore.
Angular 4: Instalación, configuración, TypeScript, Directivas, Múltiples componentes y Hooks, Servicios, MaterialAngular, Servicios, Routing, InMemory, HTTP, LocalStorage y SessionStorage.
Node + Espress: Instalación, configuración, Creación API (get y post), Consumo de API - Postman.
Firebase: Base de datos en tiempo real, storage, hosting y Firestore.
Durante todo el curso hay ejercicios, tareas y lecturas complementarias que te serán muy útiles.
Todo esto explicado de una manera sencilla y en tu propio idioma!
¡NOS VEMOS EN CLASE!