Angular & Spring 5: Creando web app full stack (Angular 8+)
Información
Udemy
Online
Curso
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 A quién va dirigido 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 Desarrolladoressionados de las nuevas tecnologías que dominan Java Desarrolladoressionados 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 Requisitos 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 Temario completo de este curso Contenido del curso Introducción Antes de comenzar Instalaciones y herramientas necesarias Una mirada al editor Atom e instalando algunos plugins Creando nuestra aplicación Angular Estructura de directorio del proyecto angular Estructura de directorio del proyecto angular: Parte 2 el directorio src Integrar Bootstrap con Angular Creando nuevo componente HeaderComponent Separando el template del componente con TemplateUrl Creando nuevo componente FooterComponent Directiva estructural *ngFor Directiva estructural *ngIf Creando el componente clientes.component Listando los objetos del tipo Cliente Creando archivo clientes.json.ts con la lista de objetos Creando la clase de Servicio ClienteService y la Inyección de Dependencia Implementando Observable en nuestra clase Servicio ClienteService Implementando Rutas en Angular y navegación Actualización: sobre el archivo angular.cli.json vs angular.json Configurando e integrando Bootstrap de forma local en nuestra app Actualización: configurando los styles y scripts en archivo angular.json Instalando Bootstrap utilizando el comando npm desde el terminal Descargar Código Fuente Demostración de lo que lograremos al finalizar las siguientes secciones Herramientas necesarias Backend Instalación y configuración del IDE Eclipse Actualización: Wizard para seleccionar dependencias en Spring Tools Creando Proyecto Backend API REST Configurando el Datasource a MySQL en el proyecto backend Instalando MySQL Creando la Base de Datos Añadiendo la clase Entity Cliente al Backend Añadiendo las clases Repository y Service de la lógica de negocio Creando controlador @RestController y EndPoint para listar Añadiendo Datos de pueba Usando Postman para probar nuestras APIs Uso de Cors para compartir recursos en API REST Implementando Servicio Angular con HttpClient Descargar Código Fuente Escribiendo los métodos del CRUD en la clase ClienteService del Backend Escribiendo los métodos show y create en el Controlador Backend API Rest Escribiendo los métodos update y delete en el Controlador Backend API Rest Probando nuestro Backend API Rest con Postman Creando el componente form.component y la vista del formulario Configurando la ruta y navegación del formulario Escribiendo implementación crear en el cliente.service.ts y en form.component.ts Actualización: nueva sión de SweetAlert2 8.0.1 o superior Instalar SweetAlert2 para enviar mensajes de alerta en el cliente Cargando los datos en el formulario para actualizar Escribiendo el update en el cliente.service.ts y en form.component.ts Escribiendo el delete en la clase service y en el componente clientes Oflow en listado de clientes, ajustando layout Validando los clientes en la tabla HTML con directiva ngIf Manejo de error en el Backend en método handler show (obtener por id) Manejo de error en el Backend en método handler create Manejo de error en el Backend en método handler update Manejo de error en el Backend en método handler delete Manejo de error en el Frontend Angular en obtener por id Manejo de error en el Frontend Angular en create, update y delete Customizando y arreglando los textos de éxito en crear y actualizar del frontend Validando form en el template Descargar Código Fuente Anotaciones JavaBeans Validation en la clase Entity Implementando anotación @Valid en métodos handler create y update del controller Probando validación API REST en POSTMAN Manejando los error de validación en Angular Agregando los mensajes de errores en la plantilla form Customizar mensajes de validación en español Operador map formato uppercase en Observable Operador map formato fecha en Observable Registrando el Locale y los diferentes Pattern para formatear fechas Uso de Pipe para formatear fecha y uppercase en las plantillas html más
Otros cursos de esta academia
Cisco CCNA Fundamentos de Networking para Redes IP
(Udemy)
Aprender qué es una red ip, y realizar operaciones básicas con direcciones ip: calcular dirección de red/host/broadcast... sentar una base sólida sobre el modo en...
Mainframe IBM en tu PC
(Udemy)
Crear entorno en la pc... alojamientos de las bibliotecas a usar... sabrás cuáles son las principales industrias en donde se utilizan los mainframes instalarás un...
Implementación de Servidores LAMP con Centos Linux
(Udemy)
Temario completo de este curso contenido del curso... ¿qué son los host virtuales?... configuración de host virtuales... configuración básica de apache...
Ansiedad por separación en perros - La guía definitiva
(Udemy)
Temario completo de este curso contenido del curso... modificación de conducta (parte 4): desensibilización de las salidas... implementación conjunta de la modificación...
Cuentos En Francés Vol. I & II. (2 cursos en 1)
(Udemy)
Temario completo de este curso contenido del curso... requisitos curso 1: de preferencia tener un nivel básico de francés... niños y adultos que quieran leer y escuchar...
POWER BI |Curso KPI y Business Intelligence para Call Center
(Udemy)
Temario completo de este curso contenido del curso... las métricas del call center... tener idea de qué es un call center... crearán visualizaciones analíticas de...
Microservicios con Spring Boot y Spring Cloud Netflix Eureka
(Udemy)
Construye, implementa y escala microservicios con spring boot 2 y spring cloud aprende a crear y consumir servicios web restful con spring boot conecta y consume...
Aprende Dibujo Artístico fácilmente. Arte y creatividad.
(Udemy)
Podrás dibujar todo aquello que ves adquirirás soltura y seguridad en el trazo percibirás los objetos en 2d podrás encajar la forma correctamente disfrutar dibujando...
RestFul Api con Python usando Django Rest FrameWork
(Udemy)
Py guardando el owner fuente guardando el owner probando acceso a api de productos resumen introducción documentando con swagger documentando con coreapi extra y...
ReactJS Avanzado - FullStack React GraphQL y Apollo
(Udemy)
Graphql configurando los resolvers instalando mongodb en windows 10 instalando mongodb en mac instalando mongoose mutation: crear registros en mongodb instalando...