Angular: Aplicaciones en tiempo real con sockets y rest
Sockets, express, servicios rest, git, github, CORS, gráficas, google maps, typescript, tareas, ejercicios y más
4.93 (1521 reviews)
7,739
students
9.5 hours
content
Nov 2023
last update
$199.99
regular price
What you will learn
Tener un dominio completo de la emisión y escucha de eventos por sockets
Usar Angular en el Front-End y mezclar sockets con servicios rest en el Back-End
Crear aplicaciones que en tiempo real actualicen información de todos los clientes conectados
Aprender a disparar eventos de sockets por servicios REST
Crear clases y servicios reutilizables que te permitan la configuración por sockets en segundos.
Why take this course?
Angular: Aplicaciones en tiempo real con sockets y rest
Este curso tiene varios objetivos en concreto, que van desde aprender a crear tu propio servidor REST, integrarle la comunicación de sockets y la creación de varias aplicaciones en Angular para el consumo de dichos servicios REST y establecer la comunicación en tiempo real con sockets.
Aquí una lista de temas que tocamos en el curso:
Socket io
Node
Express
REST
CORS
Api de google maps nativa
Tips interesantes en Angular
Gráficas en tiempo real
Interacción de mapas en tiempo real
Comunicación 1 a 1 y 1 a muchos mediante sockets
Emisión de eventos de sockets desde servicios REST
Obtener información de sockets desde servicios REST
Acciones personalizadas de sockets dede servicios REST
Typings
TypeScript
Y más
Todo el curso está escrito en TypeScript, desde el front hasta en backend. Al finalizar el curso podrás aplicar este conocimiento para crear tus propias aplicaciones que muestren información en tiempo real y notificar a tus usuarios cuando hay nueva información que les interese o necesiten recibir retroalimentación del servidor sin que el cliente lo solicite explícitamente.
Es importante que sepas que el curso no es para personas que deseen aprender Angular, presta atención en los requisitos del mismo, porque en el curso me enfoco en la creación del servidor de sockets, consumo de los mismos en Angular y el uso de servicios rest para emitir eventos que notifican a los clientes conectados por sockets.
El curso te enseñará tips de Angular, Google Maps, TypeScript, Node, Express y más… pero recuerda que no te enseñará Angular.
Puedes revisar los videos gratuitos y el currículo del curso para tener una mejor idea de lo que contiene.
Content
Introducción
Introducción
¿Cómo funcionará el curso?
¿Cómo hacer preguntas?
Instalaciones necesarias para seguir el curso
Instalación y uso de Nodemon
¿Qué son los sockets?
Introducción a la sección
Temas puntuales de la sección
¿Cómo crear una aplicación con respuestas en tiempo real?
Conceptos clave para el manejo de sockets
Diferentes librerías para el manejo de sockets
Configuración de Express, Rest Server en TypeScript
Introducción a la sección
Temas puntuales de la sección
Inicio de proyecto - Express Server
Creando nuestro servidor de express
Creando servicios rest - Get y Post
Obtener información del Post y argumentos por URL
Configuración del CORS
Realizar un backup a GitHub - Rest Server
Código fuente de la sección
Angular App + Socket Server
Introducción a la sección
Temas puntuales de la sección
Continuación del proyecto - Socket.io
Patrón singleton para nuestra clase Server
Angular - Conectarnos a nuestro servidor
Estado del servidor de sockets desde el cliente
Interfaz visual para indicar cuando hay conexión al servidor de sockets
Detectar la desconexión de un usuario - Servidor
Emitir un mensaje mediante sockets al servidor
Interfaz visual para enviar mensajes
Escuchar emisión desde el servidor
Interfaz visual de los mensajes nuevos
Backup de los proyectos sección 4
Código fuente de la sección
Identificar usuarios de sockets y mensajes a sockets vía Rest Services
Introducción a la sección
Temas puntuales de la sección
Inicio del proyecto - Sección 5
Implementando un sistema de rutas en Angular
Nombre de usuario y login template
Manejando usuarios conectados en el socket-server
Manejo de usuarios - Socket Server
Mantener el usuario a pesar de las reconexiones
Angular Guard - Obligar al usuario a siempre tener nombre
Reconectar y renombrar usuario en el Socket Server
Recibir mensajes privados desde un servicio REST
Tarea - Enviar un mensaje al chat general desde un servicio REST
Backup de los proyectos sección 5
Código fuente de la sección
Manejo de las lista de usuarios vía sockets y servicios REST
Introducción a la sección
Temas puntuales de la sección
Inicio del proyecto - Sección 6
REST - Obtener los IDs de los usuarios activos
REST - Obtener los nombres y los IDs de las personas conectadas
Componente de Lista de Usuarios
Tarea - Obtener lista de usuarios - socket
Logout - Cierre de sesión
Realizar un backup - Socket Server - Base
Código fuente de la sección
Ejercicio - Gráfica en tiempo real
Introducción a la sección
Temas puntuales de la sección
Inicio del proyecto - Gráficas en tiempo real
Angular - Gráfica dinámica - Sin Sockets
Backend - Crear una clase para controlar la gráfica
REST - Obtener la información inicial de la gráfica
Socket - Actualizar la gráfica mediante sockets
Código fuente de la sección
Tarea - Encuesta en tiempo real
Introducción a la sección
Temas puntuales de la sección
Demostración de la tarea e instrucciones iniciales
Inicio del proyecto - Tarea - Encuesta
Configuración de la gráfica
Configuración del backend - Encuestas
Conexión de sockets desde Angular - Encuestas
Código fuente de la sección
MapBox - Aplicación de mapas en tiempo real
Introducción a la sección
Temas puntuales de la sección
Demostración de lo que lograremos al finalizar la sección
Enlaces para la próxima clase
Inicio de proyecto - mapbox
Textos para la siguiente clase
Mostrar el mapa de Mapbox
Mostrar marcadores en el mapa
Crear marcadores y evento Drag de los mismos
Eliminar marcadores
Descargar: Socket-server-multi
Inicializando nuestro servidor de sockets
Crear la lógica para el manejo de sockets en el servidor
Conectar nuestra aplicación de Angular con nuestro servidor de sockets
Angular - Leer los marcadores iniciales
Socket - Crear nuevos marcadores
Socket - Borrar marcadores
Socker - Mover marcadores
Código fuente de la sección
GoogleMaps - Aplicación de Mapas en tiempo real
Introducción a la sección
Temas puntuales de la sección
Inicio de proyecto - Mapas
Mostrar el mapa
Mostrar marcadores en el mapa
InfoWindow, Click, doble click y drag de un marcador
Agregar marcadores al mapa
Backend - Creando la lógica para el manejo de marcadores
REST - Obtener marcadores iniciales
Configurar Socket.io en nuestra aplicación de Angular
Socket - Evento marcador-nuevo
Socket - Evento marcador-borrar
Socket - Evento marcador-mover
Código fuente de la sección
Tarea adicional - Colas
Introducción a la sección
Temas puntuales de la sección
Inicio de la tarea - Colas
Estructura de la aplicación y router
Tarea - Aplicación de Colas
Cierre del curso
Más sobre mis cursos
Despedida
Screenshots
Reviews
Purificacion
November 12, 2023
Me ha parecido muy interesante , pero el ejercicio no lo he podido terminar , lo voy a dejar pendiente y voy hacer el curso de nodejs que he comprado y despues lo terminare. Gracias por todo lo enseñado es un placer hacer tus cursos, un saludo.
Gabriel
August 25, 2023
En si el profesor explica bien el tema de socket y tal pero lo que más me atraso fue el hecho de que como el curso no esta actualizado a 2023 entonces ocupa versiones muy viejas de lo que se busca... quizás leyendo más documentación etc. se aliviaba el curso un poco
Cristian
July 22, 2023
Excelente curso, al día de hoy 22/07/2023 la versiones cambiaron se ha venido implementando nuevos rjsx (ngrx) toco pedaliar un poco por los cambios pero igual manera a mi concepto este curso es EXCELENTE, Fernando no lo ha actualizado pero me enseño a resolver los errores con documentación o haciendo preguntas o mirando respuestas de otros compañeros que se les presento el mismo problema.
Agradezco también a los otros profesores con sus respuestas, nunca cambien gracias por volvernos más tesos en estos temas.
Gerardo
June 3, 2023
El curso fue muy completo y bien estructurado. Desde el principio, pude notar la experiencia y el conocimiento del instructor en el tema. Explicó los conceptos de Socket.io de una manera clara y concisa, lo que facilitó mi comprensión de cómo funciona la comunicación en tiempo real en Angular.
Lo que más me gustó del curso fue la combinación perfecta entre la teoría y la práctica. Aprendí sobre los fundamentos de Socket.io y cómo integrarlo en una aplicación Angular real. Los ejercicios prácticos y los proyectos fueron muy útiles para aplicar lo que aprendía en cada lección. Además, el instructor proporcionó soluciones detalladas y explicaciones adicionales cuando surgieron dudas.
Otro aspecto destacado del curso fue la calidad del material de apoyo. Los recursos complementarios, como la documentación y los enlaces a tutoriales útiles, fueron de gran ayuda para profundizar en los temas y ampliar mi conocimiento.
El reto del final fue de lo mejor y me gustaria verlo en otros cursos.
Mario
May 10, 2023
El curso enseña lo que promete. Muy bueno. La verdad también debes tener la habilidad de programador de resolver problemas porque hay clases que se encuentran desactualizadas y todo estalla, pero con un poco de tu parte vas a resolverlo y vas a sentirte mejor que si solo hubieras copiado el código de Fernando.
Toni
April 16, 2023
El curso es estupendo, la única pega es que las versiones de Socket.io y Angular son un poco antiguas.
Jose
March 23, 2023
si, fue muy buena elección de curso, he aprendido a dominar los sockets y la comunicación en tiempo real con las aplicaciones
Victor
February 22, 2023
Me parecio un curso excelente, no solo por la información sino por todas las prácticas que se realizan. Sin duda esta información me esta ayudando a entender la tecnología y espero pronto poder aplicarla en un proyecto. gracias.
Agustin
January 26, 2023
Excelente, solo no pude seguir con la seccion de los mapas de google (si pude con mapbox) porque cambio, quiza requiera una actualizacion, pero eso no quita que haya aprendido un monton y pude aplicar todo para mi proyecto personal.
Laura
January 21, 2023
Porque me parece muy sencilla y eficaz su manera de explicar. Se le entiende todo perfectamente. Hace que programar sea una tarea muy sencilla.
Álvaro
January 8, 2023
Totalmente lo esperado, tenía mucho tiempo queriendo ver este contenido, espero que no lo pasen a obsoleto puesto a que ya tiene sus años de haberse emitido. Muy bueno, de verdad muchas gracias! como siempre excelente el instructor.
Victor
January 4, 2023
Hasta el momento ah sido de lo mas enriquecedor poder integrar sockets con angular y hacer la funcionalidad de estos, esta genial hasta el momento.
Iván
January 2, 2023
Esta un poco desactualizado, pero es verdad que pone la fecha de la última actualización, aun así se puede realizar
Hilario
December 21, 2022
Has sido un descubrimiento increible. Todos tus cursos (he hecho bastantes son buenisimos). Y no había puesto reseña hasta ahora por que lo cierto es que me tenías mal acostumbrado. Estoy buscando (he comprado alguno) cursos de .net core y ahí si que se nota tu "excelencia". Ni punto de comparación. Te pediría que si no sabes .net core, aprendieras e hicieras un curso. Un placer seguirte.
Aldemar
December 10, 2022
Excelente profesor, excelente curso, se nota facilmente su gran experiencia. Seria bueno que actualizara este curso con nuevas versiones de angular y librerias porque hay algunos cambios que deben realizarse.
Coupons
| Submit by | Date | Coupon Code | Discount | Emitted/Used | Status |
|---|---|---|---|---|---|
| - | 3/30/2021 | 906C4CF8CFBC454D53E1 | 95% OFF | expired | |
| - | 4/4/2021 | E2BB3112B294C6C88D86 | 94% OFF | expired | |
| - | 9/23/2021 | SEPTIEMBRE-2021 | 94% OFF | expired | |
| - | 3/9/2023 | MARZO-2023 | 94% OFF | expired |
Charts
Price
Rating
Enrollment distribution
Related Topics
1996048
udemy ID
10/29/2018
course created date
11/6/2019
course indexed date
Bot
course submited by