Desarrollo Full Stack integrando Angular, Spring Boot y APIs

Name: Desarrollo Full Stack integrando Angular, Spring Boot y APIs
Rating: 4.7 (374 reviews)

Curso práctico para desarrollar apps modernas: integra Frontend con Angular, Backend con Spring Boot y APIs REST.

Role Play

Created byCarlos Adrian Soto Botero

Last updated 9/2025

Spanish

What you'll learn

Crear y consumir APIs REST para conectar el Frontend con el Backend.
Construir microservicios en Spring Boot desde cero.
Diseñar y desarrollar aplicaciones modernas Full Stack utilizando Angular y Spring Boot.
Implementar una arquitectura modular y escalable en proyectos de desarrollo.
Bases Iniciales para gestionar código fuente en un entorno profesional usando Git.
Configurar y usar herramientas esenciales como Nodejs, Visual Studio Code y JDK.
Trabajar con componentes, servicios y routing en Angular.
Resolver problemas comunes de integración entre Frontend y Backend.

Course content

7 sections • 26 lectures • 2h 6m total length

Introducción, metodología y objetivos principales del curso2:21
Presentación general del curso y los objetivos que se pretenden alcanzar, aclaración de la limitante de tiempo impuesta por Udemy para cursos gratuitos.
Si quieres avanzar rápido y evitar errores, aquí mis recomendaciones7:00
Te damos las recomendaciones para abordar de manera exitosa el curso y alcanzar tus objetivos, también comentamos porque es importante para ti una buena calificación en el curso, dado que esto ayuda a mantener el curso vigente y que puedes beneficiarte de actualizaciones y nuevos contenidos.
Invitación a la comunidad en Discord, crea equipo, conecta, comparte y emprende4:27
Con esta herramienta podremos trabajar de manera colaborativa para compartir soluciones a los principales problemas, hacer networking, interactuar con otros estudiantes y explorar diferentes posibilidades y beneficios de las herramientas de trabajo colaborativo.

Instalación y configuración del visual Estudio Code2:22
Instalar la herramienta principal para el desarrollo tanto para el Bakend, así como para el FrontEnd
Instalar Node.js y NPM para trabajar con aplicaciones Javascript en el Front3:31
Instalación y configuración del motor de ejecución y gestor de dependencias para Aplicaciones Java Script.
Instalación del Angular CLI para gestionar aplicaciones con este framework1:55
La consola de comandos de Angular o Angular CLI es fundamental para gestionar aplicaciones que se crean con este framework, aquí te enseñamos como realizar al instalación.
Instalación y configuración de Git5:32
Git es la herramienta mas usada para el control de versiones en el ámbito empresarial, aquí te enseñamos como instalarlo y configurarlo.
Configurar JDK y establecer la variable JAVA_HOME4:01
Se enseña como descargar, e instalar el kit de desarrollo para JAVA JDK y como configurar la variable de entorno JAVA_HOME
Instalar extensiones para crear aplicaciones JAVA en el Visual Studio Code3:38
Existen multiples extensiones disponibles en el merketplace que nos permiten extender su funcionalidad y debemos seleccionar las adecuadas para la tecnología wen la cual estemos trabajando.

El requerimiento, Historias de usuario y el contexto global del proyecto2:32
En un escenario real lo primero que debemos comprender son los requisitos de usuario y el contexto general del proyecto.
Arquitectura de aplicaciones modernas: Backend y Frontend5:54
Lo primero que debemos hacer antes de iniciar el desarrollo es empezar a bosquejar nuestras aplicaciones, proceso que se conoce como sketching en ingles, para ello podemos usar herramientas como figma, diagramas.net o algo mas sencillo como tldraw para plasmar de manera gráfica nuestras ideas o el entendimiento de los requerimientos.
Crear una Aplicación Front con Angular desde cero en Visual estudio Code6:17
Para empezar con el desarrollo fullstack, podemos iniciar por el from que es lo que nos permitirá mostrar avances de manera mas rápida al usuario final para que este pueda sugerirnos cambios o aprobar los avances.
Crear un microservicio spring boot desde cero en visual estudio Code6:07
Crear una Api REST y comprender la estructura de un proyecto spring boot maven9:33
Los microservicios suelen exponer su funcionalidad mediante Apis para que otras aplicaciones puedan utilizarlos de manera eficiente, vamos a crear nuestra primer API Rest.

Git clonar proyectos existentes del repository (Front y Back)4:44
En los proyectos empresariales reales lo mas probable es que empieces a trabajar en proyectos existentes, aquí te enseño como clonar de un repositorio de git el proyecto del front y del Bakend.
Agregar un nuevo módulo y Comprender la estructura de un proyecto Angular7:06
Un proyecto o aplicación de de angular se compone principalmente de pequeñas piezas independientes llamadas módulos y componentes que facilitan la reutilización, el mantenimiento y la evolución de las aplicaciones, vamos a explorar un proyecto existente para comprenderlo mucho mejor y agregar un nuevo modulo.
Trabajando con componentes visuales angular, listas y tablas, listar productos8:57
Angular Materials es un conjunto de componentes gráficos prediseñados que podemos usar para agilizar el desarrollo, como listar elementos, manejar controles de los formularios entre otros muchos componentes de la interface gráfica de usuario.
Menú principal de las aplicaciones, enrutamiento y navegación entre las vistas7:05
Para que el usuario pueda navegar entre las diferentes funcionalidades de la interface gráfica de usuario, es necesario definir rutas para cargar las vistas, eso se hace mediante módulos de enrutamiento en cada modulo de la aplicación y un enrutador principal.

Comprender la comunicación entre front y Back usando el api y modulo de customer7:48
En un proyecto empresarial real, lo mas probable es que tengas que explorar y resolver posibles problemas de comunicación entre los módulos existentes, vamos a explorar el proyecto de customer y a resolver la comunicación con el front antes de continuar con el modulo de productos.
Exportar una API Rest del bakend e importarla en el Front como un Servicio5:39
Para comunicar el backend con el frontend podemos escribir todo el código de manera manual o ser mas eficientes y utilizar las herramientas como los generados de código como swagger que nos permite agilizar el trabajo e implementar estándares de buenas practicas, veamos como exportar el APi de productos bajo este ultimo enfoque.
Comunicación entre módulos de Angular, Referenciar el Product ApiRestService4:11
Una de las claves de la modularidad de Angular esta en comprender como referenciar un módulo desde otros módulos, aquí veremos como importar el módulo de ApiRest en el modulo de listar productos.
Obtener y mostrar el listado de productos del back y resolver problemas de CORS8:23
Para que la vista de usuario pueda comunicarse e interactuar con el backend es necesario definir en el componente .ts de la interface de usuario esta funcionalidad, vamos a ver como definir un método par alistar los productos.

Reto Práctico: Crear el componente del front para agregar un producto
Crear un producto: Trabajando con ventanas emergentes componente MatDialog1:18
Te explico que son los dialogs o ventanas emergentes en angular y te enseño como crearlos.
Bakend: Incluir conexión a base de datos en product basado en Customer3:28
Vamos a refactorizar el bakend para agregar la funcionalidad completa de actualizar y eliminar y añadir una conexión a base de datos y la clase repository JPA de spring Data.
Manejando el evento guardar del formulario crear producto y enviarlo al backend1:56
Se incluye la nueva version del código del backend de producto y se agrega la funcionalidad de guardar al front.
Reto Final: Agregar la funcionalidad Eliminar y Modificar producto

Requirements

Conocimientos básicos de programación en cualquier lenguaje de programación (variables, bucles, estructuras de control).
Deseo de aprender tecnologías modernas y desarrollar proyectos desde cero.
Conocimientos de informática básica como explorar archivos, crear carpetas y archivos y poder instalar aplicaciones de desarrollo.

Description

¿Quieres aprender cómo desarrollar aplicaciones Full Stack modernas desde cero utilizando las tecnologías más demandadas?

Este curso te llevará paso a paso por el fascinante mundo de Angular y Spring Boot, combinando teoría y práctica para que adquieras habilidades esenciales en el desarrollo de software.

¿Que Aprenderás?

De los requerimientos a la codificación: A lo largo de este curso, aprenderás a diseñar, desarrollar e integrar aplicaciones Frontend y Backend utilizando APIs REST.

Instalación y configuración del entorno de desarrollo: Partiremos desde la instalación de herramientas clave como Node.js, Visual Studio Code y Git, hasta la creación de un proyecto completo que incluye un microservicio en Spring Boot y un Frontend en Angular.

Buenas practicas y desacoplamiento en las aplicaciones: No solo aprenderás a codificar, sino también a estructurar tus proyectos de manera modular y escalable, siguiendo prácticas modernas de desarrollo. Exploraremos temas clave como la gestión de componentes, servicios y rutas en Angular, la configuración de Spring Boot para microservicios, y la integración entre ambas partes a través de APIs REST.

Simulaciones con IA: Practica y prepárate para futuras entrevistas y reuniones.

En el mundo real, la teoría no basta. Por eso, este curso incluye un componente único: "Role Plays" con Inteligencia Artificial.

Prepárate para entrevistas: Enfréntate a una IA que actúa como reclutador para dominar tus fundamentos.
Gana confianza: Mejora tus habilidades de comunicación para superar cualquier desafío en el mercado laboral.

¿A quién está dirigido?

Este curso está diseñado para principiantes que desean iniciarse en el desarrollo Full Stack, así como para profesionales que buscan actualizarse con tecnologías modernas. Además, te sumerge en la realidad laboral actual del trabajo eficiente y colaborativo.

¡No esperes más y da el primer paso hacia tu carrera como desarrollador Full Stack!

Who this course is for:

Desarrolladores principiantes interesados en aprender Full Stack desde cero.
Programadores que deseen integrar aplicaciones Frontend y Backend usando tecnologías modernas.
Profesionales en búsqueda de un enfoque práctico para desarrollar APIs REST y proyectos escalables.
Personas interesadas en aprender Angular, Spring Boot o mejorar sus habilidades en desarrollo Full Stack.
Programadores Bakend o Frontend que deseen dar el siguiente paso a preparar su camino al desarrollo full stack y la arquitectura de soluciones.

Desarrollo Full Stack integrando Angular, Spring Boot y APIs

What you'll learn

Explore related topics

Course content

Introducción al curso3 lectures • 14min

Preparación del entorno de desarrollo, las herramientas de trabajo6 lectures • 21min

Las bases fundamentales del Desarrollo Full Stack en aplicaciones modernas5 lectures • 30min

Trabajando en proyectos Reales, Desarrollo del módulo de productos para un CRM4 lectures • 28min

Integración del Frontend y Backend y Generación automática de APIs Rest4 lectures • 26min

Desafío Práctico: Creando el Módulo de Productos3 lectures • 7min

Examen Final: Defiende tu propuesta ante el CTO cierre y lanzamiento profesional2 lectures • 1min

Requirements

Description

Who this course is for: