DESARROLLO WEB FULL STACK
NIVEL BÁSICO
Componente técnico - Metodología
Introducción a JSON (JavaScript Object Notation)
¿Qué es JSON?
JSON (JavaScript Object Notation) es un formato ligero de intercambio de
datos que se utiliza para estructurar información de forma sencilla y eficiente.
Es una forma estándar de representar datos como texto, lo que facilita su
intercambio entre sistemas, especialmente entre servidores y aplicaciones
web.
JSON fue originalmente derivado de la sintaxis de objetos de JavaScript, pero
hoy en día es ampliamente utilizado por diferentes lenguajes de programación
como Python, Java, PHP, Ruby, entre otros. Gracias a su simplicidad y
universalidad, JSON se ha convertido en uno de los formatos más populares
para la comunicación de datos en aplicaciones web modernas.
Introducción a JSON (JavaScript Object Notation)
Propósito de JSON:
JSON se usa principalmente para:
➢ Transferir datos entre un cliente (por ejemplo, un navegador web) y un
servidor. Esto es común en aplicaciones que necesitan intercambiar datos,
como en las API RESTful.
➢ Guardar datos estructurados en archivos o bases de datos NoSQL, como
MongoDB, que utilizan JSON para almacenar información.
Introducción a JSON (JavaScript Object Notation)
Sintaxis de JSON
JSON está basado en un formato de clave-valor.
La sintaxis básica de JSON incluye:
➢ Objetos: Conjunto de pares clave-valor encerrados entre llaves {}.
➢ Arrays: Listas de valores ordenados, encerradas entre corchetes [].
➢ Valores: Pueden ser de los siguientes tipos:
• Números (enteros o de punto flotante).
• Cadenas de texto (strings) encerradas entre comillas dobles.
• Booleanos (true o false).Nulos (null).
• Objetos (pares clave-valor).
• Arrays (listas de valores).
Ejemplos básicos de JSON
Reglas de sintaxis de JSON
Conversión entre JSON y JavaScript:
En JavaScript, trabajar con JSON es muy sencillo debido a las funciones nativas que
permiten convertir un objeto JavaScript a una cadena JSON y viceversa.
Conversión entre JSON y JavaScript:
Actividad - Teórica Practica
Con el Objetivo de recrear un envio captura y envio
➢ Tiene 20 Minutos para leer,
de datos JSON se propone el siguiente ejercicio paso
Realizar, practicar, resolver,
a paso el cual vamos a hacer lo siguiente:
preguntar.
➢ Recoger los datos del formulario.
➢ Debe de Mostrar El programa
➢ Convertirlos a un JSON usando JSON.
Funcional
➢ stringify().Modificar el JSON en JavaScript.
➢ Debe de Responde un Pregunta o
➢ Mostrar el JSON modificado en la página.
Realizar un cambio en el programa.
Fetch API
¿Qué es Fetch API?
Fetch API es una función nativa de JavaScript que proporciona una forma sencilla y
moderna de realizar solicitudes HTTP a servidores para obtener datos o enviar
información. Se utiliza para interactuar con APIs (Interfaces de Programación de
Aplicaciones) y realizar peticiones para obtener datos como JSON, imágenes, archivos,
entre otros.
Una solicitud HTTP (Hypertext Transfer Protocol)
es el método que los navegadores y aplicaciones
utilizan para comunicarse con servidores en la web.
Permite solicitar recursos (como páginas web,
datos, imágenes, etc.) y enviar información a los
servidores.
Significado de las siglas:
HTTP: Protocolo de Transferencia de Hipertexto
(Hypertext Transfer Protocol).
Es esencial porque define cómo se envían los
datos entre un cliente (navegador) y un servidor,
[Link]
permitiendo la navegación y el intercambio de requests-en-python/
información en la web.
Métodos HTTP comunes en Fetch
En el desarrollo web, los métodos HTTP son
formas de definir el tipo de operación que deseas
realizar al hacer una solicitud a un servidor. Los
cuatro métodos más comunes son GET, POST,
PUT, y DELETE. Vaz a leer y a practicar cada uno
con ejemplos de cómo hacer estas solicitudes
desde Postman y usando Fetch API.
Respuestas Comunes de una API