filmov
tv
Conexión entre Frontend y Backend con Spring Boot y una API REST | Curso de Spring Boot
Показать описание
Bienvenidos a nuestro completo curso de Spring Boot! En este video, te enseñaremos cómo conectar el frontend y el backend de tu aplicación web utilizando Spring Boot y una API REST. Aprenderás los pasos necesarios para establecer una comunicación eficiente entre ambos componentes y crear una experiencia de usuario fluida.
En este curso, exploraremos cómo integrar el frontend y el backend de una aplicación web utilizando Spring Boot como nuestro framework backend y una API REST como mecanismo de comunicación. Aprenderás a establecer la conexión entre ambas partes y a transmitir datos de forma segura y eficiente.
Contenido del video:
Preparación del proyecto: Comenzaremos por configurar un proyecto de Spring Boot y establecer la estructura básica del mismo. Te mostraremos cómo incluir las dependencias necesarias para crear una API REST y cómo organizar tu código de manera adecuada.
Creación de endpoints de la API: Aprenderás a diseñar y desarrollar los endpoints necesarios en tu API REST para permitir la comunicación con el frontend. Veremos cómo manejar peticiones HTTP, procesar y enviar datos en diferentes formatos.
Implementación del frontend: Te guiaremos en la creación del frontend de tu aplicación web utilizando las tecnologías más populares, como HTML, CSS y JavaScript. Aprenderás a interactuar con la API REST para obtener y enviar datos, así como a presentarlos de forma atractiva al usuario.
Conexión entre el frontend y el backend: En esta sección, te enseñaremos cómo establecer la conexión entre el frontend y el backend utilizando Fetch API. Exploraremos diferentes métodos de comunicación, como obtener datos del backend, enviar formularios y manejar respuestas asincrónicas.
Indice de tiempos:
0:00 Introducción.
0:51 Requisitos para seguir el curso.
4:50 Esquema de lo que vamos a hacer en este vídeo.
8:35 Esquema de API REST típica.
12:07 Creando nuestro proyecto Spring Boot.
19:24 Estructura de proyecto Spring Boot API REST Modelos, Repositorios y Controladores.
22:14 Creando nuestros modelos. Entities.
26:33 Creando nuestros repositorios. Repositories.
28:00 Creando nuestros controladores. Controllers.
31:46 CRUD Mapeando metodos GET. READ
48:14 CRUD Mapeando medodo POST. CREATE
53:22 Creando Formulario en el Front-End
01:06:55 Conectando el formulario con el Back-End mediante JS. Enviando JSON por POST.
01:25:53 CRUD Mapeando medodo PUT. UPDATE.
01:29:28 CRUD Mapeando medodo DELETE.
01:33:00 Creando tabla HTML para mostrar nuestros datos.
01:40:00 Rellenando nuestra tabla de manera dinámica con los datos devueltos del Backend.
01:50:56 Borrando un registro desde el Front en la BBDD y actualizando la tabla.
01:54:51 Modificando registro desde el Front en la BBDD y actualizando la tabla.
02:19:22 Despedida.
¡No olvides dar like, suscribirte y compartir!
Si este video te resultó útil y te gustaría aprender más sobre el mundillo de la programación, te invitamos a darle like y suscribirte a nuestro canal. No olvides compartir este video con tus amigos y colegas que también estén interesados en este tema.
Tienes todo el código disponible en:
Sígueme en instagram:
Spring Boot, API REST, frontend, backend, comunicación entre componentes, desarrollo web.
#SpringBoot #APIREST #Frontend #Backend #DesarrolloWeb #Autenticación #Autorización #Despliegue
En este curso, exploraremos cómo integrar el frontend y el backend de una aplicación web utilizando Spring Boot como nuestro framework backend y una API REST como mecanismo de comunicación. Aprenderás a establecer la conexión entre ambas partes y a transmitir datos de forma segura y eficiente.
Contenido del video:
Preparación del proyecto: Comenzaremos por configurar un proyecto de Spring Boot y establecer la estructura básica del mismo. Te mostraremos cómo incluir las dependencias necesarias para crear una API REST y cómo organizar tu código de manera adecuada.
Creación de endpoints de la API: Aprenderás a diseñar y desarrollar los endpoints necesarios en tu API REST para permitir la comunicación con el frontend. Veremos cómo manejar peticiones HTTP, procesar y enviar datos en diferentes formatos.
Implementación del frontend: Te guiaremos en la creación del frontend de tu aplicación web utilizando las tecnologías más populares, como HTML, CSS y JavaScript. Aprenderás a interactuar con la API REST para obtener y enviar datos, así como a presentarlos de forma atractiva al usuario.
Conexión entre el frontend y el backend: En esta sección, te enseñaremos cómo establecer la conexión entre el frontend y el backend utilizando Fetch API. Exploraremos diferentes métodos de comunicación, como obtener datos del backend, enviar formularios y manejar respuestas asincrónicas.
Indice de tiempos:
0:00 Introducción.
0:51 Requisitos para seguir el curso.
4:50 Esquema de lo que vamos a hacer en este vídeo.
8:35 Esquema de API REST típica.
12:07 Creando nuestro proyecto Spring Boot.
19:24 Estructura de proyecto Spring Boot API REST Modelos, Repositorios y Controladores.
22:14 Creando nuestros modelos. Entities.
26:33 Creando nuestros repositorios. Repositories.
28:00 Creando nuestros controladores. Controllers.
31:46 CRUD Mapeando metodos GET. READ
48:14 CRUD Mapeando medodo POST. CREATE
53:22 Creando Formulario en el Front-End
01:06:55 Conectando el formulario con el Back-End mediante JS. Enviando JSON por POST.
01:25:53 CRUD Mapeando medodo PUT. UPDATE.
01:29:28 CRUD Mapeando medodo DELETE.
01:33:00 Creando tabla HTML para mostrar nuestros datos.
01:40:00 Rellenando nuestra tabla de manera dinámica con los datos devueltos del Backend.
01:50:56 Borrando un registro desde el Front en la BBDD y actualizando la tabla.
01:54:51 Modificando registro desde el Front en la BBDD y actualizando la tabla.
02:19:22 Despedida.
¡No olvides dar like, suscribirte y compartir!
Si este video te resultó útil y te gustaría aprender más sobre el mundillo de la programación, te invitamos a darle like y suscribirte a nuestro canal. No olvides compartir este video con tus amigos y colegas que también estén interesados en este tema.
Tienes todo el código disponible en:
Sígueme en instagram:
Spring Boot, API REST, frontend, backend, comunicación entre componentes, desarrollo web.
#SpringBoot #APIREST #Frontend #Backend #DesarrolloWeb #Autenticación #Autorización #Despliegue
0:07:18
¿Como se comunican un FRONTEND y un BACKEND? 🚀
0:08:49
💻 ¿CUÁL es la DIFERENCIA entre un DESARROLLADOR frontend y backend? 💻 | Que es frontend y backend...
0:09:32
Por qué no podemos conectar el Frontend directamente a la Base de Datos?
0:35:45
Creando un Frontend y Backend desarrollo web api con node - Super rapido
2:19:59
Conexión entre Frontend y Backend con Spring Boot y una API REST | Curso de Spring Boot
1:12:17
Así se conecta un FRONTEND con un BACKEND 🧑💻
1:11:24
Realizando conexión entre BACKEND y FRONTEND (Parte 1) | Aplicación FASTAPI con REACT.JS y MySQL
0:09:34
¿Cómo es la AUTENTICACIÓN entre FRONTEND y BACKEND? 🔒🕵🏻♂️
1:01:20
'🚀 Avanzando en mi Proyecto: HTML 🌐, PHP 🐘 y Flutter 🦋 juntos | Episodio 10 🎬'...
0:00:33
#NodeJs, ¿SI O NO?, #frontend #backend #fullstack
0:00:43
Que lenguaje de backend aprender si programo en React?
0:08:13
11. Conectar login de frontend con backend
0:09:05
Back y Front - Ejecutar al mismo tiempo
0:14:07
Frontend vs Backend vs DevOps ¿Cual escoger?
0:14:05
Como conectar mi aplicación de REACT a un backend con node.js?
0:46:54
Entendiendo la comunicación entre el backend y el frontend - Como usar el FETCH y el HTTP
0:54:58
Backend de productos (API sencilla) con Node y Mysql
4:47:25
Nodejs React Mongodb Login y CRUD (Aplicación FullStack)
0:13:19
Connect Frontend to Backend Using React JS and Node JS
0:00:55
📦 ¿Cómo se conecta el backend en NODEJS? | Eduardo Fierro Pro
0:00:13
¿Por qué me quise dedicar al Backend y no al Frontend?
0:20:20
Introducción a la web: DNS, HTTP, Paquetes, JSON, Backend y Frontend, HTML, CSS y Javascript.
0:00:59
¿Qué es más complicado el frontend o el backend?
0:10:44
PROGRAMACIÓN WEB // CONEXIÓN ENTRE BACKEND Y FRONTEND CON Vue.js
Комментарии