GraphQL con Angular de 0 a Experto. JWT, Sockets, MongoDB
Información
Udemy
Online
Curso
Crear aplicaciones completas con Angular, Apollo y GraphQL Crear sistemas de login / registro con JWT (JSON Web Tokens) en una API de GraphQL Crear APIs GraphQL consumiendo APIs REST mediante la librería Apollo DataSource Rest Crear aplicaciones Fullstack desde el Frontend hasta el Backend con Typescript Publicar proyectos Frontend y Backend desarrollados en producción con Heroku Como crear un schema en GraphQL siguiendo las convenciones y reglas Aplicaciones con actualizaciones en tiempo real con Subscriptions haciendo uso de los Web Socket Consumir APIs de GraphQL con POSTMAN Conocer más sobre MongoDB mediante el Shell de Mongo y MongoDB Compass para ser ces de trabajar en una aplicación GraphQL con Base de datos MongoDB A quién va dirigido Estudiantes de Formación Profesional de ramas de desarrollo e informática Estudiantes unisitarios del ámbito de sofware / informática Autodidactas ysionados por el desarrollo Desarrolladores Web Frontend Desarrolladores Web Backend Desarrolladores Aplicaciones Móvil Requisitos Tener muchas ganas de aprender, eso es lo principal Conocimientos básicos de Javascript Conocimientos básicos de Typescript No se necesita saber nada sobre GraphQL o Apollo Client / Ser Conocimientos básicos de Angular. Ser ces de trabajar con una aplicación y tener claros los conceptos de componentes, servicios, pipes, directivas y módulos relacionados a un proyecto Temario completo de este curso Contenido del curso Presentación del curso Desarrollo del curso - ¿Cómo preguntar dudas? Consejos y recomendaciones Desarrollo del curso - Orden a seguir Instalación de Node y NPM Instalación - Typescript / Ts-Node / Nodemon de manera global IDE recomendado para desarrollar curso - Visual Studio Extensiones Visual Studio Code recomendadas ¿Qué es GraphQL? Diferencias REST VS GraphQL Ejemplo práctico - API Swapi - Diferencias REST VS GraphQL Introducción Tipos de Escalares - Scalar Types Tipos de Objecto - Object Types Tipos de Enum - Enum Types Modificadores de tipo Interfaces Root Types - Introducción Root Type: Query Root Type: Mutation Root Type: Subscription Tipos de entrada - Input Type Comentarios Introducción a la sección - ¿Qué vamos a aprender? Interfaz GrapiQL - Nociones básicas Interfaz Apollo Ser - Nociones básicas API que se usará para trabajar en esta sección Queries Queries con argumentos Merge de la misma instancia de objeto Alias Fragments Query Variables Mutations Directivas Include / Skip Sobre el siguiente video - Nota informativa Subscriptions Repaso "Trabajando en la interfaz de GraphQL" Introducción - ¿Qué es lo que vamos a aprender en esta sección? Crear / Configurar los ficheros necesarios Instalación de las dependencias necesarias Hola mundo y configuración de los scripts del package.json. Ejecutar servidor Ser - Inicializar el servidor express con los ajustes por defecto sin graphql Ser - Pasar de Node Express a GraphQL y probarlo en el navegador Ser - Refactorizar código de API GraphQL Configurar la API de GraphQL con Apollo Ser Express y probar como en GraphiQL Código fuente Introducción - ¿Qué es lo que vamos a aprender? Creación / Configurar los ficheros necesarios Instalaciones de las dependencias necesarias Descargar y añadir los ficheros JSON con la información de cursos y alumnos Creación del servidor Node Express con los ajustes básicos y visualizar Especificación de los tipos de defnes en el Schema Añadir los "resols" necesarios y especificar el primer resol Configurar Apollo Ser y probar con la query definida de los estudiantes Resols - Queries - Lista de estudiantes Resols - Queries - Información del estudiante seleccionado Resols - Queries - Lista de cursos Resols - Queries - Información del curso seleccionado Resols - Type - Lista de estudiantes de los cursos Schema y Resols - Mutation - Primeros pasos antes de empezar Schema - Definición del input donde pasamos la información de los cursos Resols - Mutation - Añadir un curso Resols - Mutation - Añadir un curso - Validar para evitar cursos duplicados Resols - Mutation - Modificar un curso Resols - Mutation - Eliminar un curso Código fuente final ¿Qué es lo que vamos a aprender en esta sección? Instalación de Postman Query - Lista de alumnos Query - Alumno seleccionado Query - Alumno seleccionado usando Query Variables Query - Alumno seleccionado usando Query Variables y Fragments Query - Lista de cursos Query - Curso seleccionado Query - Curso seleccionado usando Query Variables Query - Curso seleccionado usando Query Variables y Fragments Query - Curso seleccionado con directiva include / exclude Mutation - Insertar Curso Mutation - Actualizar Curso Mutation - Eliminar Curso Resultado de la colección ¿Qué es lo que vamos a aprender estertado? Instalación / Configuración MongoDB Mongo Shell - Manejo básico de las bases de datos - Primeros pasos Mongo Shell - Colecciones - Crear / Visualizar / Borrar Mongo Shell - Documentos - Insertar Mongo Shell - Documentos - Búsqueda - Parte 1 Mongo Shell - Documentos - Búsqueda - Parte 2 Mongo Shell - Documentos - Actualizar Mongo Shell - Documentos - Eliminar Instalación MongoDB Compass - Para gestionar las base de datos de manera gráfica Instalación MongoDB Compass - Windows / Linux MongoDB Compass - Manejo básico de las bases de datos - Primeros pasos MongoDB Compass - Colecciones - Crear / Visualizar / Borrar MongoDB Compass - Insertar MongoDB Compass - Búsqueda - Parte 1 MongoDB Compass - Búsqueda - Parte 2 MongoDB Compass - Actualizar MongoDB Compass - Eliminar Introducción a la sección - ¿Qué vamos a aprender en esta sección? Descargar proyecto de "Hola Mundo" para usarlo como base y adaptarlo Preparativos antes de empezar de empezar con la API - Parte 1 Preparativos antes de empezar de empezar con la API - Parte 2 Definiendo los types - Añadir las queries, mutaciones y elementos necesarios Ser - Conexión a base de datos MongoDB Ser - Añadir conexión de base de datos al contexto del Apollo Ser Mutation - Añadir usuarios en la base de datos - Registro - Parte 1 Mutation - Añadir usuarios en la base de datos - Registro - Parte 2 Query - Obtener lista de usuarios Query - Login de usuario - Parte 1 Query - Login de usuario - Parte 2 Instalación dependencias jsonwebtoken y bcryptjs Autenticación JWT - Creando la clase para firmar y ificar tokens Query - Login de usuario con información del token ificación del token JWT con la herramienta online jwt.io Mutation - Mejorando la funcionalidad del registro con password encriptado y más Query - Login con password encriptado Query - Autenticación del usuario mediante el token Código fuente del proyecto Introducción Instalación / Actualización Angular CLI Crear proyecto Angular e instalación de las dependencias necesarias Poner en marcha la API GraphQL y la base de datos MongoDB Módulo GraphQL y configuración Apollo Client - Lista de usuarios Apollo Client - Iniciar sesión para obtener el token Apollo Client - Autenticación JWT con el token Refactorización - Añadir las operaciones en ficheros independientes Refactorización - Crear servicio API e implementar las llamadas a la API Añadiendo Bootstrap en proyecto Angular Crear componente Login y añadir HTML del formulario Adaptando formulario a Angular Forms Validando campo del email del formulario RETO - Enunciado propuesto - Validación Campo del Password del formulario Solución reto -. Validación campo del password del formulario Configurando el fichero de rutas con el path de "login" Realizando login contra la API de GraphQL Gestionando el de sesión cuando es correcto o no Página Personal - Creación del componente y primeras configuraciones Página Personal - Redirecciones y modificación de función de autenticación Página Personal - Mostrar la información del usuario autenticado Página Personal - Gestión del botón de cerrar sesión Lista de usuarios registrados Navbar - Crear y primeras configuraciones para navegar entre diferentes rutas Crear servicio para autenticar usuarios y comprobar el estado de la sesión Navbar - Mostrar / Ocultar items dependiendo del estado de la sesión Añadir control del estado de la sesión mediante observables para cambios Controlando el estado de la sesión en el navbar para gestionar las opciones Navbar - Últimos ajustes antes de iniciar el registro de usuarios Registro - Crear componente y primeros ajustes Registro - Creando el formulario y primera prueba Registro - Añadiendo el usuario mediante el mutation Registro - Mostrar la información de la operación de añadir un usuario Guards - Protegiendo la página personal Información del usuario compartida en la app mediante el observable Refactorización - Función de salir de sesión y comprobación de credenciales Refactorización - Hacer la llamada a la función start en los componentes Personalización - Modificar los estilos del Navbar Personalización - Modificar el estilo de los formularios con CSS más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Entender el funcionamiento de la cli y los diferentes modos de usuario de un equipo cisco así como las diferentes memorias... 2 cómo instalar packettracer en windows...
Mainframe IBM en tu PC
(Udemy)
Arrancar el sistema operativo mvs de ibm en la pc... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un entorno de tipo...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Instalación de apache... instalación de centos linux... introducción a la plataforma lamp... adicionalmente, es recomendable contar con conocimientos básicos en...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Y si eres profesional aquí encontraras recopilada y organizada toda la información que necesitas sobre esta patología y cómo trabajarla... terapia de jaula...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Audio descargable (mp3)... niños y adultos que quieran leer y escuchar 16 cuentos clásicos en francés... a quién va dirigido estudiantes con nivel básico-intermedio...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Entusiastas y usuarios de power bi... crearán visualizaciones analíticas de datos para entender el desempeño del call center y evaluarlo... power bi desktop...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
La copia como medio... podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Crear aplicaciones completas con react, apollo y graphql conocer más sobre mongodb y mongoose para integrarlo a sus aplicaciones react crear aplicaciones fullstack...