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 Personal Transformation Meditation Life Purpose Coaching 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 Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging 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

This course includes:

  • 9.5 hours on-demand video
  • 23 articles
  • 21 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
Development Web Development Socket.IO

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
Rating: 4.8 out of 54.8 (1,011 ratings)
5,029 students
Created by Fernando Herrera
Last updated 11/2019
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll 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.
Curated for the Udemy for Business collection

Course content

12 sections • 113 lectures • 9h 37m total length

  • Preview01: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

  • Introducción a la sección
    01:01
  • Temas puntuales de la sección
    00:18
  • Preview06:48
  • Preview07:35
  • Diferentes librerías para el manejo de sockets
    00:07

  • 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

  • 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
  • Angular - Conectarnos a nuestro servidor
    07:41
  • Estado del servidor de sockets desde el cliente
    07:49
  • Preview05: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
  • Preview10: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

  • 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
  • Preview09: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

  • 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
  • Preview07: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

  • 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
  • Preview07:08
  • Código fuente de la sección
    00:13

  • 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
  • Preview08:24
  • Código fuente de la sección
    00:23

  • Introducción a la sección
    01:27
  • Temas puntuales de la sección
    00:41
  • Preview01: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

  • 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
  • Preview09: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
  • Preview06:39
  • Código fuente de la sección
    00:10

Requirements

  • 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

Description

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.

Who this course is for:

  • Personas que quieran aprender sobre sockets
  • Personas que deseen crear aplicaciones en tiempo real
  • Personas que quieran seguir expandiendo sus conocimientos de Angular
  • Personas que quieran mejorar en TypeScript y Node
  • Personas que deseen integrar Sockets con servicios REST

Instructor

Fernando Herrera
A Full-Stack Developer & Teacher
Fernando Herrera
  • 4.8 Instructor Rating
  • 129,331 Reviews
  • 308,935 Students
  • 31 Courses

Soy un analista de sistemas de computo, con poco más de 18 años en el mundo del desarrollo de aplicaciones de todo tipo.

Me encanta programar, crear aplicaciones que la gente use, me gusta enseñar, también fui maestro sustituto en las clases de programación, soy autor de código en Envato Marketplace.

Aquí en Udemy, he tenido la increíble experiencia de poder enseñar a muchos alumnos, y espero seguir mejorando mis cursos y los temas conforme la actualidad vaya cambiando.

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