Angular + Spring Boot. Se un Full Stack developer

Aprende a desarrollar aplicaciones de Back-end y Front-end completas con Angular y Spring Boot.

(40 ratings)

156 students

Created by Alberto Palomar

Last updated 12/2019

Spanish

Spanish [Auto]

30-Day Money-Back Guarantee

What you'll learn

Angular
Spring Boot
Api Rest
JWT
Crear aplicaciones Full Stack con Angular y Spring
Autorización y Autenticación

Requirements

Conocimientos de algún lenguaje de programación. Por ejemplo Java o JavaScrip. Se deben tener conocimientos de Programación Orientada a Objetos

Description

A lo largo de este curso aprenderás a desarrollar aplicaciones completas tanto desde el punto de vista de la parte del Front-end como desde el punto de vista del Back-end. A través de este curso tendrás una visión completa de lo que se le suele pedir a nivel profesional a un desarrollador full-stack.

Si realizas este curso tendrás una base solida para desarrollar aplicaciones SPA en Angular y además de un Back-end donde podrás hacer operaciones CRUD a una base de datos y además con autenticación a través de JWT, que es el estándar actual más utilizado a la hora de generar tokens debido a su versatilidad.

A lo largo de este curso aprenderás lo siguiente:

Angular -> Hoy en día es uno de los frameworks más utilizados a la hora de general SPA (Single Page Application), lo que te va a ayudar a crear web modernas y escalables.
Api Rest con Spring Boot -> Spring Boot nos ayuda a crear API Rest de una manera muy sencilla y sólida.
Angular Material -> Para diseñar una web como la gente de Google.
MySQL y Workbench -> Crea base de datos y realiza operaciones CRUD de manera sencilla con dicha tecnología.
Implementar autenticación y autorización a través de JWT.
Conectar el FrontEnd (Angular) con tu Backend (Spring Boot) y este a su vez con la base de datos (MySQL)

Hoy en día las tecnologías que se dan en este curso son muy utilizadas a nivel profesional, por lo tanto tener conocimiento de front y back y en estas tecnologías puede abrirte muchas puertas en el mercado laboral.

Como puedes ver en el temario de este curso te vas a encontrar una primera parte en la que aprenderás Angular, a continuación aprenderás a crear tu propia API Rest con Spring Boot y por último veremos como combinar ambas tecnologías para desarrollar nuestra aplicación ideal.

Si siempre has querido hacer tus propias aplicaciones, no lo dudes y apúntante a este curso.

Who this course is for:

Desarrolladores que quieran ser full stack

8 sections • 229 lectures • 15h 5m total length

Preview00:53
Instalar NodeJS
02:10
Preview01:42
Instalar Visual Studio Code
00:44
Primer Proyecto NodeJS con Virtual Studio Code
03:32
Preview02:53

Preview04:23
Preview05:07
Preview01:05
Módulos en Angular
03:03
Componentes en Angular
04:50
Creando nuestro Primer Componente
07:53
Utilizando nuestro primer componente
06:54
Configurando nuestro primer componente
06:05
Interpolación
03:44
Property Binding
03:23
Template Reference Variable
03:03
ngModel Dos formas de DataBinding
05:57
Directiva ngIf
05:20
Directiva ngSwitch
03:29
Directiva ngFor
02:23
@Input
05:51
@Output
05:42
Servicios e Inyección de Dependencias
04:47
Creando nuestro primer servicio
07:51
Probando el Servicio
01:53
Primera llamada HTTP
12:00
Probando HTTP GET
01:29
Gestión de Errores HTTP
08:10
Angular Material
06:31
Angular Material Parte 2
06:17
Enrutamiento y Navegación
12:53
Continuando con Enrutamiento
04:43
Código GitHub
00:00

Instalar Eclipse
01:46
Instalar JDK Java Development Kit
01:47
Instalar Spring en Eclipse
03:03
Instalar el JDK en lugar del JRE
02:04
Instalar MySQL y Workbench
04:07
Vista Rápida Workbench
02:01
Descarga el Código de este Proyecto
00:00
Primer Proyecto Spring Boot y POM
08:56
Application.Properties
05:56
¿Qué es una Entidad? - Profesor Entity
12:14
¿Qué es DAO? - Profesor DAO
08:55
¿Qué es un Servicio? - Interfaz Profesor Service
04:23
Implementación Profesor Service
13:09
¿Qué es un Controller? - Profesor Controller
06:17
Profesor Controller - Método Post - Salvar Profesor
05:09
Postman
01:41
Introducción a Postman
06:10
Actualizando el POM
01:52
Crear Base de Datos en Workbench
05:39
Profesor Controller - Método Post - Crear Profesor
07:24
Profesor Controller - Método Get - Listar Profesores
07:16
Profesor Controller - Método Update - Actualizar Profesor
12:55
Profesor Controller - Método Delete - Borrar Profesor
04:50
Profesor Controller - Método Delete - Borrar Todos Los Profesores
03:48
Profesor Controller - Método Put - Actualizar Profesor con Query
07:14
Profesor Controller - Método Delete - Borrar profesor con método Post
04:11
Profesor Controller - Método Post - Encontrar Profesor
06:04
Profesor Controller - Método Post - Login
04:48
Mapper Pattern - Mapeo de Datos
16:38
Base de Datos - Relación 1 a N
01:13
Relación 1 a N - Curso Entity
05:25
Relación 1 a N - Actualizando Entity Profesor a 1 a N
05:02
Relación 1 a N - Curso DAO
02:52
Relación 1 a N - Interfaz Curso Service
01:44
Relación 1 a N - Implementación Curso Service
03:44
Relación 1 a N - Curso Controller
07:52
Relación 1 a N - Testeando con Postman
05:20
Relación 1 a N - Testeando con Postman Segunda Parte
05:29
Base de Datos Relación Muchos a Muchos
01:35
Relación Muchos a Muchos - Lenguaje Entity
09:48
Relación Muchos a Muchos - Actualizando Profesor Entity
05:41
Relación Muchos a Muchos - Lenguaje DAO
02:26
Relación Muchos a Muchos - Interfaz Lenguaje Service
01:22
Relación Muchos a Muchos - Implementación Lenguaje Service
02:53
Relación Muchos a Muchos - Lenguaje Controller Método GET
04:12
Relación Muchos a Muchos - Lenguaje Controller Método POST
01:38
Relación Muchos a Muchos - Testeando Lenguaje Controller
04:29
Relación Muchos a Muchos - Profesor-Lenguaje Controller
13:21
Relación Muchos a Muchos - Testeando Profesor-Lenguaje con Postman
03:07
Relación Muchos a Muchos - Testeando con Postman Parte 2
04:39

Descarga el Código de este Proyecto
00:00
Introducción a Autenticación Básica
02:27
Configurar Nuevo Proyecto Eclipse y el POM
02:35
Applicacion.Properties
01:15
Profesor Entity
02:20
Profesor DAO
01:05
Interfaz Profesor Service
01:14
Implementación Profesor Service
01:58
Profesor Rest Controller
05:53
Creando la Base de Datos en Workbench
03:36
Security Config Class
03:25
Configuración Security Config Class
07:33
Finalizando Security Config
03:01
Probando Basic Authentication en Postman
11:58

Descarga el Código de este Proyecto
00:00
¿Que es un Token?
04:34
Formato JWT
07:22
Nuevo Proyecto JWT
02:02
Security Controller Class
06:52
Login Class
01:21
JwtUser Class
01:52
JwtAuthenticationToken Class
02:44
JwtUserDetails Class
03:24
Constants Class
03:15
JwtAuthenticationTokenFilter Class
08:18
Jwt Validator
05:52
JwtSuccessHandler Class
00:58
JwtAuthenticationEntryPoint Class
01:17
Jwt Generator Class
03:49
JwtAuthenticationProvider Class
07:37
TokenController Class
07:23
JwtSecurityConfig Class Parte 1
10:11
JwtSecurityConfig Class Parte 2
01:18
Probando JWT con Postman
06:02
Mejorando Respuesta Token a JSON format
02:14

Creando nuestro proyecto de Backend
02:23
Application.Properties
01:50
Entity
04:24
IUserDao
03:05
IUserService
01:29
UserServiceImpl
03:45
UserController
04:40
Creando la Base de Datos
02:50
Probando con Postman
03:23
Guardando la Fecha
01:28
JwtAuthenticationEntryPoint Class
03:30
Constants Class
02:08
JwtAuthenticationTokenFilter Class
07:53
JwtAuthenticationToken
02:32
JwtUser Class
00:51
JwtUserDetails Class
01:56
JwtValidator
05:54
JwtSuccessHandler Class
01:20
JwtGenerator
04:47
JwtAuthenticationProvider Class
05:24
JwtSecurityConfig Class Parte 1
05:59
JwtSecurityConfig Class Parte 2
03:01
Devolviendo el Token al Cliente
05:54
Login User
04:16
Actualizando a NotFound
00:11
Task
04:28
ITaskDao
01:54
ITaskService
01:14
TaskServiceImpl
03:09
Refactorizando Task
00:26
TaskController CreateTask
07:05
SuccessfullAuthentication
00:40
Probando con Postman
04:11
TaskUpdate
03:13
TaskUpdate Segunda Parte
01:29
Lista de Tareas
03:11
Lista de Tareas con Postman
03:32
Borrar Tarea
01:35
Probando con Postman
01:45
Guardar Imagen POST
08:46
Guardar Imagen POST Parte 2
04:54
Probar con Postman
03:10
MetodoGet Recuperar Imagen
05:22
Metodo Get Obtener Imagen
01:35
CORS
03:07
Código GitHub
00:00

Creando Aplicación en Angular con CLI
01:21
ng serve
01:52
Creando componentes con Angular CLI
02:22
app-routing-module
03:27
router outlet
02:51
Añadiendo el mismo header a nuestra SPA
01:23
Creando el Header
07:39
Finalizando el Header
02:44
HTML Formulario de Registro
08:15
Finalizando el Formulario de Registro
02:25
Formulario de Login
03:51
Finalizando el Formulario de Login
00:48
Formulario Create Task
04:50
Finalizando Formulario Crear Tarea
00:39
AuthService
06:28
Registrando Usuario
04:16
Probando Registrar Usuario con el Backend
02:55
Creando el Servicio de Login
04:27
Probando Login con el Backend
01:33
Guardando Token en LocalStorage
03:26
Navegando dentro de nuestra aplicación
03:05
isLogged()
01:36
Guard
02:16
AuthGuard
03:52
Probando AuthGuard
04:40
Token Interceptor
08:20
Probando Token Interceptor
01:46
Probando que se envia el Token
03:47
Creando Task Service
04:35
Finalizando Crear Tarea
02:37
Probando Crear Tarea
02:47
Creando Listar Tareas HTML
11:01
CSS Listar Tareas
02:28
GetTasks
04:12
Probando Listar Tareas
02:46
Actualizando nuestra vista
01:19
Editar Una Tarea
04:39
Probando Editar Tarea
00:58
Borrando una Tarea
04:26
Probar Borrando una Tarea
00:43
Logica Logout
06:03
Probando Logout
00:50
Añadiendo SnackBar
03:11
Actualizando Backend 401
07:56
Gestionando Error 401
01:39
401 Editar Tarea
02:05
401 Crear Tarea
02:05
Mejorando Crear Tarea
01:46
Cargar Imagenes
06:02
Finalizando Guardar Imagen
04:38
Probando Crear Tarea con Imagen
00:43
Mostrar Imagen en Listar Tareas
02:12
Código GitHub
00:00

Alberto Palomar

Ingeniero de Telecomunicaciones

4.3 Instructor Rating
2,656 Reviews
32,460 Students
28 Courses

Soy desarrollador de Android. Ahora mismo estoy desarrollando aplicaciones financieras utilizando Kotlin como lenguaje de programación.

Soy Ingeniero de Telecomunicaciones de la Universidad Politécnica de Madrid y un a amante de las nuevas tecnologías y de Android.

Me encanta enseñar mis conocimientos y actualmente compagino mi trabajo como desarrollador de Android con cursos de Formación para que la gente pueda aprender a Programar

This course includes:

Angular + Spring Boot. Se un Full Stack developer

What you'll learn

Requirements

Description

Who this course is for:

Course content

Instructor

This course includes:

Angular + Spring Boot. Se un Full Stack developer

What you'll learn

Requirements

Description

Who this course is for:

Course content

Instalando lo Necesario para Angular6 lectures • 12min

Angular28 lectures • 2hr 25min

Introducción a API Rest11 lectures • 19min

Introducción a API Rest Primera Aplicación50 lectures • 4hr 24min

Basic Authentication Rest Java Spring - Autenticación Básica con Spring Boot14 lectures • 48min

Autenticación por Token JWT21 lectures • 1hr 28min

Backend - Spring Boot y MySQL46 lectures • 2hr 30min

FrontEnd - Angular53 lectures • 2hr 59min

Instructor