Vamos a aprender de que trata GraphQL y cuales son sus características principales

Realizamos la comparativa entre REST y GraphQL explicando las diferencias y las características de cada una de ellas

Ejemplo práctico con la API de Star Wars que está disponible tanto en REST como GraphQL para ver las diferencias que hay a la hora de obtener una información concreta

Ejemplo práctico como en la API de Star Wars pero con la API REST y GraphQL de Rick y Morty

Primeras nociones, reglas y convenciones que tenemos que seguir para crear schemas en GraphQL

Vamos a aprender que son los tipos escalares, sus características y como debemos de aplicarlos en el schema.graphql a la hora de definir el contrato. Junto con los tipos de objeto será uno de los tipos imprescindibles a la hora de definir el schema.

Vamos a aprender que son los tipos de objetos, sus características y como debemos de aplicarlos en el schema.graphql a la hora de definir el contrato. Junto con los tipos de escalares y los tipos de raíz será uno de los tipos imprescindibles a la hora de definir el schema.

Hablamos sobre los enums, un tipo especial de escalares que poseen un conjunto de valores establecido

Es la forma que vamos a representar la información que vamos a devolver donde podemos devolver de diferentes maneras, como objeto único nulo y no nulo, y como lista no nula y nula

Hablamos sobre las interfaces que son definiciones abstractas de atributos comunes para poder obligar a cumplir estructuras comunes

Vamos a aprender que son los tipos de raíz, sus características y como debemos de aplicarlos en el schema.graphql a la hora de definir el contrato. Junto con los tipos de escalares y los tipos de objetos será uno de los tipos imprescindibles a la hora de definir el schema.

Definiciones de las operaciones de consulta

Definiciones de la forma en la que realizamos modificaciones en el lador servidor.

Definiciones de las notificaciones que recibiremos en tiempo real de los cambios dados en el servidor

Tipos de entrada que nos permitirán pasar valores a las consultas y las mutaciones.

Como añadir comentarios para crear una documentación en GraphQL desde el Schema

Vamos a hacer una introducción sobre lo que se va a trabajar en esta sección

Nociones básicas sobre GraphiQL

Nociones básicas para trabajar en el playground de Apollo Server

API que usamos para trabajar en este apartado

Vamos a aprender a realizar queries

Vamos a aprender a realizar queries con argumentos

Vamos a ver como funciona el tema del merge al hacer varias consultas del mismo objeto

Aprendemos a hacer consultas del mismo objeto con diferentes argumentos sin errores

Aprenderemos el uso de los Fragments para realizar consultas con las mismas propiedades más limpias y fáciles de trabajar

Añadir argumentos desde el apartado de Query Variables

Operaciones de modificación de los datos con el tipo de raíz Mutation

Aprendemos a ignorar / añadir propiedades de una consulta con el objetivo de hacer consultas diferentes sin tener que añadir consultas extra.

Información acerca del siguiente video.

Modo de trabajar con las operaciones en tiempo real, en el que vamos a obtener la información cuando se den publicaciones de una acción concreta como es en este caso con los nuevos votos

Explicación sobre como se trabaja en Apollo Server Express 3 respecto a Apollo Server Express 2. Sabiendo bien la base de como trabajar con los apartados como directivas, Fragments,...será aplicable en la nueva versión

En este apartado, hacemos un repaso de todas las opciones principales como la ejecución de operaciones, uso de la documentación, histórico de operaciones, modo que se presentan los datos de los resultados y etc

Repasamos todo lo relacionado al schema y como se visualiza dentro del playground

Explicaré lo que conseguiremos al finalizar la sección y que objetivo es el principal de esta sección

Primeros pasos con el proyecto donde creamos el fichero de manifiesto del proyecto y la base principal de lo que serán las carpetas del curso

Proceso que seguiremos para instalar las dependencias necesarias para el desarrollo del proyecto

Realizamos los pasos necesarios para poder trabajar con Typescript

Configuramos los scripts que se usarán en el proyecto y haremos una prueba de Nodemon con el fichero app.ts

Empezamos a construir el proyecto de nuestra API GraphQL montando el servidor de express básico

Empezamos con la transición a la API GraphQL añadiendo las primeras configuraciones

Terminamos con el proceso de la API básica y la probamos para que comprobemos que todo está correcto

Comenzamos con la refactorización inicial a una clase aparte, para poder reutilizar y mantener de una manera más sencilla ante futuros cambios

Seguimos con el proceso y dejamos la primera versión de la refactorización operativa tal y como lo hacía antes de comenzar la refactorización

Refactorizamos los tipos de definición añadiendo en el fichero GraphQL y los resolvers aparte, para tener más ordenado y limpio

Preparamos en una constante para tenerlo accesible con los datos de los dos ficheros JSON

Comenzamos trabajando con la definición de tipo Query donde obtenemos todos los libros desde el fichero

Definición de tipo Query donde obtenemos todos las personas desde el fichero. Esta clase es la solución a la práctica propuesta en la clase anterior, con el objetivo de reforzar lo aprendido

Obtenemos la consulta aplicando el filtro con el ID del libro seleccionado

Actividad práctica propuesta donde obtenemos la consulta aplicando el filtro con el ID de la persona seleccionada.

Creamos un tipo de objeto aparte para los resultados donde añadimos el estado de la operación, el mensaje del feedback, los elementos en lista y el item seleccionado, con el objetivo de usarlo como un tipo de objeto para todas las respuestas de la API

Comenzamos a trabajar con el tipo abstracto del schema Union, que servirá para añadir múltiples tipos de objeto y dar respuestas usando la misma estructura

Después de haber trabajado haciendo uso del Union con los datos de los libros, aplicamos la configuración y realizamos los cambios mediante Result en las definiciones correspondientes a People (Persona)

Aprendemos a trabajar con el resolver de types para añadir una nueva propiedad y asignarle información completa teniendo como referencia la información de los ids de los libros que han comprado los personas. Libros que ha comprado una persona

Seguimos con el resolver de types para añadir una nueva propiedad y asignarle información completa teniendo como referencia la información de los ids de los libros que han comprado los personas. En este caso, tendremos la lista de personas que han comprado un libro concreto

Después de añadir información complementaria donde mostramos la información de los libros que ha comprado una persona y las personas que han comprado un libro, vamos a darle solución a las propiedades con valor "null" para modificarlas a nuestro gusto

Después de añadir información complementaria donde mostramos la información de los libros que ha comprado una persona y las personas que han comprado un libro, vamos a darle solución a las propiedades con valor "null" para modificarlas a nuestro gusto. En este caso, damos otro paso, complementando una información existente como el usuario de twitter y github, añadiendo el dominio para tener la URL completa ofreciendo información real respecto a la que está almacenada

Primeros pasos con el tipo de raíz Mutation, donde especificamos las operaciones que se realizarán, añadimos el resolver de operaciones dejando todo preparado para comenzar resolviendo paso a paso

Comenzamos resolviendo la definición "addBook" donde aprenderemos dos conceptos nuevos que aplicaremos como son Input y Enum

Una vez comprobado que introducimos la información haciendo uso del Input, en este caso damos la solución al problema insertando el libro dentro de la lista

Implementamos la funcionalidad para comprobar que el libro introducido no existe, es decir, que el título no se corresponde con algún otro que ya se encuentra en la lista. En el caso de existir, mostrarnos el feedback correspondiente

Actualizamos la información de un libro seleccionado por el ID

Seguimos con la actualización de la información del libro

Aprendemos a eliminar el libro seleccionado mientras implementamos la funcionalidad de eliminar

Le damos un punto de seguridad a nuestras APIs, con la configuración de especificar el límite de profundidad para evitar consultas maliciosas con las relaciones N:M que podemos encontrar en prácticamente todos los proyectos

Enunciado y solución final con todo el código del proyecto desarrollado en las clases más lo que se propone en la práctica con el tipo de objeto "People"

En este video os explico lo vamos a hacer y que conseguiremos

En esta clase os enseñaré los pasos que debemos de seguir para empezar a trabajar con Postman, desde la instalación, hasta la configuración básica para comenzar con ello

Obtenemos la lista de libros teniendo la API desarrollada anteriormente

Obtenemos la lista de personas teniendo la API desarrollada anteriormente

Ahora seleccionaremos únicamente un libro, mediante el filtrado usando su ID

Ahora seleccionaremos únicamente una persona, mediante el filtrado usando su ID

Comenzamos con el tipo de raíz Mutation, donde realizamos las modificaciones en la información, con la operación de añadir un libro

Actualizamos la información del libro seleccionado por ID

Eliminamos el libro seleccionado por ID para terminar con las operaciones correspondientes a los libros

Añadimos nuevas personas con esta operación

Opción que usaremos para actualizar la información de una persona seleccionada por ID

Eliminamos la información de la persona seleccionada por ID

Video que os explico el modo de poder hacer backups mediante la exportación y como recuperar para añadirlo en Postman de una manera muy fácil

Video en el que os explico lo que vamos a hacer con sus objetivos a completar

Tenemos disponible el proyecto base que he preparado, para que de manera simplificada podamos ir aprendiendo como configurar los diferentes apartados. Con eso conseguiremos la base, para luego aplicarlo en futuros proyectos y para tener como base este proyecto.

En esta clase os hablo de ESLint y os enseño todo lo necesario para hacer la configuración mínima que usaremos en todos nuestros proyectos actuales y futuros

En este apartado os muestro la manera de modificar varias reglas y os doy las pautas necesarias para saber como añadir las que queramos, dependiendo nuestras preferencias y necesidades

Ahora que ya sabemos movernos con la documentación, os propongo añadir una configuración para especificar el uso de llaves mediante "curly"

Aplicamos lo aprendido en el primer proyecto que hemos desarrollado de la API GraphQL, repasando lo que hemos aprendido y así conseguimos buscar / solucionar los problemas dados

Configuramos la ejecución de Nodemon en el que haciendo uso de los eventos añadimos la opción para ejecute el comando de lint, para buscar errores al momento de hacer cualquier cambio, con el objetivo de encontrar los problemas en tiempo real y no cuando ejecutemos manualmente.

Aplicamos lo aprendido con el ejemplo de la API Base

Realizamos la configuración para cargar todos los ficheros graphql que estarán separados de manera modularizada y unirlos en uno para ejecutarlo de manera normal

Aplicamos lo aprendido con el proyecto de la API Base aplicándolo en el proyecto de la librería que hemos desarrollado anteriormente

Realizamos la configuración para cargar todos los ficheros typescript con el contenido de los resolvers que estarán separados de manera modularizada y unirlos en uno para ejecutarlo de manera normal

Aplicamos lo aprendido en el video anterior con la API de la librería

Práctica propuesta para implementar la refactorización de los resolvers de la API de la tienda de libros.

Introducción a la sección en la que se explica de que va a tratar la sección

Pasos necesarios para instalar y configurar MongoDB en nuestros equipos

Primeros pasos trabajando con las bases de datos en MongoDB

Aprenderemos las nociones básicas sobre la gestión de las colecciones

Comenzaremos con el trabajo de los documentos aplicando la inserción

Trabajando con las funciones insertOne e insertMany

Empezamos con las operaciones de lectura mediante la lectura

Realizamos las búsqueda haciendo uso de los operadores de comparación

Búsquedas de documentos utilizando los operadores lógicos AND y NOT

Búsquedas de documentos utilizando los operadores lógicos OR y NOR

Búsqueda de documentos haciendo uso de las expresiones regulares

Búsquedas combinando los operadores lógicos AND / OR

Aprenderemos a actualizar la información de los documentos

Aprenderemos a eliminar los documentos seleccionados

Instrucciones para instalar MongoDB Compass y preparativos para empezar a trabajar con el programa

Proceso de instalación de MongoDB Compass para Windows / Linux

Nota informativa para tener en cuenta el cambio de versión

Manejo básico de las bases de datos utilizando MongoDB Compass

Trabajaremos con las colecciones

Introduciremos documentos mediante la opción de inserción documentos

Ejercicio práctico para añadir más documentos

Solución a lo propuesto en la práctica

Comenzamos con la búsqueda de documentos

Búsqueda de documentos utilizando los operadores de comparación

Búsqueda de documentos utilizando los operadores lógicos AND / NOT

Búsqueda de documentos utilizando los operadores lógicos OR / NOR

Búsqueda de documentos utilizando expresiones regulares

Búsqueda de documentos utilizando los operadores lógicos AND / OR combinándolo con expresiones regulares

Actualizaremos los documentos

Eliminaremos los documentos

En este video se muestra lo que se va a conseguir y que utilizaremos para llegar a ese objetivo

Añadimos el proyecto de API que usamos como plantilla y ajustamos los apartados necesarios y añadimos la instalación de las dependencias

Instalamos el paquete necesario y añadimos los pasos para configurarlo implementándolo en el proyecto de manera satisfactoria

Añadimos las operaciones con los tipos de raíz Query y Mutation además de los tipos de objeto y elementos necesarios

Haciendo uso de la definición del schema completo en un fichero, vamos a modularizar organizando por partes todo el contenido para que sea más fácil de trabajar con las futuras implementaciones y mejoras

Realizamos los pasos necesarios para conectarnos a una Base de Datos MongoDB en una API GraphQL

Implementamos las opciones para captura el estado de la conexión y mostrarlo en el terminal, dando el feedback correcto al usuario

Implementamos la solución con una estructura válida pero con información fake antes de tener información de usuarios en nuestra Base de Datos

Comenzamos aplicando los pasos iniciales y lo que realizaremos con el tipo de raíz Mutation correspondiente a la definición "add", para registrar usuarios

Una vez introducido el usuario, necesitamos un ID y en esta clase lo vamos a conseguir siguiendo unos sencillos pasos

Una vez que ya tenemos el ID asignado al nuevo usuario, insertamos esa información en la Base de Datos sin realizar ninguna validación más

Implementamos las validaciones para comprobar si el usuario existe y si el password ha sido introducido

Devolvemos una respuesta completa con las diferentes posibilidades que podemos encontrar en operaciones completas / fallidas

Una vez que ya tenemos creados varios usuarios reales, vamos a obtener la información desde la Base de Datos

Implementamos la solución a la definición del login donde podremos iniciar sesión con nuestro credenciales

Implementamos la encriptación del password para darle más seguridad

Ahora que ya tenemos las contraseñas encriptadas, para poder dar como válida las contraseña al iniciar sesión, necesitamos modificar el apartado donde comparamos las contraseñas

Introducción a lo que son los JSON Web Tokens y primeros pasos de instalación en nuestro proyecto

Creamos el token cuando el usuario está verificado y la sesión sea correcta

En este apartado veremos como añadir un token de autorización en el playground para que podamos obtener en el servidor y añadirlo en el context, para poder compartirlo en todos los resolvers y usarlo cuando sea oportuno

Empezamos a darle solución a la definición "me" dentro del Query y con ello añadiremos la función para verificar los tokens y dejamos pendiente de verificar y dar una respuesta dependiendo del resultado

Terminamos la solución de "me" dentro del Query con la verificación y respuesta teniendo en cuenta si es válido o no el token

Empezamos con la solución de la definición "modify" dentro de Mutation hasta poder modificar la información del usuario seleccionado. En este caso no verificamos mediante el token para dar acceso a la modificación

La continuación del apartado anterior donde en este caso implementamos la verificación del token y si es válido, nos da opción de actualizar

En este video os mostraré que es una interfaz, para que se usa y empiezo con los pasos iniciales para implementarlo

Le damos solución mediante el resolver types a la interfaz Result y vemos en el playground los ejemplos

Actividad que nos sirve para repasar con lo aprendido anteriormente cuando hemos aprendido a modularizar los schemas y resolvers

Introducción a lo que vamos a trabajar durante esta sección

Proceso para aprender a instalar Angular CLI

Información importante a leer

Creamos el proyecto, lo probamos en ejecución y terminamos instalando las dependencias necesarias para poder consumir una API en GraphQL

Preparativos del proyecto para tener todo a disposición con el objetivo de poder trabajar con los datos de la API GraphQL que tiene una base de datos en MongoDB sin impedimentos

Creamos el módulo de graphql para configurar y usarlo en el proyecto con el objetivo de poder consumir la información de la API GraphQL

Primera ejecución contra la API desde el cliente Angular para obtener la lista de usuarios almacenada en la base de datos

Iniciamos la sesión enviando los datos a la API de GraphQL para obtener la información de la sesión con el token

Obtenemos la información de ese usuario haciendo la autenticación JWT con el token que hemos obtenido en la clase anterior

Para optimizar el código, separamos las operaciones de consulta GraphQL en ficheros independientes dentro de un directorio que usaremos para ello

Añadimos las llamadas a la API de GraphQL que hacemos desde el app.component en el fichero del servicio API con objetivo de refactorizarlo

Añadimos Bootstrap para poder utilizar sus compontentes para que quede visualmente más atractivo

Comenzamos con el formulario de inicio de sesión, cremoa sl el componente y añadimos el contenido HTML inicial

Hacemos el proceso de adaptar la plantilla HTML para que podamos trabajar en Angular sin problemas

Pasos para conseguir realizar la validación del campo del email, para introducir información que sea únicamente de tipo email

Enunciado de la práctica propuesta

Video en el que se muestra la solución del reto propuesto en la clase anterior

Añadir la ruta para acceder a la página de inicio de sesión

Realizaremos el login contra la API introduciendo nuestros credenciales

Gestionando el inicio de sesión dependiendo si los credenciales introducidos son correctos o no

Primeros pasos con la página personal. Creación del componente y primeras configuraciones

Configuración de las redirecciones dependiendo de si estamos logueados o no

Mostrar la información del usuario autenticado con el token JWT

Gestionamos la acción de cerrar sesión

Creamos la lista de usuarios que están registrados en la base de datos

Creamos el navbar para poder navegar entre las diferentes páginas de manera sencilla

Crear servicio de autenticación donde vamos a gestionar el estado de la sesión y con ello mostramos / ocultamos la información dependiendo de ese estado

Añadimos la directiva *ngIf para gestionar las opciones del menú dependiendo si ha iniciado sesión o no

Creamos un observable del estado de la sesión para poder saber en todo momento el estado y poder gestionar correctamente las opciones correspondientes al navbar y navegación de las páginas

Hacemos un control del estado de la sesión para optimizar la gestión de las opciones que se visualizarán o no

Últimos ajustes necesarios para manejar correctamente la acción de cerrar sesión antes de iniciar con el apartado del registro de los usuarios

Creamos el componente de la página del registro y realizamos los primeros ajustes necesarios como la ruta y hacemos la prueba de que se visualiza correctamente

Creamos el formulario y realizamos la primera prueba antes de enviar la información a la base de datos mediante la API

Vamos a realizar la operación mutation de GraphQL para poder añadir usuarios en la base de datos

Mostramos la información del resultado con un alert después de enviar el usuario a registrar

Protegemos la ruta de la página personal para no poder acceder cuando no tenemos la sesión iniciada

Creamos un observable para almacenar la información de la sesión del usuario para compartirlo en los componentes que creemos oportuno

Comprobamos los credenciales en el servicio de autenticación en vez de hacerlo componente a componente, reduciendo el código duplicado

Una vez que ya tenemos disponible la función para inicializar la comprobación del estado de la sesión, la ejecutamos desde todos los componentes

Mediante las clases de bootstrap personalizamos el navbar con las diferentes variantes y terminamos dándole un fondo personalizado con el color que queramos

Personalizamos los formularios de inicio de sesión / registro de usuario mediante CSS para darle un toque más personal

Código del proyecto final para su descarga