Mô tả

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:

  1. Socket io

  2. Node

  3. Express

  4. REST

  5. CORS

  6. Api de google maps nativa

  7. Tips interesantes en Angular

  8. Gráficas en tiempo real

  9. Interacción de mapas en tiempo real

  10. Comunicación 1 a 1 y 1 a muchos mediante sockets

  11. Emisión de eventos de sockets desde servicios REST

  12. Obtener información de sockets desde servicios REST

  13. Acciones personalizadas de sockets dede servicios REST 

  14. Typings

  15. TypeScript

  16. 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.

Bạn sẽ học được gì

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.

Yêu cầu

  • Es necesario tener conocimientos de Angular 2+
  • Todo el curso está hecho en TypeScript, por lo que es necesario que conozcas un poco de TypeScript
  • Conocimientos sobre Node son recomendados
  • Saber la teoría de servicios REST

Nội dung khoá học

12 sections

Introducción

7 lectures
Introducción
01:00
¿Cómo funcionará el curso?
03:30
¿Cómo hacer preguntas?
03:42
Instalaciones necesarias para seguir el curso
05:43
Instalación y uso de Nodemon
03:05
Nota de Actualización - ¡Importante!
03:45
¡Únete a Nuestra Comunidad de DevTalles en Discord!
00:18

¿Qué son los sockets?

5 lectures
Introducción a la sección
01:01
Temas puntuales de la sección
00:18
¿Cómo crear una aplicación con respuestas en tiempo real?
06:48
Conceptos clave para el manejo de sockets
07:35
Diferentes librerías para el manejo de sockets
00:07

Configuración de Express, Rest Server en TypeScript

9 lectures
Introducción a la sección
00:51
Temas puntuales de la sección
00:21
Inicio de proyecto - Express Server
08:41
Creando nuestro servidor de express
08:52
Creando servicios rest - Get y Post
05:29
Obtener información del Post y argumentos por URL
06:41
Configuración del CORS
02:36
Realizar un backup a GitHub - Rest Server
10:42
Código fuente de la sección
00:14

Angular App + Socket Server

15 lectures
Introducción a la sección
01:06
Temas puntuales de la sección
00:32
Continuación del proyecto - Socket.io
07:45
Patrón singleton para nuestra clase Server
03:59
Nota de Actualización - ¡Importante!
00:10
Angular - Conectarnos a nuestro servidor
07:41
Estado del servidor de sockets desde el cliente
07:49
Interfaz visual para indicar cuando hay conexión al servidor de sockets
05:19
Detectar la desconexión de un usuario - Servidor
06:46
Emitir un mensaje mediante sockets al servidor
11:14
Interfaz visual para enviar mensajes
06:32
Escuchar emisión desde el servidor
10:28
Interfaz visual de los mensajes nuevos
07:52
Backup de los proyectos sección 4
04:45
Código fuente de la sección
00:23

Identificar usuarios de sockets y mensajes a sockets vía Rest Services

14 lectures
Introducción a la sección
01:17
Temas puntuales de la sección
00:18
Inicio del proyecto - Sección 5
05:45
Implementando un sistema de rutas en Angular
06:10
Nombre de usuario y login template
15:21
Manejando usuarios conectados en el socket-server
11:49
Manejo de usuarios - Socket Server
10:31
Mantener el usuario a pesar de las reconexiones
09:26
Angular Guard - Obligar al usuario a siempre tener nombre
05:53
Reconectar y renombrar usuario en el Socket Server
04:37
Recibir mensajes privados desde un servicio REST
09:34
Tarea - Enviar un mensaje al chat general desde un servicio REST
03:27
Backup de los proyectos sección 5
02:39
Código fuente de la sección
00:16

Manejo de las lista de usuarios vía sockets y servicios REST

10 lectures
Introducción a la sección
01:28
Temas puntuales de la sección
00:16
Inicio del proyecto - Sección 6
02:00
REST - Obtener los IDs de los usuarios activos
05:34
REST - Obtener los nombres y los IDs de las personas conectadas
07:47
Componente de Lista de Usuarios
11:07
Tarea - Obtener lista de usuarios - socket
07:56
Logout - Cierre de sesión
07:25
Realizar un backup - Socket Server - Base
02:39
Código fuente de la sección
00:10

Ejercicio - Gráfica en tiempo real

8 lectures
Introducción a la sección
01:03
Temas puntuales de la sección
00:34
Inicio del proyecto - Gráficas en tiempo real
09:58
Angular - Gráfica dinámica - Sin Sockets
08:17
Backend - Crear una clase para controlar la gráfica
05:29
REST - Obtener la información inicial de la gráfica
08:08
Socket - Actualizar la gráfica mediante sockets
07:08
Código fuente de la sección
00:13

Tarea - Encuesta en tiempo real

8 lectures
Introducción a la sección
00:44
Temas puntuales de la sección
00:39
Demostración de la tarea e instrucciones iniciales
02:09
Inicio del proyecto - Tarea - Encuesta
08:17
Configuración de la gráfica
08:00
Configuración del backend - Encuestas
05:58
Conexión de sockets desde Angular - Encuestas
08:24
Código fuente de la sección
00:23

MapBox - Aplicación de mapas en tiempo real

19 lectures
Introducción a la sección
01:27
Temas puntuales de la sección
00:41
Demostración de lo que lograremos al finalizar la sección
01:47
Enlaces para la próxima clase
00:07
Inicio de proyecto - mapbox
06:22
Textos para la siguiente clase
00:09
Mostrar el mapa de Mapbox
08:47
Mostrar marcadores en el mapa
08:03
Crear marcadores y evento Drag de los mismos
06:46
Eliminar marcadores
05:19
Descargar: Socket-server-multi
00:10
Inicializando nuestro servidor de sockets
05:02
Crear la lógica para el manejo de sockets en el servidor
09:38
Conectar nuestra aplicación de Angular con nuestro servidor de sockets
05:53
Angular - Leer los marcadores iniciales
11:15
Socket - Crear nuevos marcadores
13:58
Socket - Borrar marcadores
08:44
Socker - Mover marcadores
08:22
Código fuente de la sección
00:06

GoogleMaps - Aplicación de Mapas en tiempo real

14 lectures
Introducción a la sección
01:34
Temas puntuales de la sección
00:41
Inicio de proyecto - Mapas
07:05
Mostrar el mapa
11:17
Mostrar marcadores en el mapa
07:45
InfoWindow, Click, doble click y drag de un marcador
09:32
Agregar marcadores al mapa
04:10
Backend - Creando la lógica para el manejo de marcadores
08:54
REST - Obtener marcadores iniciales
09:07
Configurar Socket.io en nuestra aplicación de Angular
01:53
Socket - Evento marcador-nuevo
08:53
Socket - Evento marcador-borrar
05:50
Socket - Evento marcador-mover
06:39
Código fuente de la sección
00:10

Tarea adicional - Colas

5 lectures
Introducción a la sección
01:31
Temas puntuales de la sección
00:28
Inicio de la tarea - Colas
04:33
Estructura de la aplicación y router
09:48
Tarea - Aplicación de Colas
04:24

Cierre del curso

2 lectures
Más sobre mis cursos
00:30
Despedida
01:57

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.