Aprenda a comunicarse en tiempo real con el servidor utilizando websockets y consuma API con javascript utilizando xhr, fetch () y promesas. Conocimiento obligatorio para todos los frontend.
¿Que aprenderás?
Consumir APIs con Ajax
Usa fetch () y promesas
Dibujar en el DOM usando datos JSON
Comunicación en tiempo real con el servidor.
¿Qué conocimiento necesitas?
HTML
CSS
javascript
javascript en el navegador
Contenido:
1. Introducción
Definición del protocolo HTTP
Métodos de protocolo HTTP
Códigos de respuesta
Cebeceras
El objeto XMLHttpRequest
2. Procesando respuestas
Estado del objeto XMLHttpRequest
Creando un cargador
Procesamiento de datos con técnica ahah.
Procesar y trabajar con datos Json.
Mejora el dibujo del DOM con datos.
Controlar los códigos de respuesta al servidor.
3. Promesas
Funciones de devolución de llamada
Trabajando con las promesas
Uso de async y espera.
Introducción a la API de Marvel
Creando la librería AJAX
Haciendo uso de nuestra biblioteca.
Recapitulación del funcionamiento de nuestra biblioteca.
4. Alternativas a XHR
Documentacion axios
Trabajando con axios
Creación de cadena de plantilla
fetch () (ver gratis)
Async y espera
Enviar contenido con fetch ()
Enviar contenido con método post
5. Websockets
Definición de Websockets
Ciclo de vida de un websocket
Practicar con websocket
Comportamiento websocket
Enviar información tipo JSON
6. Websockets II
Introducción a nuestro proyecto.
Comprobando nuestro HTML base
Variables de conexión a websocket
Función de conexión a nuestro websocket.
Función de conexión a nuestro websocket parte 2
Dibujando la información recibida del mensaje.
Dibujo gráfico de ventas
0 Comments:
Publicar un comentario