1. Introducción

  1. Introducción.vtt

  2. Antes de comenzar.vtt

 10. Transformando datos del Observable usando operador map y Pipes

  1. Operador map formato uppercase en Observable.vtt

  2. Operador map formato fecha en Observable.vtt

  3. Registrando el Locale y los diferentes Pattern para formatear fechas.vtt

  4. Uso de Pipe para formatear fecha y uppercase en las plantillas html.vtt

  5. Uso del operador tap en el Observable.vtt

 11. Paginación desde el Backend

  1.1 spring-boot-backend-apirest[paginador].zip.zip

  10. Implementando links para la primera y última página.mp4

  11. Paginador con muchas páginas overflow.mp4

  12. Implementando rangos de páginas en el componente Paginador.mp4

  13. Afinando más el evento ngOnChanges para refrescar los rangos en el paginador.mp4

  2. Implementando paginación en API REST y Repository.mp4

  3. Probar paginación API REST en POSTMAN.mp4

  4. Modificando el Observable de Clientes en el FrontEnd.mp4

  5. Agregando la ruta page del paginador y el Observable ActivatedRoute.mp4

  6. Creando el componente paginador.mp4

  7. Inyectar paginador usando decorador @Input en el componente Paginador.mp4

  8. Implementando los links de las páginas.mp4

  9. Implementando botones siguiente y atrás.mp4

 12. Añadiendo campo fecha en el formulario

  1. Añadiendo el campo para la fecha.vtt

  2. Añadiendo DatePicker de Angular Material.vtt

 13. Subida de imagen (Upload)

  1.1 clientes-app[upload].zip.zip

  1.3 spring-boot-backend-apirest[upload].zip.zip

  10. Validando imagen antes de subir.mp4

  11. Añadiendo Barra de Progreso.mp4

  12. Implemementando Modal como componente anidado (hijo).mp4

  13. Convertiendo a Modal de Bootstrap.mp4

  14. Añadiendo estilos y animación de difuminado al Modal.mp4

  15. Añadiendo la foto en el listado.mp4

  16. Implementando EventEmitter para actualizar la foto en el listado.mp4

  17. Creando la clase Service UploadFileService en el Backend para optimizar.mp4

  2. Upload en el API Rest Controller (Backend).mp4

  3. Probar upload en POSTMAN y configurando el tamaño máximo de subida.mp4

  4. Borrar imagen anterior al actualizar.mp4

  5. Añadiendo método handler ver imagen en el Controlador.mp4

  6. Añadiendo Logger en back-end.mp4

  7. Añadiendo componente detalle para el upload en el front-end.mp4

  8. Implementando la subida de archivo en el front-end.mp4

  9. Añadiendo la foto y detalle del cliente en angular.mp4

 14. Agregando campo select en el formulario y relación de tablas

  1.1 spring-boot-backend-apirest.zip.zip

  2. Creando nueva clase entity Region.mp4

  3. Añadiendo las regiones en la clase service y controller del backend.mp4

  4. Probando API Rest de las regiones en Postman.mp4

  5. La clase TypeScript Region en Angular.mp4

  6. Añadiendo el campo select region en el formulario.mp4

  7. Comparando la región en el campo select para marcarla como seleccionada.mp4

  8. Añadiendo opción por defecto con el texto seleccionar.mp4

 15. Autenticación OAuth2 con JWT Backend Spring

  1.1 spring-boot-backend-apirest[OAuth2_HttpSecurity].zip.zip

  1.3 spring-boot-backend-apirest[OAuth2_Anotacion_Secured].zip.zip

  10. Añadiendo configuración de las aplicaciones clientes y acceso a endpoints.vtt

  11. Añadiendo la configuración para el servidor de recurso.vtt

  12. Probando la autenticación con Postman y obteniendo el token JWT.vtt

  13. Asignando la llave secreta Mac para firmar el token JWT.vtt

  14. Creando y asignando certificado RSA para firmar el token JWT.vtt

  15. Añadiendo más datos en el token JWT.vtt

  16. Complementando con más información adicional del usuario autenticado.vtt

  17. Agregando seguridad a nuestras rutas de forma programática con HttpSecurity.vtt

  18. Añadiendo seguridad a nuestras ruta del controlador usando anotaciones @Secured.vtt

  19. Configurando Cors en Spring Security.vtt

  2. Introducción a JSON Web Token (JWT).vtt

  3. Algo más sobre los JWT.vtt

  4. Introducción a OAuth2 y añadiendo las dependencias.vtt

  5. Creando las entidades necesarias Usuario y Role.vtt

  6. Creando el repositorio JPA IUsuarioDao.vtt

  7. Creando la clase de servicio UsuarioService.vtt

  8. Añadiendo la clase SpringSecurityConfig y registrando UserDetailsService JPA.vtt

  9. Añadiendo la configuración para el servidor de autorización.vtt

 16. Autenticación OAuth2 con JWT​ Frontend Angular

  1.1 clientes-app.zip.zip

  10. Chequear en el componente login si el usuario ya ha iniciado sesión.mp4

  11. Añadiendo en el layout el links logout para cerrar la sesión.mp4

  12. Enviando token al backend para acceder a los recursos protegidos.mp4

  13. Manejando código de error 403 de Accedo Denegado o Prohibido (Forbidden).mp4

  14. Ocultando botones en las plantillas según el role del usuario.mp4

  15. Cerrar sesión en angular cuando haya expirado el token en el backend.mp4

  16. Añadiendo seguridad en las rutas con Guard.mp4

  17. Crear Guard router RoleGuard.mp4

  18. Validando fecha de expiración del token en el AuthGuard.mp4

  19. HttpInterceptor para añadir el token en las cabeceras HTTP Authorization.mp4

  2. Demostración de lo que lograremos al finalizar esta sección de OAuth2 con JWT.mp4

  20. HttpInterceptor para códigos HTTP 401 y 403.mp4

  3. Creando componente login y formulario.mp4

  4. Manejo de error no autorizado y redirección al login.mp4

  5. Añadiendo el método login() en el componente y nueva clase Usuario.mp4

  6. Creando la clase de servicio AuthService y su método login().mp4

  7. Implementando la autenticación en el componente login.mp4

  8. Guardando datos del usuario y token en el sessionStorage.mp4

  9. Manejando error de credenciales incorrectas en componente login.mp4

 17. Sistema de Facturación

  1.1 clientes-app.zip.zip

  10. Listando las facturas en el componente de detalle del Cliente.mp4

  11. Añadiendo CrudRepository para Factura e implementando métodos en el Service.mp4

  12. Creando controlador FacturaRestController con la acción handler show.mp4

  13. Creando Componente detalle de la factura y su clase Service relacionada.mp4

  14. Añadiendo el detalle de la Factura.mp4

  15. Añadiendo las Líneas y Observación en el detalle de la Factura.mp4

  16. Eliminando la factura y sus líneas (Backend).mp4

  17. Eliminando la factura y sus líneas (Frontend).mp4

  18. Creando el componente formulario de la factura.mp4

  19. Añadiendo campos al formulario factura.mp4

  2. Demostración de lo que lograremos al finalizar esta sección.mp4

  20. Escribiendo código para el Autocomplete usando Angular Material.mp4

  21. Consulta JPA para buscar productos en el Autocomplete.mp4

  22. Modificando el autocomplete para que filtre los productos desde el Backend.mp4

  23. Creando las líneas de la Factura.mp4

  24. Actualizando la cantidad de un item de la factura.mp4

  25. Incrementando la cantidad si el producto existe en el detalle.mp4

  26. Eliminar linea de la factura.mp4

  27. Calculando el Gran Total de la Factura.mp4

  28. Implementando el crear factura.mp4

  29. Validando el formulario de la factura.mp4

  3. Análisis y Diseño OO con UML Diagrama de Clases del Dominio.mp4

  30. Reglas de Spring Security.mp4

  31. Solucionando un problema de recursión al editar el cliente.mp4

  4. Asociaciones ManyToOne Bidireccional - Clases Entity Factura y Cliente.mp4

  5. Asociaciones OneToMany Unidireccional - Clases Entity Factura y ItemFactura.mp4

  6. Asociaciones ManyToOne Unidireccional - Clases Entity ItemFactura y Producto.mp4

  7. Analizando y revisando las tablas y relaciones en MySQL Workbench.mp4

  8. Listando las facturas del Cliente en Postman.mp4

  9. Añadiendo las clases TypeScript Factura, ItemFactura y Producto en Angular.mp4

 18. Deployment despliegue en servidores de producción

  1.1 clientes-app.zip.zip

  1.3 clientes-app[Build_Node.js_Express].zip.zip

  2. Modificando y preparando nuestros proyectos (backend y fronend) para producción.mp4

  3. Generando el jar y realizando el despliegue del Backend.mp4

  4. Transpilando nuestra aplicación angular y preparandonos para el despliegue.mp4

  5. Realizando el despliegue del frontend Angular en servidor Apache 24 (httpd).mp4

  6. Realizando el despliegue de nuestra app angular con NodeJS y Express.mp4

 19. Deployment despliegue en servidores en la nube Heroku y Google Firebase Hosting

  1.1 clientes-app.zip.zip

  1.3 dist[deploy-firebase].zip.zip

  2. Creando app en Heroku.vtt

  3. Deploy Backend Spring en Heroku.vtt

  4. Deploy Frontend Angular en Firebase Hosting.vtt

 2. Primeros pasos en Angular

  1. Instalaciones y herramientas necesarias.vtt

  10. Directiva estructural ngFor.vtt

  11. Directiva estructural ngIf.vtt

  2. Una mirada al editor Atom e instalando algunos plugins.vtt

  3. Creando nuestra aplicación Angular.vtt

  4. Estructura de directorio del proyecto angular.vtt

  5. Estructura de directorio del proyecto angular Parte 2 el directorio src.vtt

  6. Integrar Bootstrap con Angular.vtt

  7. Creando nuevo componente HeaderComponent.vtt

  8. Separando el template del componente con TemplateUrl.vtt

  9. Creando nuevo componente FooterComponent.vtt

 20. Sistema de Chat en tiempo real con WebSocket

  1.1 chat-app.zip.zip

  10. Maquetando y escribiendo el contenido HTML para el chat.mp4

  11. Implementando el conectar y desconectar del servidor WebSocket.mp4

  12. Implementando el enviar y recibir mensajes del Chat.mp4

  13. Notificar cuando un nuevo usuario se conecta al chat.mp4

  14. Dando un color al username cuando se conecta al servidor.mp4

  15. Notificar cuando un usuario está escribiendo.mp4

  16. Instalación Mongo DB.mp4

  17. Qué es Mongo y algunos ejemplos.mp4

  18. Instalando Robo 3T una herramienta GUI para MongoDB.mp4

  19. Agregando Clases del Modelo Document y Repository.mp4

  2. Demostración visual de lo que lograremos al finalizar la sección.mp4

  20. Historial de mensajes del chat con MongoDB.mp4

  3. Introducción a la tecnología WebSocket.mp4

  4. ¿Qué es el Protocolo Stomp y cómo se relaciona con WebSocket.mp4

  5. Actualización Nueva ubicación dependencia WebSocket al crear el proyecto.html

  6. Creando el proyecto backend y configurando el servidor WebSocket (el Broker).vtt

  7. Creando el controlador ChatController y el Mensaje.vtt

  8. Creando el proyecto frontend Angular.vtt

  9. Instalando librerías para el cliente WebSocket en Angular (sockjs y stompjs).vtt

 21. Fin del curso

  1. Agradecimientos y despedida.vtt

 3. Angular Componente clientes

  1. Creando el componente clientes.component.vtt

  2. Listando los objetos del tipo Cliente.vtt

  3. Creando archivo clientes.json.ts con la lista de objetos.vtt

  4. Creando la clase de Servicio ClienteService y la Inyección de Dependencia.vtt

  5. Implementando Observable en nuestra clase Servicio ClienteService.vtt

  6. Implementando Rutas en Angular y navegación.vtt

  8. Configurando e integrando Bootstrap de forma local en nuestra app.mp4

  9. Instalando Bootstrap utilizando el comando npm desde el terminal.mp4

 4. Backend Spring API REST

  1.1 clientes-app[NO_CRUD].zip.zip

  10. Añadiendo la clase Entity Cliente al Backend.mp4

  11. Añadiendo las clases Repository y Service de la lógica de negocio.mp4

  12. Creando controlador @RestController y EndPoint para listar.mp4

  13. Añadiendo Datos de pueba.mp4

  14. Usando Postman para probar nuestras APIs.mp4

  15. Uso de Cors para compartir recursos en API REST.mp4

  16. Implementando Servicio Angular con HttpClient.mp4

  2. Demostración de lo que lograremos al finalizar las siguientes secciones.mp4

  3. Herramientas necesarias Backend.mp4

  4. Instalación y configuración del IDE Eclipse.mp4

  5. Creando Proyecto Backend API REST.mp4

  6. Actualización Spring Boot 2.1.5 y Bugs de Eclipse relacionado con maven plugin.html

  7. Configurando el Datasource a MySQL en el proyecto backend.vtt

  8. Instalando MySQL.vtt

  9. Creando la Base de Datos.vtt

 5. CRUD con Spring API Rest

  1.1 clientes-app[CRUD].zip.zip

  10. Instalar SweetAlert2 para enviar mensajes de alerta en el cliente.mp4

  11. Cargando los datos en el formulario para actualizar.mp4

  12. Escribiendo el update en el cliente.service.ts y en form.component.ts.mp4

  13. Escribiendo el delete en la clase service y en el componente clientes.mp4

  14. Overflow en listado de clientes, ajustando layout.mp4

  15. Validando los clientes en la tabla HTML con directiva ngIf.mp4

  2. Escribiendo los métodos del CRUD en la clase ClienteService del Backend.mp4

  3. Escribiendo los métodos show y create en el Controlador Backend API Rest.mp4

  4. Escribiendo los métodos update y delete en el Controlador Backend API Rest.mp4

  5. Probando nuestro Backend API Rest con Postman.mp4

  6. Creando el componente form.component y la vista del formulario.mp4

  7. Configurando la ruta y navegación del formulario.mp4

  8. Escribiendo implementación crear en el cliente.service.ts y en form.component.ts.mp4

  9. Actualización nueva versión de SweetAlert2 8.0.1 o superior.html

 6. Manejo de errores en Backend Spring

  1. Manejo de error en el Backend en método handler show (obtener por id).vtt

  2. Manejo de error en el Backend en método handler create.vtt

  3. Manejo de error en el Backend en método handler update.vtt

  4. Manejo de error en el Backend en método handler delete.vtt

 7. Manejo de errores en Angular (Frontend)

  1. Manejo de error en el Frontend Angular en obtener por id.vtt

  2. Manejo de error en el Frontend Angular en create, update y delete.vtt

  3. Customizando y arreglando los textos de éxito en crear y actualizar del frontend.vtt

 8. Validando form por el lado Angular (Frontend)

  1. Validando form en el template.vtt

 9. Validando form en Spring Backend

  1.1 spring-boot-backend-apirest[validar_backend_errores].zip.zip

  2. Anotaciones JavaBeans Validation en la clase Entity.mp4

  3. Implementando anotación @Valid en métodos handler create y update del controller.mp4

  4. Probando validación API REST en POSTMAN.mp4

  5. Manejando los error de validación en Angular.mp4

  6. Agregando los mensajes de errores en la plantilla form.mp4

  7. Customizar mensajes de validación en español.mp4

 [CourseClub.ME].url

 [FreeCourseSite.com].url