JSON (Javascript Object Notation) Curso Completo - Nodejs, & REST APIs

110,299
0
Published 2022-04-23
JSON (Javacript Object Notation) es un formato de intercambio de datos bastante popular usando en practicamente la mayoria de aplicaciones modernas de hoy en día. Este formato se usa para poder enviar datos desde aplicaciones servidor a aplicaciones cliente y viceverse. En este curso práctico aprenderemos la Sintaxis, tipos de datos y como utilizarlo en una aplicación web Sencilla.
Ademas tambien instalaremos Nodejs, y npm para poder empezar a crear un mini servidor y pedir datos REST APIs usando fetch.

Código del Ejemplo Práctico:
github.com/FaztTech/json_course

Validador de Formato JSON: jsonlint.com/
chrome.google.com/webstore/detail/json-viewer/gbmd…
JSON Placeholder: chrome.google.com/webstore/detail/json-viewer/gbmd…

Indice del Curso:
00:00 Introducción
00:37 ¿Porque Aprender JSON?
02:07 ¿Qué es JSON?
05:06 Tipos de Datos en JSON
07:02 Reglas de JSON
07:07 Pares clave y valor
08:17 dobles comillas
08:43 Valor es necesario
09:57 Llaves
10:24 comas
11:19 Objetos embebidos
12:06 JSON Extension
12:43 mime type
13:51 Javascript Object vs JSON
18:17 jsonlint.com
24:50 Datos no validos en JSON
27:05 Arrays
30:30 loops & Arrays
35:01 Archivo JSON
37:17 JSON sobre HTTP
45:14 fetch API

👨‍💻 ¿Qué servicios utilizo?
Tabnine ➞ bit.ly/3wrmtKi
SiteGround ➞ bit.ly/31u9ZEk
DigitalOcean ➞ m.do.co/c/8ef261d77de5
Expo ➞ bit.ly/2WpYKtx
NordVPN ➞ bit.ly/2Te7p0J
Cloudinary ➞ bit.ly/3ohNlJ7

Este curso es una actualizacion de un curso antiguo:    • API REST - JSON | Curso Practico Comp...  
Namecheap ➞ namecheap.pxf.io/ErDe9
Hostinger ➞ www.hostg.xyz/SH4YB

🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ facebook.com/fazttech
Instagram ➞ www.instagram.com/fazttech
Twitter ➞ twitter.com/fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ www.twitch.tv/fazttech
Discord ➞ discord.gg/sjxTPvUvt5
Blog ➞ blog.faztweb.com/

#json #javascript #restapi

All Comments (21)
  • Dos cosas que agregar: Primero, si el método dentro del objeto javascript es un getter ( get greet(){ return "Hello"} ), si aparece el valor devuelto en el json. Esto es así porque el getter es una propiedad computada, es decir, una propiedad que para retornar su valor ejecuta un método (eso es cool!). Lo otro es que, al método ".stringify" se le puede pasar tres parámetros. a) El objeto a convertir en JSON, b) una función de reemplazo, c) y el número de indentación que queremos para nuestro json formateado, por lo que, pasando los siguientes parámetros: JSON.stringify(user, null, 4) Se nos mostrará por consola, un JSON formateado con una indentación de 4.
  • @Cibertuto2
    Es increíble que algo tan plano, y al parecer "sencillo", tenga su ciencia. Nunca pensé que JSON diera para un tuto de casi una hora XD. Gracias por todo. Saludos desde Lima, Perú.
  • El aporte que haces a la comunidad tech es incalculable, genio de los genios.
  • @h1-hackermater
    Para que pagarse un curso de Udemy si tenemos al CRACKS de los CRACKS que es este hombre enseñando programación. Fazt eres lo mejor de Youtube <3!
  • @tripailao
    Que maravilla de cápsula. Muchas gracias FAZT!
  • Brother tu contenido es el mejor de todo youtube, sobre todo por que no solo te concentras en lo que todos te dicen que necesitas para aprender programacion, sino que vas al punto y paso por paso , ademas del contenido amplio y ordenado que subis.Gracias por todo el aprendizaje
  • @rubenmendez5488
    Hola fazt, gran material como siempre, sos una gran persona por compartir tremendos conocimientos y de la forma que lo haces se agradece
  • @Vin_DJ
    Necesito mas tutoriales de aprendizaje desde 0. Gracias. Fazt.
  • @CesarBerrio
    Excelente trabajó y presentación, muchas gracias :)
  • Hola a todos, fazt de todas formas ya aprendí json con tus anteriores vídeos jajajaj, en teoría si alguien lleva siguiendo tus vídeos al final lo aprende
  • qué maravilla la forma de explicar, las palabras elegidas, el detalle en todo lo que mostrás. Q habilidad.
  • @zcoding8355
    Felicitaciones Fazt! realmente genial esta vídeo!
  • @dnlsilver
    Muchas gracias por este curso, me sirvio bastante para pulir lo que ya sabia de los JSON
  • Fazt eres el mejor !! He aprendido mucho con tu canal 😄
  • En el minuto 49:32 No funciona, porque la llamada es asíncrona. El fetch hace una llamada asíncrona, puede que termine antes o después de llamar a la instrucción que asigna con el innerHTML el postElements (que por cierto, casi siempre las instrucciones fetch terminan después por asuntos de la pila o Event Loop). Así que aunque Fazt no se dió cuenta, al meter esa instrucción dentro del segundo .then hizo que se pudiera ejecutar, ya que ahora sí es parte de la función dentro del Event Loop de JS.