
Crearemos un servidor con NodeJS y Express e instalaremos todas las dependencias necesarias.
Instalaremos y generaremos la estructura necesaria para trabajar con Sequelize.
Descargaremos e instalaremos las dependencias necesarias para esta sección y generaremos un archivo de configuración para la conexión con PostgreSQL.
Crearemos el primer modelo y el primer controlador sobre la estructura de Sequelize y crearemos un método para guardar un usuario.
Crearemos la ruta de acceso para nuestro primer servicio y probaremos su funcionamiento utilizando Postman.
Crearemos el método Login para la autenticación mediante Usuario y Password.
Mostraremos qué es, para qué sirven y cómo utilizar los tokens.
Generaremos dicho token utilizando Json Web Tokens.
Una vez que tenemos y enviamos el token mediante la cabecera de autorización, crearemos un método para poder verificar y validar dicho token.
Crearemos un servicio para la tabla fotografías que nos permita guardar los datos en dicha tabla.
Crearemos un servicio para poder actualizar los datos de una fotografía existente en nuestra base de datos.
Una vez que contamos con los métodos para guardar y actualizar una fotografía, crearemos un método para poder subir el archivo de fotografía al servidor (upload) y también crearemos un método para poder generar el thumbnail de dicha foto (fotografía en miniatura).
Ahora que tenemos el archivo de fotografía guardado en nuestro servidor, crearemos un método para poder obtener dicho archivo en su tamaño normal y en su tamaño compacto (thumbnail).
Crearemos dos servicios más. Uno para poder obtener un listado de todas las fotografías almacenadas y otro para obtener el mismo listado, pero no tomando en cuenta las fotografías desactivadas (activo=false).
Crearemos toda la estructura necesaria para tener una aplicación Angular funcional, para ello instalaremos y utilizaremos Angular/CLI.
Necesitaremos una dependencia muy útil: Angular Material, que nos ayudará a darle a nuestra aplicación una funcionalidad más profesional. En esta clase aprenderemos qué es y para que nos servirá esta dependencia, además de instalarla y configurarla.
Crearemos el primer componente (home) y le asignaremos una ruta de acceso.
Ya contamos con un servicio que nos envía un listado de fotografías, pero ésto en nuestro back-end. En esta clase crearemos un servicio en Angular para obtener y desplegar esa información.
Crearemos un componente para contener el formulario de autenticación. Maquetaremos dicho formulario y dejaremos el componente listo para poder darle funcionalidad.
Ya contamos con el formulario de autenticación, es hora de darle funcionalidad y para ello, no solo crearemos el servicio para el envió de datos para su validación, sino también crearemos un par de componentes privados que solo serán accesibles a los usuarios autenticados.
Obtendremos el listado de fotografías desde nuestro servidor back-end y maquetaremos el componente que desplegará esta información.
Crearemos el componente y los métodos necesarios para poder agregar datos a una nueva fotografía incluyendo la funcionalidad de subir su fotografía relacionada.
Crearemos el componente y los métodos necesarios para poder agregar datos a una nueva fotografía incluyendo la funcionalidad de subir su fotografía relacionada.
Crearemos un método que desplegará los datos de cualquier fotografía seleccionada y así poder editar su información.
(1° Parte). Maquetaremos el componente home paso a paso hasta obtener el resultado final y dejarlo listo para darle movimiento.
(2° Parte). Maquetaremos el componente home paso a paso hasta obtener el resultado final y dejarlo listo para darle movimiento.
(3° Parte). Maquetaremos el componente home paso a paso hasta obtener el resultado final y dejarlo listo para darle movimiento.
(1° Parte). Ya tenemos nuestro componente (home) con su apariencia final terminada, por lo tanto, es hora de darle movimiento paso a paso utilizando las animaciones de Angular.
(2° Parte). Ya tenemos nuestro componente (home) con su apariencia final terminada, por lo tanto, es hora de darle movimiento paso a paso utilizando las animaciones de Angular.
(3° Parte). Ya tenemos nuestro componente (home) con su apariencia final terminada, por lo tanto, es hora de darle movimiento paso a paso utilizando las animaciones de Angular.
(1° Parte). Crearemos y maquetaremos paso a paso un menú de fotografías para poder seleccionar y ver cualquier fotografía activada que tengamos.
(2° Parte). Crearemos y maquetaremos paso a paso un menú de fotografías para poder seleccionar y ver cualquier fotografía activada que tengamos.
(3° Parte). Crearemos y maquetaremos paso a paso un menú de fotografías para poder seleccionar y ver cualquier fotografía activada que tengamos.
Antes de finalizar este curso vamos a agregarle algunas funcionalidades pequeñas, pero necesarias a la aplicación y también le daremos movimiento a la sección de administración.
El curso cuenta con 31 vídeos explicados al detalle que le dan un total aproximado de más de 10 horas de duración.
El curso está dividido en dos grandes secciones:
Primera parte
Desarrollaremos una aplicación back-end desde cero con NodeJS, PostgreSQL y Sequelize.
Iniciaremos con la creación del servidor con NodeJS.
Instalaremos todas las dependencias necesarias.
Instalación de Sequelize, configuración y generación de la estructura base.
Crearemos cada uno de los modelos necesarios comenzando con el Login para la creación y envío de un Token de acceso.
Crearemos uno a uno los servicios necesarios y el acceso a los mismos.
Le daremos seguridad a cada servicio creado mediante JWT.
Utilizaremos los verbos más comunes en la realización de nuestros servicios GET, POST, PUT.
Crearemos un método para subir imágenes al servidor.
Probaremos cada uno de los servicios en POSTMAN.
Segunda Parte
Desarrollaremos una aplicación front-end con Angular.
Instalaremos las dependencias necesarias.
Crearemos nuestra aplicación base con Angular/CLI.
Crearemos cada uno de los componentes necesarios tanto públicos como privados y las rutas de acceso respectivas.
Mediante servicios enviaremos peticiones http a nuestra aplicación back-end para la obtención y persistencia de datos.
Maquetaremos cada una de las vistas generadas y les daremos movimiento utilizando animaciones propias de Angular.
Crearemos una sección de administración con acceso mediante usuario y contraseña para poder administrar los datos de nuestra aplicación.
Utilizaremos los componentes de Angular Material en toda la aplicación para un diseño mucho más profesional.