JSON (Javascript Object Notation) Curso Completo - Nodejs, & REST APIs
HTML-код
- Опубликовано: 10 июл 2024
- 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/de...
JSON Placeholder: chrome.google.com/webstore/de...
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 | Curs...
Namecheap ➞ namecheap.pxf.io/ErDe9
Hostinger ➞ www.hostg.xyz/SH4YB
🌐 Redes:
Fazt Web ➞ www.faztweb.com/
Facebook ➞ / fazttech
Instagram ➞ / fazttech
Twitter ➞ / fazttech
Telegram ➞ t.me/fazttech
Twitch ➞ / fazttech
Discord ➞ / discord
Blog ➞ blog.faztweb.com
#json #javascript #restapi
Siempre se me complico entender json en los cursos que he tomado, por que siempre te lo presentan como un objeto y te dicen que eso es un json cunado es un objeto y en vase a tus cursos practicos se logra entender que un objeto se tiene que convetir a json para que sea un json valid.
Gracias Fazt
Que maravilla de cápsula. Muchas gracias FAZT!
Necesito mas tutoriales de aprendizaje desde 0. Gracias. Fazt.
El aporte que haces a la comunidad tech es incalculable, genio de los genios.
Gracias fazt por todo tus vídeos, uno más por aprender
Justo necesitaba este curso.
Muchas gracias Fazt.
qué maravilla la forma de explicar, las palabras elegidas, el detalle en todo lo que mostrás. Q habilidad.
Hola fazt, gran material como siempre, sos una gran persona por compartir tremendos conocimientos y de la forma que lo haces se agradece
Tu voz y forma de enseñar me cautiva y me dan más ganas d aprender
Gracias Fazt......lo necesitaba, siempre se habla de JSON por aquí, JSON por allá pero no como este video.....genial!!
Felicitaciones Fazt! realmente genial esta vídeo!
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 autor de este video tambien es de Perú
Excelente video, aprendí mas que en todos los videos que he visto de Json.
Muchas gracias enserio
Fazt eres el mejor !! He aprendido mucho con tu canal 😄
Impecable curso Capo!!, muy claro explicas
que maravilla, felicidades. estaré atento.
Excelente trabajó y presentación, muchas gracias :)
You are a very gifted teacher. I've been teacNice tutorialng soft for over 50 years and really appreciate your video being a beginner in soft soft.
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
Uuufff gracias a unos 15 videos tuyos la estoy armando en mis practicas profesionales Gracias Fazt :,)
Muchas gracias por este curso, me sirvio bastante para pulir lo que ya sabia de los JSON
wow 🤯🤯, muchas gracias!! excelente curso!! 👏👏👏
Fazt, excelente aporte, felicitaciones y gracias.
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
Excelente me rompí la cabeza un día entero y me di por vencido, ahora tu los muestras facilísimo !!!!😅
gracias por tus cursos hermano! ojala nunca acaben
Se vienen muchos más :)
Muchas gracias me diste muchas luces para aclarar😇 este tema, sigue explicando de esa manera . GRACIAS
Que buen video bro!!! siempre me encanta como explicas!!!
Muuuuuuuchas gracias por sus enseñanzas.. Dios lo bendice (10/08/2022)
brutal lo entendí full ....🤛muchas gracias
Al fin una clase más , grande fazt 😎
wow , justo ayer estaba buscando cursos de esto :O muchas gracias
Una joyita fazt como siempre
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.
Correcto. Pero convengamos que hasta cierto punto es un curso de JSON, y desde cierta parte, ya es netamente JS.
Bien explicado! un abrazo Fazt Code!
muy bien explicado, gracias ante mano
Uffff🔥🔥🔥🔥 la re subiste amigo.
Gracias ✨✨✨✨✨
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 RUclips
MI pana eres genial!!!!.. gracias .. saludos desde Venezuela (10/08/2022)
Estaba esperando un curso así
Estupendo vídeo como siempre... Gracias
Gracias sensei por compartir más conocimiento ✌🏻
Excelente curso, muchas gracias 😁
EXCELENTE COMO SIEMPRE FAZT!!!
Justo esta semana estaba repasando JSON y no encontraba información en la diferencia entre un objeto javascripts con un json , este tutorial me dejó en claro varios conceptos. Muchas gracias! #excelentetutorialdejson .
Que buen curso amigo, muchas gracias !!
Estaba esperando este vídeo hace mucho tiempo, gracias FAZT!
Ya tenía en su canal un video/curso sobre JSON, solo que es bastante antiguo, uno de los primeros.
@@GonDevel Así es, por eso quería un vídeo mas actual
@@mikess26_ de hecho lo fui a buscar por curiosidad y ya no lo encontré xd
@@GonDevel Lo he colocado en oculto, porque ahora este es el reemplazo. Pero el enlace al video viejo esta en la descripción :)
@@FaztTech Me encantaría que hagas mas contenido acerca de SQL, me encantaron los vídeos sobre SQL + Node.js :D
Muchas gracias, explicas bien, se entiendo fácilmente
Excelente video, claro y conciso
Fazt eres el mejor.😘😘😘
Muchas gracias Fazt!
Primero xd Gozu tu clase, gracias por muchos cursos.
Fantástico, brutal. Muchas gracias
Buen curso amigo, lo entendí muy bien👍
Gracias por compartir tus conocimientos
Maestro de maestros
muy buen video hermano, muchas gracias!!
gracias por el curso esta muy bueno
GRACIAS!! ME SIRVIO UN MONTON
Lo hiciste otra vez. Gracias capo
Crack!! Gracias por el curso.
me gusto mucho este vídeo fazt
Muchas gracias por el video!
Muy bien explicado!
Sos muy grande. Muchas gracias crack
excelente tutorial, muy interesante!
Gracias por excelente contenido
Tu canal es una joya
Muy buen vídeo!!!! gracias 😄
que buen video, explicas re bien amigo
Gracias, bien explicado..... saludos.
gracias excelente video
buen curso para iniciarse en JSON
Gracias maestro...se extrañaban tus cursos prácticos...aver si actualizas el de Angular. Saludos Fazt 👏
Esta en mis planes actualizarlo y extenderlo con más ejemplos :)
@@FaztTech por favor primero el de react 😇algo de next tampoco estaría mal. Muchas por todo lo que haces
fazt eres crack
Gracias Fazt! tenias uno antiguo muy parecido pero supongo que lo has querido actualizar con algun dato más. La verdad que me gustó mucho el video y uno suave de vez en cuando va bien jaja ;)
Sí es una actualizacion de un video viejo
excelente gracias.
Excelente vamos a repasar JSON , Gracias por los videos y ahora que creo videos te admiro más porque se lo difícil que es 😅
Lo peor es cuando grabas una hora seguida y el microfono esta muteado.
@@FaztTech :0
@@FaztTech jajajaj también me pasó, pero no tanto tiempo , uno hable y que hable 🤣🤣
Además gracias a tu frase famosa (y lo que recibo lo voy a guardar en un objeto, voy a crear un objeto, me devuelve un objeto) jajajajajaja, brutal, gracias por eso
Épico!
tkm fazt.
TKM Fazt
Gracias Sensei 😎
Yei un nuevo curso 😃
Es tema que ya habia publicado, pero estoy actualizando todos los cursos y tengo planeado publicar nuevos
@@FaztTech que bien, es bueno que vallas actualizando tus cursos y no los dejes morir
thank you man, so good
thanks dude :)
gracias
Master ☢️
Me gustaría pedirte si podes compartir o hacer un vídeo de como mejorar la velocidad con el teclado - tipeo - vi en varios de tus vídeos que tenes formas de escribir muy rápida se ve como trucos sobre el tipeo, por ejemplo cuando - borras ciertos bloques de código o seleccionas bloques de código, etc . Desde ya te agradezco por todo el material que subís e aprendido mucho con tus vídeos saludos desde argentina !!!!!!!
Hola Fazt ante todo darte las gracias por compartir tus conocimientos con todos nosotros de corazón te lo agradezco quería preguntarte si podrías crear un curso del Protocolo HTTP realizar una encuesta para ver si hay mas personas como yo que quieren aprender backend y entender a profundidad las peticiones como que cosas lleva un header un body y si tienes un curso que hable de ello mas a detalle por favor dime cual es creo que les serviría tanto backend como a frontend algo así como este curso de JSON hablar del protocolo HTTP y HTTPS
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.
Hola Fazt. como estas bro? Recuerda sacar tiempo para ti no solo para el canal. Buen video
Claro que sí, Gracias por el recordatorio :)
Cuando un tuto de Java, con spring boot etc, veo que piden mucho java para trabajo .. estaria genial. Por cierto muy buenos tus videos, saludos
Es una buena idea, voy a elaborar algunos curso del tema :)
Siuuu!
Bro I subbed and hit the bell
Thanks dude :)
La sintaxis es muy parecida a la de los diccionarios en python. Saludos!!!
exacto aunque debes tener ciudado con los 'True' y cambiarlos a 'true', eso me ha causado unos cuantos problemas
Deberías agrupar estos nuevos cursos en una lista y poner algo como principios básicos o lo que sea
Es una muy buena idea, a medida que los voy publicando voy a crear una lista en orden de estos temas :)
concuerdo
Gran tutorial como siempre. Muchas Gracias. Tengo una pregunta, ¿hay alguna manera de poder subir mis json a un servidor en internet? ¿Solo con tener un hosting es posible o se necesita algo mas?
Te amoooooo “FAST" cuando termine mi ingeniería en sistemas Te voy a mencionar en mi discurso final :'v
jajaj Gracias :D
Es un excelente curso, uno de los mejores canales para estudiar programacion, tengo una pregunta que extencion utilizas para que VS Code te recomiende las variables?
Hola Ezequiel esa extensión se llama Github copilot