Ajax y WebSockets

Ajax y WebSockets

Aprende a comunicarte en tiempo real con el servidor utilizando websockets y a consumir APIs con JavaScript usando xhr, fetch() y promises.

Ajax es una tecnologia que nos permite consumir e imprimir información sin recargar la página. Veremos sus implementaciones modernas con .fetch() y promises. También aprenderás WebSockets, una tecnología que mantiene un canal de comunicación en tiempo real entre el cliente y el servidor.

FrontendJavascript
55 calificaciones
Poster del curso
Alexys Lozada

Alexys Lozada

Ajax y WebSockets

$ 30 USD

Obtendrás acceso de por vida a este curso con un único pago.

Accede a todos los cursos de EDteam pagando cada 1, 6 ó 12 meses. Cancela cuando quieras.

¿Qué aprenderás?

  • Consumir APIs con Ajax
  • Utilizar fetch() y promises
  • Dibujar en el DOM usando datos JSON
  • Comunicación en tiempo real con el servidor

¿Qué conocimientos necesitas?

Nivel

intermedio

Temario del curso

¿Eres estudiante premium o has comprado este curso? Empieza aquí

Introducción

  • 1.1 - Definición del protocolo HTTP15:44
  • 1.2 - Métodos del protocolo HTTP08:30
  • 1.3 - Códigos de respuesta07:23
  • 1.4 - Cabeceras03:02
  • 1.5 - El objeto XMLHttpRequest20:24

Procesando respuestas

  • 2.1 - Estado del objeto XMLHttpRequest09:52
  • 2.2 - Creación de un loader04:03
  • 2.3 -Procesamiento de datos con tecnica ahah03:06
  • 2.4 - Procesar y trabajar con datos Json16:47
  • 2.5 - Mejorar dibujado del DOM con datos16:51
  • 2.6 - Controlar los codigos de respuesta al servidor09:38

Promesas

  • 3.1 - Funciones callback11:08
  • 3.2 - Trabajando con las promesas14:29
  • 3.3 - Uso de async y await08:06
  • 3.4 - Introducción a la API de Marvel08:07
  • 3.5 - Creando libreria AJAX04:34
  • 3.6 - Haciendo uso de nuestra librería14:48
  • 3.7 - Recapitulación del funcionamiento de nuestra librería04:49

Alternativas a XHR

  • 4.1 - Documentación axios05:03
  • 4.2 - Trabajando con axios07:56
  • 4.3 - Creando template string09:29
  • 4.4 - fetch()12:43
  • 4.5 - Async y Await03:56
  • 4.6 - Enviar contenidos con fetch()05:18
  • 4.7 - Enviar contenidos con método post09:22

Websockets

  • 5.1 - Definición de Websockets07:02
  • 5.2 - Ciclo de vida de un websocket06:14
  • 5.3 - Práctica con websocket05:03
  • 5.4 - Comportamiento de websocket04:20
  • 5.5 - Envio de información tipo JSON05:45

Websockets II

  • 6.1 - Introducción a nuestro proyecto09:19
  • 6.2 - Revisando nuestro HTML base04:13
  • 6.3 - Variables de conexión a Websocket14:06
  • 6.4 - Función de conexión a nuestro Websocket07:12
  • 6.5 - Función de conexión a nuestro Websocket parte 207:50
  • 6.6 - Dibujando la información recibida del mensaje00:53
  • 6.7 - Dibujando gráfica de ventas13:23
  • 6.8 - Técnica del ping04:40

¿Por qué elegir EDteam?

Profesores reales

Profesores reales

Todos nuestros profesores tienen experiencia real en aulas.Porque no basta saber un tema, sino saber enseñarlo.

Especialidades

Especialidades

Las especialidades son rutas de aprendizaje detalladas que te llevan a traves de cursos cortos a tu objetivo.

Aprende con proyectos

Aprende con proyectos

Somos la primera plataforma en incluir un proyecto del mundo real (no un examen) para completar los cursos.

Comunidad

Comunidad

No te quedes con dudas, busca apoyo en la comunidad, ayuda a tus compañeros y gana reputación.

Seguimiento de aprendizaje

Seguimiento de aprendizaje

Lleva seguimiento de tus avances, tomar notas y obtén un certificado de culminación desde nuestra plataforma.

Clases en vivo

Clases en vivo

Toda la semana tenemos clases en vivo en las que nuestros estudiantes interactuan con los profesores y sus compañeros.