Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Modeling Data Analysis Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Spring Framework

Angular & Spring 5: Creando web app full stack (Angular 11+)

Desarrollo frontend con Angular 11 y backend Spring 5, Spring Boot 2, API REST, JPA, Spring Security OAuth2, JWT, Socket
Rating: 4.7 out of 54.7 (2,243 ratings)
8,771 students
Created by Andrés José Guzmán
Last updated 1/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Desarrolla aplicaciones web full-stack con Angular (frontend) y Spring Framework 5 + JPA (backend)
  • Desarrolla una aplicación de CRUD completa usando Angular + Spring + JPA + Restful
  • Maneja los componentes, directivas, rutas, pipes y servicios de una aplicación Angular
  • Maneja Spring Security OAuth2 y JWT (autenticación y autorización basada en token)
  • Desarrolla un completo sistema de Facturas usando Angular + Spring Boot + JPA + Restful
  • Aprende a implementar paginación de resultado con Angular y Spring
  • Aprende a implementar subida de archivos
  • Aprende todo lo necesario para trabajar con Angular siguiendo las mejores prácticas
  • Despliega (deploy) el backend Spring en la nube con Heroku
  • Despliega (deploy) el frontend Angular en la nube con Google Firebase
  • Despliega el backend en producción localmente con Apache Tomcat embebido
  • Despliega el frontend Angular en producción localmente con Apache(httpd) y con Node JS y Express
  • Desarrolla una aplicación Chat en tiempo real con Socket y MongoDB
  • Integra y aprende a trabajar con MongoDB en Spring
Curated for the Udemy for Business collection

Course content

21 sections • 220 lectures • 23h 33m total length

  • Preview05:24
  • Antes de comenzar
    03:19

  • Introducción a Angular
    13:44
  • Preview11:37
  • Una mirada al editor Atom e instalando algunos plugins
    06:25
  • Preview13:00
  • Introducción a los Componentes
    04:12
  • Preview10:57
  • Estructura de directorio del proyecto angular: Parte 2 el directorio src
    06:47
  • Integrar Bootstrap con Angular
    06:54
  • Creando nuevo componente HeaderComponent
    10:37
  • Separando el template del componente con TemplateUrl
    02:31
  • Creando nuevo componente FooterComponent
    10:07
  • Directiva estructural *ngFor
    07:07
  • Directiva estructural *ngIf
    04:48

  • Creando el componente clientes.component
    03:28
  • Listando los objetos del tipo Cliente
    07:17
  • Creando archivo clientes.json.ts con la lista de objetos
    02:51
  • Creando la clase de Servicio ClienteService y la Inyección de Dependencia
    07:51
  • Introducción a los Observables
    09:56
  • Implementando Observable en nuestra clase Servicio ClienteService
    08:18
  • Implementando Rutas en Angular y navegación
    05:14
  • Actualización: sobre el archivo angular.cli.json vs angular.json
    00:39
  • Configurando e integrando Bootstrap de forma local en nuestra app
    05:32
  • Actualización: configurando los styles y scripts en archivo angular.json
    00:17
  • Instalando Bootstrap utilizando el comando npm desde el terminal
    03:55

  • Preview02:33
  • Preview06:46
  • Preview06:40
  • Actualización: Wizard para seleccionar dependencias en Spring Tools
    02:25
  • Preview10:23
  • Configurando el Datasource a MySQL en el proyecto backend
    06:46
  • Preview04:12
  • Creando la Base de Datos
    03:11
  • Añadiendo la clase Entity Cliente al Backend
    08:20
  • Añadiendo las clases Repository y Service de la lógica de negocio
    11:48
  • Creando controlador @RestController y EndPoint para listar
    04:22
  • Añadiendo Datos de pueba
    02:54
  • Usando Postman para probar nuestras APIs
    04:09
  • Uso de Cors para compartir recursos en API REST
    04:02
  • Implementando Servicio Angular con HttpClient
    09:28
  • Descargar Código Fuente
    00:03

  • Escribiendo los métodos del CRUD en la clase ClienteService del Backend
    03:44
  • Escribiendo los métodos show y create en el Controlador Backend API Rest
    05:26
  • Escribiendo los métodos update y delete en el Controlador Backend API Rest
    05:37
  • Probando nuestro Backend API Rest con Postman
    06:41
  • Actualización: Modificadores de acceso en las variables public y private.
    00:36
  • Creando el componente form.component y la vista del formulario
    10:46
  • Configurando la ruta y navegación del formulario
    04:55
  • Escribiendo implementación crear en el cliente.service.ts y en form.component.ts
    06:00
  • Actualización: nueva versión de SweetAlert2 8.0.1 o superior
    00:35
  • Instalar SweetAlert2 para enviar mensajes de alerta en el cliente
    05:06
  • Cargando los datos en el formulario para actualizar
    06:28
  • Escribiendo el update en el cliente.service.ts y en form.component.ts
    07:02
  • Escribiendo el delete en la clase service y en el componente clientes
    07:37
  • Overflow en listado de clientes, ajustando layout
    03:16
  • Validando los clientes en la tabla HTML con directiva ngIf
    02:41
  • Descargar Código Fuente
    00:03

  • Manejo de error en el Backend en método handler show (obtener por id)
    09:33
  • Manejo de error en el Backend en método handler create
    08:34
  • Manejo de error en el Backend en método handler update
    05:13
  • Manejo de error en el Backend en método handler delete
    03:46

  • Manejo de error en el Frontend Angular en obtener por id
    06:02
  • Manejo de error en el Frontend Angular en create, update y delete
    05:46
  • Customizando y arreglando los textos de éxito en crear y actualizar del frontend
    09:08

  • Validando form en el template
    10:17

  • Anotaciones JavaBeans Validation en la clase Entity
    03:28
  • Implementando anotación @Valid en métodos handler create y update del controller
    08:50
  • Probando validación API REST en POSTMAN
    02:30
  • Manejando los error de validación en Angular
    05:09
  • Agregando los mensajes de errores en la plantilla form
    04:42
  • Customizar mensajes de validación en español
    02:40
  • Descargar Código Fuente
    00:03

  • Operador map formato uppercase en Observable
    03:50
  • Operador map formato fecha en Observable
    03:32
  • Registrando el Locale y los diferentes Pattern para formatear fechas
    06:43
  • Uso de Pipe para formatear fecha y uppercase en las plantillas html
    04:02
  • Uso del operador tap en el Observable
    08:53

Requirements

  • Conocimientos en programación Java SE y Programación orientada a objetos.
  • Conocimientos básicos sobre Spring Framework.
  • Conocimientos básicos sobre Bases de Datos y SQL.
  • NO es necesario saber nada de Angular ni tampoco de TypeScript

Description

Bienvenido al curso de Angular con Spring Framework 5, aprenderás linea a linea y desde cero a desarrollar aplicaciones web de una sola página (SPA), desde los conceptos más básicos de Angular hasta un completo sistema conectado a la base de datos mediante API Rest para implementar un CRUD (crear, leer, actualizar y eliminar) con relaciones de tablas, Hibernate/JPA, paginación, subida de archivos, manejo de errores, validación de formulario, un completo sistema de facturación, un completo sistema de Chat con Socket y mucho más. Además aprenderás a dar seguridad a tu aplicación con Spring Security OAuth2 con JWT (JSON Web Token), deploy, entre otros temas más.

Este curso es completamente funcional en Angular 11, 10, 9, 8 y 7, pero también compatibles para las versiones anteriores de Angular 2, Angular 4, Angular 5 y Angular 6.

Angular es un framework JavaScript para desarrollar aplicaciones web de una sola página (SPA - single page application), asíncronas, reactivas y escalables, creado por Google. Unos de los framework más utilizados hoy en día en la industria para crear aplicaciones web y móviles en el lado del cliente/front-end.

Aprenderás todo lo que necesitas saber para trabajar por el lado del cliente con Angular (front-end) y por el lado del servidor con Spring (back-end): Por el lado de Angular veremos TypeScript, ReactiveX, Angular CLI, Operadores RX, Componentes,  Eventos/Hooks, Observable, Pipe, Directivas, Interceptores Http, servicios, SockJS, Stompjs y mucho más. Por el lado de Spring veremos IoC, Spring MVC, API RESTful, Validaciones, Spring Data JPA, Hibernate, Paginación, OAuth2 con JWT, Uploads de archivos, WebSocket, STOMP, Mongo DB y más.

También vamos a ver en detalle todo lo relacionado al despliegue en producción (deploy), con diferentes alternativas, de forma local y en servicios en la nube (Cloud, Heroku y Google Firebase).

Todos los materiales del curso están en español y al finalizar recibes un diploma UDEMY digital certificando tu aprobación con validez internacional y LinkedIn.

¿Porqué elegir nuestros cursos?

  • Acceso 7 x 24 a nuestra Plataforma e-learning.

  • Soporte online con profesor Java

  • Al finalizar recibes un certificado digital

  • Somos pioneros en brindarte este tipo de acceso para darte la libertad que necesitas para estudiar, donde quiera que te encuentres.

  • Excelente relación calidad-precio.

  • Conocimiento aplicable a proyectos reales del mercado laboral.

  • Atención rápida y satisfactoria a las dudas por parte del profesor.

  • Interactividad del curso ya que contiene foros y comunicación para resolver dudas.

Si quieres ser un desarrollador full-stack con Spring Framework y avanzar al siguiente nivel, es casi obligatorio este curso, te invito a que te inscribas, nos vemos adentro.

Who this course is for:

  • Personas que estudian informática y/o ingeniería que estén estudiando o han estudiado Java
  • Personas que dominan Spring y quieran introducirse en el desarrollo de aplicaciones web full-stack con Angular
  • Desarrolladores apasionados de las nuevas tecnologías que dominan Java
  • Desarrolladores apasionados de las nuevas tecnologías con alguna base en Spring
  • Personas que estén interesadas en aprender Angular que dominan Java
  • Personas interesadas en el desarrollo front-end que dominan Java

Instructor

Andrés José Guzmán
Web Developer & Traninnig Specialist TI
Andrés José Guzmán
  • 4.7 Instructor Rating
  • 13,656 Reviews
  • 93,475 Students
  • 9 Courses

Ingeniero Civil, durante mi carrera he trabajado en diferentes empresas de desarrollo y tecnologías TI, en diferentes cargos como desarrollador, jefe de proyectos y arquitecto.

Entusiasta de las nuevas tecnologías, gran parte de mi tiempo la dedico a la investigación y desarrollo, más de 15 años de experiencia desarrollando, aprendiendo y enseñando diversas tecnologías relacionadas al desarrollo de aplicaciones.

Java SE 8, Java EE 8, Spring Framework, Spring Boot 2, Microservicios, Hibernate, JPA, Angular, PHP 8, POO, UML y Patrones de Diseño.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.