JSON Crash Course

Traversy Media
Visualizações 771 273
98% 7 622 91

In this video we will talk about JSON, JavaScript object literals and AJAX. Ill show you how to create JSON objects and arrays and also how to make an Ajax request to a .json file
CODE: Code for this video
EDUONIX COURSES: Please use affiliate links from website below
SUPPORT: We spend massive amounts of time creating these free videos, please donate to show your support:

Ciência e tecnologia

Publicado em


5 Abr 2017



Baixar vídeos:

Carregando o link.....

Adicionar a:

Minha playlist
Assista mais tarde
Comentários 80
Kamal Sk
Kamal Sk 4 dias atrás
Awesome 👌,
mrnobody 4 dias atrás
uhmm was trying to understand why 'output' was wrong inside the for loop. If it is there, every time will be set again to var output = ' ' so you end up with only one name in the list, from the last iteration. Just in case anyone else is as puzzled as me...
Alex George
Alex George 16 dias atrás
This is the best JSON course so far. Thank you again, Brad
Emmanuel Fabiani
Emmanuel Fabiani 17 dias atrás
Brad is an amazing teacher. I have been following him on BRvid as well as on Udemy where he has some great courses. I would highly reccomend Brad if you have set yourself to learn Web development! Thank you @Brad for your great work and for all the efforts you must put in to this.
Muhammad Zubair
Muhammad Zubair 18 dias atrás
After user submission quiz, how to dispaly data in json raw form? I hv this code link below: @t In this case after user submission the count all user answer and display correct answer, i want to display data like this in end: {"name":"test name","check":"yes","select":"angularjs","message":"Message text","email":"abc@@t","password":"ABC"} What changes i should made in index.js to display the required result?
Muhammad Zubair
Muhammad Zubair 18 dias atrás
I want to load the json form, from other file name data.js in file name index.html. Kindly View the File. Help Me:
Daniel Hoifodt
Daniel Hoifodt 18 dias atrás
Actually, i did not understand the purpose of json, but now i do. json_encode and json_decode in php :)
Kareem Serag
Kareem Serag 18 dias atrás
How genuine, he even told people to dislike it if they didnt like it. that deserves a like
Cham Nil
Cham Nil 19 dias atrás
Thank you so much for the informative video,if you can do a video about command prompt stuff(since i am a beginner)i didnt get the last part of your video.
Yunveze 26 dias atrás
Ive been following a tutorial on BRvid ( Django Ecommerce Website | Add to Cart Functionality | Part 3) and at (20:56 - 23:00) i keep getting this error. "Uncaught (in promise) SyntaxError: Unexpected token " I followed every thing he did i even spent a few days backtracking through my code and i still cant get this error to go away, Ive only been coding for a few weeks so i probably need more knowledge on java script.But for the time being i wanna see if i can get some help from you guys,Thanks in advance.
Hicham Sabah
Hicham Sabah 27 dias atrás
Excellent tutorial.
Prototowb 27 dias atrás
so much value in this short vid
julius cecilia
julius cecilia Mês atrás
Watching this vid right now! So helpful :o
Muhammad Iftikhar
Muhammad Iftikhar Mês atrás
love you keep making more video for us
Tony Jara Tech
Tony Jara Tech Mês atrás
Dude you are awesome
Prateek Agarwal
Prateek Agarwal Mês atrás
How does the send request know which server to send the data from "people.json" to? Thank you.
Doni Munoz
Doni Munoz Mês atrás
Thank you.
Alhajie Swaray
Alhajie Swaray Mês atrás
Thanks a lot much appreciated....I'm just have an issue having the live-server run....I get a 'live-server' is not recognized as an internal or external command, operable program or batch file. Any idea.
Naresh Kumar
Naresh Kumar Mês atrás
Great Tutorial
Suman Ahmed
Suman Ahmed 2 meses atrás
Hey Brad, great video. I notice that when the syntax is not valid the text map with a red background. Can you please tell me what the extension is for this.
maaz siddiqui
maaz siddiqui 2 meses atrás
Can we write on it using javascript and saveit?
Nguyễn Anh Vũ
Nguyễn Anh Vũ 2 meses atrás
from VIETNAME ^^
gladiamissan84 2 meses atrás
Thx for sharing Jason too interesting I recommend for my students
Felipe Villarroel
Felipe Villarroel 2 meses atrás
Thank you mate, very good video!
Growth Mindset
Growth Mindset 2 meses atrás
Can someone that is experienced with JSON Errors please help me! I have an unexpected token json at position 78511 that keeps appearing in a small box on my screen when I move through various pages on BRvid. I don't know why and I don't know how to fix it. Some of the videos on BRvid to fix the problem are towards video thumbnails but I don't have any videos so no thumbnails. What is it and how do I fix the it??
Richard Bronold
Richard Bronold 2 meses atrás
Great video! How do you get the incorrect JASON syntax highlightes in atom? I have installed the package "language-markdown" can't still see the red highlighted key which missed the quotation marks?
Benny Tajfar
Benny Tajfar 2 meses atrás
Your the best
敖运 2 meses atrás
It's no doubt that a great video, the nice voice and the beautifully coding, i'm very sorry that my Chinese friend connot see this moive to study and enjoy. If i may, i wanna to put it on the bilibili ,so that more Chinese will see this moive and come here to visit u. For my respect, i will do nothing with this video and CC. Thanks
Jordan Willis
Jordan Willis 2 meses atrás
How come at 3:49 you said "'Name' is the key, 'Brad' is the value'", you didn't bust out into a rap?
Pranav chandran
Pranav chandran 2 meses atrás
All your classes are very Nice.Thanks
Dwayne 2 meses atrás
at 17:13 a nice little shortcut is ...... ctrl d ... to search for the next occurance of currently selected text and replace them with the text change as you type. This way you can select all occurrences of ... name ... and replace them all at once.
Steve Grimm
Steve Grimm 3 meses atrás
What's the best way to import json to a google sheet? I've found 2: - doesn't let you pass in headers - can pass in headers and do POST requests.
Rahul Tirkey
Rahul Tirkey 3 meses atrás
Sir you're a great teacher. You give us a new hope to learn something new for self taught programmer.
VILLY VILLIANS 3 meses atrás
Thank you for your informative courses, Brad. I'm laid off due to COVID-19. But I'm glad it happened, now I actually have time to binge-watch all your videos haha Can you do a video with React&Node on making a Pro Blog (Single-User/Multi-User, Commenting, Likes, Avatars, Etc), all the way to deployment and handling the database? Or a course on your Udemy. I'll gladly pay. Thanks for the help, again.
jay kim
jay kim 3 meses atrás
Great video Brad. I am curious. At 21:00 how can you use ls command in windows command line? I tried it on mine and it's not recognized.
Swapnil Mugle
Swapnil Mugle 3 meses atrás
informative video, you have great teaching skills sir
Shannon T
Shannon T 3 meses atrás
This tutorial is great but I would love to see an example of how to get it to work using XAMPP
Massimo D'Ambrogio
Massimo D'Ambrogio 3 meses atrás
Thank you, very nice tutorial
Fortune Mbulazi
Fortune Mbulazi 3 meses atrás
This course is just what was missing in my Javascript coding, thanks man.
Door Studios
Door Studios 3 meses atrás
This helped me a lot in writing a json exporter for my project, thanks!
Ram Kattubadi
Ram Kattubadi 3 meses atrás
Nice I enjoyed it. very informative
paulo silva
paulo silva 4 meses atrás
ohmygodoui nevetbruod
ohmygodoui nevetbruod 4 meses atrás
what is the ide your working in ? is it an extension of chrome ?
ohmygodoui nevetbruod
ohmygodoui nevetbruod 4 meses atrás
I got it F12 and Atom
michael ela
michael ela 4 meses atrás
Thanks for the tutorial. I can now understand JSON really well.
Ahmed-Keith Reziki
Ahmed-Keith Reziki 4 meses atrás
A simple guy, got beaten by life, unexpectedly got a kid...and his act together....singlehandedly saved humanity through YT tutorials so easy to understand even a toddler could follow them! You sir are the real Captain America!
n vukcevic
n vukcevic 4 meses atrás
thank you Brad, which keyboard you use?
Neo V2RNA59Z
Neo V2RNA59Z 4 meses atrás
I love your voice
Shyam Muchulapuri3
Shyam Muchulapuri3 4 meses atrás
thanks for creating JSON objects and arrays.And videos are great simple to understand
ouss zouh
ouss zouh 4 meses atrás
Man, your approach is very pedagogic. Keep up your awesome videos.
Musa Khan
Musa Khan 4 meses atrás
Thank you so much Brad!
Alberto Álvarez
Alberto Álvarez 4 meses atrás
Great explanation! You have helped me a lot! Thank you very much, indeed!
Chandan Kumar
Chandan Kumar 5 meses atrás
Your videos are so easy to understand. Please keep making these type of great videos !!
aseel Matloob
aseel Matloob 5 meses atrás
Thank You verry much ,, Great videos :)
Crelloc 5 meses atrás
How to change a value of an existing JSON file using code instead of manually opening file?
ms. Rama
ms. Rama 5 meses atrás
should I close the live server of npm?
Charles Masimba
Charles Masimba 5 meses atrás
Great informative video. Well done. I am new to JSON and Web Programming and this video has helped me to get going on my new Job in Space Engineering. I need help to know which IDE should I use to compile, that outputs to a web Browser the HTML page?
shreshth jain
shreshth jain 5 meses atrás
Really helped me a lot Thanks for such great upload
J T 5 meses atrás
Katja 5 meses atrás
If you don't want to do the whole XMLHttpRequest and you're a little familiar with jquery then you can also create a script.js with a document ready function. then you create a loop that loops through your people array: My .js code then looks like this: $(document).ready(documentReady); // make sure you paste the var people in here! you can use to see if your code is json code :) function documentReady () { for (var i = 0; i $('#people').append(''+ people[i].name); } ofcourse you have to make sure jquery is installed and referred to in your index.html folder i inserted this into my in my index.html file : Hope it helps!
Geir Otto Olsen
Geir Otto Olsen 6 meses atrás
Great stuff, and very informative
William James Rapp
William James Rapp 6 meses atrás
Are there any CRASH COURSES for people who do not know JS and have never done JSON before ? Nothing you have said makes an ounce of sense to a Beginner
William James Rapp
William James Rapp 6 meses atrás
@Saneyar Khazin It has become apparently obvious that you are very correct. I am again going through JS videos.
Saneyar Khazin
Saneyar Khazin 6 meses atrás
Mate if you don't have basic understanding of JS, you're not ready for JSON
William James Rapp
William James Rapp 6 meses atrás
Since this video is for "Beginners" Can you explain again What JSON is in common language and not use TECHNICAL language or is that not even possible ? I watch the first half of this video four times now and have no idea what you are talking about . People saying JUST STICK WITH IT IN TIME IT WILL MAKE SENSE That is like saying READ the book Доктор Живаго in its native language, Gust give it time it will make sense to you.
Agent ANAKIN 6 meses atrás
Too many "ums." I stopped watching at 1:13.
The TopShottah
The TopShottah 6 meses atrás
16:32 when he used double +_______+ on line 42 anyone care to explain?
Ismail mohamud Hasan
Ismail mohamud Hasan 6 meses atrás
Thanks you
Phil Teng
Phil Teng 6 meses atrás
Thank you Brad. You explained JSON better than the instructor did at my school
Nikolay Kovalenko
Nikolay Kovalenko 7 meses atrás
Json and java script object are different things... Name the video correctly please - "how to work with json in java script". And no, it’s not interesting for those who write in other languages...
Riciu Adrian
Riciu Adrian 7 meses atrás
what editor are you using?
e la
e la 7 meses atrás
Thank you :)
Eric Ferguson
Eric Ferguson 7 meses atrás
Why would anyone click "dislike"?
Luke Vincent
Luke Vincent 7 meses atrás
You will always find dickheads around in life.... they here too.
Dmitriy Rechitski
Dmitriy Rechitski 7 meses atrás
Thanks a lot for your tutorials! Pls advise, if that possible to make source code of .json/.geojson files to be unreadable from the browser's loaded page in such way this could not be copied for unauthorized use (I mean F12)?
Nisha ko support karo
Nisha ko support karo 8 meses atrás
Hello sir I need help regarding json. How can i contact you on whatsapp or any other social media?
Amine Ch
Amine Ch 8 meses atrás
This crach course helped me a lot, thx.
Denis CC
Denis CC 8 meses atrás
amazing tutorial!
FGA Creative
FGA Creative 8 meses atrás
Also in 2019 very helpful, one thing I can not understand and xhttp.send() are behind the output? How do the function know where to get the xhttp.responseText before open and send???? Confusing.
LUCA MODD3R 8 meses atrás
Fantastic video!!!
Enock Oloo
Enock Oloo 8 meses atrás
so appealing and excellently explained - good job.
HiXaM JOCULAR 8 meses atrás
thanks bro for this tuto ,I wonder if I could get data from json file without the assist of xhttp request
Dr. Strange
Dr. Strange 8 meses atrás
I'm surprised everyone on the comments section finds this video so easy to understand. I literally CRASHed trying to soak this in. But then again I am a noob to programming.
Randy Keller
Randy Keller 8 meses atrás
This really helped me understand! Thank you man! 👍
Próximos vídeos
Learn JavaScript - Full Course for Beginners
JavaScript Crash Course For Beginners
Visualizações 1 000 000
every diary of a wimpy kid movie
Visualizações 453 492
Basic Javascript Projects
Visualizações 393 000
SQL vs NoSQL or MySQL vs MongoDB
Visualizações 1 200 000
Git & GitHub Crash Course For Beginners
AJAX Crash Course (Vanilla JavaScript)
Node.js Tutorial For Absolute Beginners
JSON and AJAX Tutorial: With Real Examples
Visualizações 207 313
Visualizações 460 712