Curso Fullstack Java y React - Curso practico

Construyamos algo fantástico

4.45 (145 reviews)
Udemy
platform
Español
language
Software Engineering
category
Curso Fullstack Java y React - Curso practico
917
students
14 hours
content
Aug 2023
last update
$49.99
regular price

What you will learn

A crear una aplicación web full stack desde 0 con ultimas tecnologías

Description

En este curso aprenderán a crear una SPA utilizando React, Spring boot, y Mysql. Comenzaremos desde lo mas básico y después nos concentraremos en temas mucho mas avanzados. Aprenderás a crear autenticación con JWT en Java y React, como conectar tu aplicación Spring a una base de datos MySQL para la persistencia de datos, como utilizar un ORM como Hibernate en tu proyecto, como hacer tus aplicaciones WEB Spring mas seguras, como crear una RestFul API de forma correcta con soporte para JSON y XML, como conectar nuestra aplicación de React con nuestro backend para consumir los distintos endpoints, también aprenderás a manejar el State global de tu aplicación en React. Después aprenderás como lanzar tu aplicación a producción utilizando despliegue continuo con Gitlab, y como crear contenedores de Docker para correr tus aplicaciones de Spring boot.

Content

Introducción

Arquitectura de la aplicación

Instalar todo lo necesario

Instalación JDK JAVA
Instalación Visual Studio Code
Instalación de Node y NPM

Crear proyecto Sprint boot

Creando proyecto Spring Initialzer
Abrir aplicación con Visual Studio Code
Primer controlador User Controller
Metodos Get y post
Instalar Xampp
Crear base de datos
Configurando dependencias para conectar base de datos
Conexion a base de datos

Crear autenticación para nuestro sistema

Especificar a nuestro endpoint los datos a recibir
Crear la clase User Details Request Model
Crear la clase User Rest
Solución de problema en clase User Rest
Crear clase User Dto
Utilizar las clases User Request, User Rest y User DTO en nuestro controlador
Implementar User Service Interface
Crear una entidad para los usuarios
Interfaz User Repository
Crear el usuario en User Service
Probar la aplicación
Comprobar si el usuario ya existe en la base de datos
Crear un id publico para el usuario
Añadir Spring boot security
Encriptar la contraseña
Hacer que nuestro endpoint para registrar sea usuarios publico
Crear clase login request model
Implementar Load User By Username
Crear clase Security constants

Inicio de sesión en nuestro sistema

Implementando inicio de sesión parte 1
Implementando inicio de sesión parte 2
Probar inicio de sesión
Refactorizar proyecto
Modificar URL de inicio de sesión
Hacer nuestra aplicación stateless
Creando clase authorization filter
Creando clase authorization filter parte 2
Probar endpoint get user
Creando clase SpringApplicationContext
Añadir el id publico del usuario en el header
Leer el token secret desde el archivo de configuracion
Creando índices para email y userid
Implementando endpoint para obtener datos de usuario
Agregando soporte XML

Excepciones

Manejo de excepciones
Email exists exception
Clase para manejar nuestras excepciones especificas
Retornando un objeto de error message
Manejar el resto de las excepciones

Relaciones entre tablas

Modelo Entidad Relación de nuestro sistema
Crear entidades
Fechas automáticas
Relación user post
Relación post exposure
Comprobar que nuestras relaciones estén bien
Creando exposures
Creando DTO para post y exposure
Creando PostCreationDto
Crear controlador y request para los posts
Agregar dependencia model mapper
Crear post service y repository

Crear los post en nuestro sistema

Crear nuestro post parte 1
Crear nuestro post parte 2
Crear nuestro post parte 3
Probando nuestro endpoint para crear post
Corrigiendo fechas y expiración del post
Creando endpoint para los post del usuario
Crear método para la consulta
Convertir de una lista de Post Entity a Post Dto
Probando nuestro endpoint
Omitiendo campos en modelmapper
Consultas usando lenguaje SQL
Terminar endpoint para post públicos
Probar endpoint de post públicos
Quitando autenticación de nuestro endpoint de post públicos
Comprobar si el post ya ha expirado
Endpoint para retornar detalles de un post
Endpoint para retornar detalles de un post parte 2
Probar endpoint para los detalles del post
Endpoint para eliminar post
Endpoint para actualizar post
Probar endpoint para actualizar post

Aplicación en React usando hooks

Crear una app en React
Instalar dependencias
Configurar nuestra react app
Configurar el router
Configurar react redux

Inicio de sesión en React

Formulario de inicio de sesión
Validar formulario de inicio de sesión
Crear acción para el inicio de sesión
Enviar formulario de inicio de sesión
Habilitar CORS en Spring boot
Procesar JWT token
Cargar token al recargar la aplicación
Comprobar si el usuario esta en el sistema
Cerrando sesión
Corrigiendo error dispatch
Rutas protegidas por autenticación
Mensaje de error por credenciales incorrectas

Registro de usuarios en React

Crear Registro en el sistema
Finalizar nuestro registro de usuarios

Posts en nuestra aplicación de React

Corregir nombre de función
Lista de post públicos
Utilizar moment en nuestro proyecto
Creando vista detalles del post
Creando vista detalles del post parte 2
Instalar SystaxHighlighter
Copiar contenido del post al portapapeles
Usando alertas en nuestra aplicación
Permitir la descarga del post
Creando vista para los post del usuario
Añadir botones a controles
Placeholder cuando esta cargando posts
Crear formulario para crear post
Crear post
Notificación que el post se ha creado
Solucionando nombre endpoint
Crear un reducer para los posts del usuario
Cargar posts del usuario al store
Traer los posts al crear un nuevo post
Eliminar post
Editar post parte 1
Editar post parte 2
Imagen para cuando no hay posts
Mostrar mensaje que no hay posts
Refactorizando código
Corrigiendo warnings eslint

Lanzar nuestra React app en AWS con GitLab

Crear nuestro bucket en S3
Crear una política para nuestro bucket
Crear nuestro repositorio en Gitlab
Archivo de configuración despliegue continuo
Crear un usuario para S3
Enviando cambios a nuestro repositorio remoto
Lanzando nuestra app en S3

Refactorizando código en app de Java

Instalar paquetes de validación
Validando modelo para crear usuario
Retornando un objeto con los errores de validación
Validando modelo para crear post
Refactorizando nuestro código
Creando datos en la base de datos al inicializar aplicación

Lanzar nuestra Spring Boot API en AWS EC2

Crear EC2 instance en AWS
Conectarnos a la instancia EC2 con SSH
Instalar Mysql en EC2
Crear usuario y base de datos
Crear repositorio en Github
Clonando repositorio en EC2
Instalando Java y Maven
Generar archivo para lanzar aplicación
Instalar Docker y Docker compose
Crear archivos de configuración de docker y docker-compose
Probando API
Cambiando endpoint en nuestra app de react
Probando nuestra app completa

Reviews

Mariana
May 30, 2023
Excelente curso, he visto varios y definitivamente este ha sido el mejor. Lo único malo es que hay cosas que ya estan deprecated y el profresor no respode. Sin embargo, nada que no sea imposible de googlear
Antonio
April 4, 2023
Un curso muy bueno y completo. tocando cosas muy interesantes. Sólo recalcar que las versiones de las tecnologías están un poco atrasadas. Muchas gracias
Yamir
March 2, 2023
Porque el instructor no contesta las preguntas y por otro lado las herramientas explicadas en el curso son muy viejas y cuando uno sigue el curso con últimas versiones no funcionan las cosas como se esperaban y uno pierde tiempo buscando la respuesta en otro lado
Nelson
February 9, 2023
Realmente el curso es bueno respecto a la parte de backend con spring boot, pero hay un pequeño problema y es que esta desactualizado en cuanto a librerías, el verdadero problema no es ese, el problema es que el instructor no responde los mensajes de preguntas de ninguno de sus estudiantes o si lo hizo, dejo de hacerlo de un tiempo determinado hacía aquí.
Juan
September 19, 2022
el curso esta demasiado desactualizado dice que es de 2022 pero casi todas las clases son de versiones muy viejas de Spring y React
Juan
May 23, 2022
El curso es bastante bueno, nos enseña cosas nuevas que no conocía sobre las APIS, la seguridad, la manera de tratar con los objetos, crear diferentes clases para su diferente manejo. Una pequeña sugerencia podría ser una mayor explicación en la parte de los endpoints de por qué utilizamos los Dto, luego los Rest y pasamos copiando características de una clase a otra, porqué no solo excluir esas propieades o enviar como null debido a la eficiencia.
Ronny
May 9, 2022
Bueno el contenido pero le hace falta explicar mejor. Muchas veces solo narra lo que tipea y al final da una explicación pequeña, cuando es mejor entender el panorama desde el inicio. Y narrar que hace cada parte y no solamente comentar usamos la función a b o c.
Francisco
March 26, 2022
Hay muchas cosas desactualizadas, como clonar github, react router dom, entre otras. Si el instructor puede actualizar los videos, el curso seria 5 estrellas.
Luis
August 3, 2021
Este curso es muy bueno, es orientado a ser practico y la explación en buena. Podria mejorar la calidad del video para que llegue a 1080. pero el contenido vale la pena.
Orlando
July 3, 2021
Aunque realmente no es un proyecto que se pueda aplicar a la realidad, si es cierto que la manera en la que aborda los temas (Arquitectura y seguridad) si se aplica en proyectos empresariales, super buen curso , ya espero q publiqué otro , donde utilicé spring Security⭐⭐⭐⭐⭐
Luis
June 11, 2021
El curso en general es bueno. Aunque en algunas secciones realiza muchos cambios redundantes y tiende a enredar, pero es recomendado y se debe poner mucho cuidado a todas las acciones del profesor.
Manuel
June 2, 2021
Es curso es muy bueno para los que ya tienen algún conocimiento básico previo. Toca es hacer muchas veces el tutorial. Como sugerencia al docente, seria bueno que expusiera con diagramas los flujos, por ejemplo los de SpringSecurity. para uno entender mejor, y ya.
Mary
April 13, 2021
Muy buen curso, no tengo mucha experiencia con Spring, pero el profesor explica todo muy claro, recomendado.
Johnny
April 11, 2021
Finalmente no puedes consumir la api desde la web porque reclama "Mixed Content" ya que la web esta como https y la está como http
Gabriel
April 1, 2021
El curso es una verdadera pasada, el profesor va directo y al grano, con las mejores practicas de programación.

Charts

Price

Curso Fullstack Java y React - Curso practico - Price chart

Rating

Curso Fullstack Java y React - Curso practico - Ratings chart

Enrollment distribution

Curso Fullstack Java y React - Curso practico - Distribution chart
3657264
udemy ID
11/24/2020
course created date
12/18/2020
course indexed date
Bot
course submited by