Learn JSON in 10 Minutes

In this video we will cover everything you need to know about JSON in only 10 minutes. We will cover what JSON is, why JSON is important, what JSON is used for, the syntax of JSON, and multiple examples of JSON. JSON is the most popular data representation format, and is one of the most important, and easiest concepts you can learn in programming. It allows you to create APIs, config files, and structured data. We will be covering all of the terminology, and going through live examples of all the different JSON types.
Learn X in Y Minutes Playlist:
bit.ly/2RscdMZ
Twitter:
/ devsimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#JSON #WebDevelopment #Programming

[@WebDevSimplified]

I hope you all enjoyed this quick video on JSON. If you have any topics you want me to cover in future videos let me know!

[@ectoplasm1285]

fetching data from API would be nice :)

[@WebDevSimplified]

@@ectoplasm1285 That is definitely something I want to cover in the future. Thanks for the suggestion!

[@gopinathkrm58]

Angular Framework?

[@WebDevSimplified]

@@gopinathkrm58 great suggestion. I have personally never used Angular, but I have wanted to learn it so I can compare it to other frameworks such as react and vue. I will definitley make a tutorial about angular when that time comes.

[@WebDevSimplified]

@William Harris is there anything in particular about the dom you are interested in learning? It is quite a wide topic.

[@there-voltingcompany1960]

[{"satisfaction_level": "excellent", "comment": "thanks mate, this was really useful"}]

[@WebDevSimplified]

{ "gratitude": "10/10" }

[@there-voltingcompany1960]

@@WebDevSimplified {"liked": true, "subscribed": true}

[@shannelsafari3295]

wow student

[@jovialdeveloper3908]

{ "Simplified": true, "ThumbsUp" : 2}

[@sahhilldesigns2631]

{"comment":"liked"}

[@melissamichielsen437]

This has helped me immensely. I felt like Json was just eluding me, I would look and struggle through it. This will make me much more efficient. Amazing tutorial. Thanks again!

[@JaPls]

Most helpful video I've found for breaking down what JSON is, and I love that is was clear and concise and not full of background and history of what a curly bracket is or whatever else the other youtube tutors like to include in their monologues haha

[@fullspeedidiot]

I've been picking things up here and there as I go but this is one of the best tutorials I've seen. You did a great job of not focusing on the mistakes people commonly make (which just perpetuates those mistakes to future learners).

[@solosailorsv8065]

Finally, someone who iterates the acronym of the subject matter, at the beginning, as all Teachers are taught to do. Thank You.

[@JohnDoe-cl2rx]

Thank you supporting me in every aspect of complicated concept of programming!!! Your explanation always comes straight to my mind! Love you! You give us liquid gold!

[@ibnzer0]

in 10 minutes, this completely cleared my understanding of JSONs. thank you so much. knowledge is power

[@00el04]

I finally know what JSON is after nearly a year of coding :)

[@sumitpurohit8849]

Same here

[@boonchuanlim8096]

me too

[@GinjouArmy]

You are all true programmers now.

[@Vainglory100]

Same LOL

[@carlajiguan2704]

X5

[@Yazzyyaz92]

Your teaching style is so concise, clear, simple and straight to the point- I love it!

[@JungleTides]

So, I am a C++, and C# coder / game editor. When coming across an old hml site I wanted to link my discord server to the site as a side view and reformat it for my game/server that I host. In this moment I realized that even though I have been editing this site for some time now, I actually know next to nothing about the format its self or how it is layed out. Rather I have just been finding and changing the information already present. That being said I find this video very useful and my first step in the door to actually understanding hml and the benifets or switching to JSON. On that note for view back references i would really like to save these videos and i will definitely be subscribing. Thank you!

[@illuminated2438]

Owing to its importance I've studied many resources on JSON. This IS THE BEST!

[@gatorslife22]

I cannot tell you how much I truly appreciate how you break everything down into bite-sized pieces of information! I felt such a wave of relief after watching this video. Seriously.

[@WebDevSimplified]

Thank you so much! That really means a lot to me.

[@phaedrus2633]

This is the way all video tutorials should be. Content is good. Not only that, you explain things thoroughly, and enunciate very clearly. And, in addition, you use a readable font size and contrast, so that I can read the code from across a room. I'm going to have to see what other videos you have. I can only hope that you put out a lot more tutorial videos.

[@miss_helenanicole]

Been taking a coding class & data analysis class. This was very helpful. Thank you

[@midliferebirth8736]

Great Tutorial Kyle ! Love your simple and very clear explanation!

[@Huy-ed2re]

This is really simpler than most JSON explanation I could find on the internet. You're doing great. Keep it up, bro!

[@WebDevSimplified]

Thank you!

[@tmach1000]

After 4 years your tut is helping people like me. Thank you Prof. You are amazing.

[@jimm4081]

Really well done. The visuals helped a lot and are much better than most tutorials. Thx

[@user-ll3ib3zb8s]

Crisp, clear and to the point👍 Thanks!

[@martonklausz7730]

Quality content, mate, thanks for this one. I'm at a new job dealing with APIs, and your content is just what I was looking for to understand JSON better. Liked and subscribed, keep up the good work.

[@edvid5626]

That was such a professionally styled tutorial video! You got full control over what you're gonna go through and you present with simple examples! It has not been often I've seen performance like this on a channel of this size. You deserve to be much bigger, and I hope many more people will get to see this and benefit from it! Keep it up!

[@WebDevSimplified]

Thank you so much! That really means a lot to me. I try to make my videos as easy to understand as I can, and hearing that they are well done and helpful really motivates me to want to make more content. Thanks again for the compliment!

[@hisdness1]

I agree, this was one of the best tutorials I've seen in youtube. This guy knows how to make tutorials.

[@dustinburns5373]

Weather

[@Mauro0]

Well , it's 2022 , the channel has grown quite a bit and Kayle is still making amazing content. :)

[@brandoncazares8452]

This is a very good explanation for those who're taking a database class. Thanks for this video's content.

[@markwillis1045]

It would be great to see how you pull out data from complex JSON structures such as element trees that have many children as objects, and storing them and manipulating them for various uses. All your videos are incredibly well structured and watchable, and at no point am I ever bored or confused, a perfect balance.

[@mikumikuareka]

Just parse it with JSON.parse(...) and work with it as you would do with a regular JS object.

[@SweetsourGamer]

Thank you for the amazingly simple, yet thorough, explanation of JSON. I've always wanted to learn it and you made it so simple. I've always fine through my code of the current project I'm working on to add JSON and it's amazing :)

[@twizedmate]

Thank You! I Thought JSON Was Hard Until I See This Video, The Explanation Is Very Clear And I Appreciate It.

[@ishachukekar5156]

it is very interactive ,its very helpfull to larn about LSON in 10 minit thank you for uploding this video

[@khoavouc3706]

I just understand 20% when you talk because i'm my english not well , but I focus this video i can more understand about Json, Thank you so much.

[@yewchoob85]

Very Very well explained, I've watched hundreds of hours of general programming tutorials and this is up there with the best of them. Also. Incredible hair dude!

[@victordejesus5410]

Nice job explaining. You made understanding the fundamental piece very clear.

[@user-oj4ow9xw7n]

Really useful & clearly explained. Thank you.

[@paquinho12]

Excelent tutorial. Right to the point, clear and perfect speed to follow and understand what you are doing. Subscribed!

[@djgulston]

I'm not even working in web development. I just watched this for fun. Very good explanation! Straightforward and simple! Thanks for creating such content! You are helping loads of people!

[@manojpatil2457]

You use it to transport meth then? Or maybe took an inspiration 😂

[@kevinerose]

What explanation did you like the most? What people do you believe is the target audience?

[@djgulston]

@Kevin Rose Did I say something wrong? I was just spreading positivity to the man who runs this channel. Sorry, my comment wasn't specific enough for you. Should I include Harvard referencing as well? I didn't realise I was writing an academic paper. I'll be aware of that next time I write a KZbin comment. My humblest apologies, professor. Next time, I won't let you down. I hope I get an A+ on my next KZbin comment!

[@bryllejittersons.urbano1203]

@@djgulston 😂😂

[@itokurr5159]

​​I think you misunderstood his comment. He was just simply asking what do you think the target audience is. My response would have been perhaps those that grew up with Myspace and we used java to customize theme our Myspace profile add music to play in the background and manipulate the script to add a top 100 for the friends list as opposed to top ten or perhaps what you stated in your original post that you aren't a web or coding designer but like watching for fun. What explanation did you like the most in which he simplified it for those that are just curious bugs @kevinerose ​@@djgulston

[@Nicky355]

Thank you, I really needed that ❤️

[@user-lc4gn6bg7e]

This video is useful to understand the JSON things easily... Thanks...

[@ryanyang4611]

You speak with just the right speed and clarity! Beautiful！

[@WebDevSimplified]

Thanks!

[@thiagovilla970]

And also level of excitement. Dev KZbinrs are either too hyped or boringly monotonic

[@cosmos165]

i can finaly code in .json

[@savitririshma]

couldn't agree anymore! thanks Kyle! x

[@abinsyaseen7298]

actually i watched this video in 1.75x speed

[@bashudevkumaryadav8961]

Excellent. I can’t imagine a more clear or easy to understand explanation of Json thanks alots

[@anuj1994k]

Thanks for Informative vdo.....I learned How API works ...

[@pepobikest]

Wow! Your explanation in damn good! No wonder why you have 1,5mi subscribers!!! Keep it up!!! Greetings from Brazil.

[@AshrafKhan-pro]

Very good explanation! Straightforward and simple! Thanks for creating such content! You are helping loads of people

[@JasonHenke]

As a former professor, this is very well done. Concise, straight to the point, and clear. You do need to understand coding, but that's the audience he's going for.

[@user-pz5wh4dp8q]

It's very easy to understand the JSON Concepts very easily

[@AlbertsWorld42]

I really enjoyed when I learning from you. Thank you :)

[@janoytechwizz3874]

Simplicity is the ultimate sophistication, you sir have achieved that. #thumbsUp

[@WebDevSimplified]

Thank you! That is my goal with the channel.

[@forfun4969]

My questions (I am new to programming): 1. Consider those values in JSON need to get from database, what can we write in order to loop all the data from database before putting into html to be used? 2. Then, how do we link the JSON file to html without have to copy all the things in JSON to script first like you did in the video? (Can we put a variable in html and let JSON return to them?)

[@user-xw5fw5ky5v]

Great Explanation. Thank you

[@ramasiva9246]

your explanation is awesome

[@stanislavidalgo3661]

dude, you have a talent for teaching like no other. Not your first video I've seen and not last. Great content

[@WebDevSimplified]

Thank you!

[@tolstoy_was_right]

concise and very simple to understand as always! Thank you!

[@gnanendarkumar]

Awesome content and really helpful!

[@gnanendarkumar]

Great and Quick content on JSON

[@Coffingdw]

This is a brilliant video that covers the important aspects of JSON in a clear, logical, and complete manner. A+ work.

[@svzvasvzb5248]

.

[@ivayloivanov4791]

Quick & professional explanation - exactly what I needed. Subscribed!

[@WebDevSimplified]

Thanks!

[@user-sh3ej7sm6m]

Content was delivered by excellence.

[@rohitkatta2635]

Nice quick video 👍 Small correction - Each time you said we have to use semi-colon to separate key and value..but is "colon" 😊 For someone looking at the video won't be much problem but if someone is just listening it..it would mislead them!

[@thomasthomas1360]

Good catch 🙂

[@theraven.4]

@@TB-wvvvw Yes, people make mistakes.

[@zendakk]

​@@theraven.4 Nobody is flaming him, it's just worth pointing out for the benefit of beginners (they main target audience, after all) who might be confused.

[@theraven.4]

@@zendakk I responded to Tom Blueberry two times, who already deleted his comments, unlike the people above, he decided to be very rude to the video creator just for making a mistake.

[@zendakk]

@@theraven.4 Oh ok that makes sense, thanks for clarifying 👍🏼

[@benpolgardy9062]

Great video! I have one quibble though: you said "semicolon" instead of "colon" a couple of times. Just thought I'd point this out as it may confuse some people.

[@AnthonyEhrhardt]

Agreed

[@hanok5898]

Nicely explained. Thanks.

[@luckyram_6]

Thanks for video..............I learned how API works

[@the_01_guy]

Thank You Sir...You have simply explained the very simple thing

[@bandu20]

24 टू ई निप्पल

[@bandu20]

यू 1234567666t66t6टी टीटी। 877ऊऊऊऊऊ88i8up By

[@arielspalter7425]

Just a perfect tutorial. Exactly how it should be done. Subscribed!

[@WebDevSimplified]

Thanks!

[@user-zp2lw9ik1g]

Great Explanation..Keep it Up.

[@saranrajrs4560]

Great Tutorial .Its clear and understandable

[@AbdullahAlabd]

You're so talented at this. Subscribed! Keep the good work.

[@WebDevSimplified]

Thanks. I really appreciate it.

[@deepakjakkareddy]

Very well explained. To the point, and just what I needed :)

[@vikashkumar-nu5rz]

Thanks a lot for your precious info

[@rimblesah]

This was quite fantastic. 10/10. Thank you so much for posting.

[@WebDevSimplified]

You're welcome! I'm glad you enjoyed it.

[@watchthis1time]

Besides confusing a colon with a semicolon this was an excellent tutorial. Thanks for sharing

[@WebDevSimplified]

You're welcome. I was thoroughly disappointed when I realized I made that mistake a few times.

[@riddhimasingh7235]

Really helpful. Thanks a lot.

[@protogen69]

Bro, thanks a lot, this video is very helpful

[@xtopy9145]

I can't believe I am watching this for free This level of detail in concept and clarity of explanation I could not find even in the best text books You just summarized 50 pages worth of information into 11 minutes of pure bliss It truly amazes me, how much I learn from you. I don't usually write comments but this is probably the 100th time I'm watching some video of yours truly Kyle, your work is just incredibly inspiring. Thank you for all you do. :)

[@JoshyHJoshy]

"SUCH" a great tutorial. Many thanks

[@WebDevSimplified]

You're welcome!

[@danrobert7241]

Thanks, this was super helpful.

[@sagarpaul1707]

Great explanation on JSON

[@vinayaksuriemini6378]

Thank you for this tutorial ... Really great

[@WebDevSimplified]

You're welcome!

[@minmaxwell]

Good tutorial, well made and to the point. Thanks!

[@WebDevSimplified]

You're welcome!

[@septimusforster]

As is always with other Kyle's videos, this is Web Dev Simplified.

[@alicechoi4121]

God bless you for creating your channel ✨

[@sejmadelalic6771]

this man just thought me more in ten minutes than my teacher did in a whole semester.. lol the irony

[@SachinSingh-vy7pm]

kzbin.info/www/bejne/bGjYmYN7a6mBj7c

[@XxXBalderXxX]

same. And for $2200 less.

[@justhooman4682]

You studied json the whole semester lmao

[@chilly2171]

lol, your college must be a joke then. He didn't even teach how to read data into a json file.

[@choalon2381]

You studied json for a whole semester??? Oh boi how long are they going to teach yall algorithms and data structure's

[@monikabg9]

All of your tutorials are amazing! The way you explain almost everything is just so easy to follow and understand. Thank you so much for everything you have done, Kyle!! ๑^‿^๑

[@AbhishekKrSingh89]

Great Explanation!

[@ShubhamMishra-jz7gm]

Simple and Informative

[@lalitagayatri4606]

Best Video ever which explains about JSON. No doubts about JSON now.. Hats Off Man 🤓

[@WebDevSimplified]

Glad I could help

[@vipingarg764]

Good tutorial, I understand all in one go. well explained in such a simple way. Thanks

[@WebDevSimplified]

You're welcome!

[@user-gy5cg3js6m]

Got introduced to JSON!

[@470interista]

there are people who simply have that something when it comes to teaching others, your ability to explain it to an idiot in 10 something minutes is a gem, do you have a course or something?

[@jeremiahblessing4774]

Thanks Mate! Love from India!!

[@user-pd1bq6qv9b]

@i am arima its use for sax bhai

[@meruvamanoj4671]

Super ! was very helpful thank you

[@viswadareddy3459]

good one to apicalls json related

[@averageamerican1983]

Well done !...Thank you for taking the time to produce such informative and to the point presentations. You have a new subscriber !

[@WebDevSimplified]

Thank you! I really enjoy making these types of videos.

[@gtrtr6291]

Very good explanation, thank you

[@user-ju1my7ig5r]

Got introduced to JSON! #learnbydoing, Thanks for amazing video

[@mohzaher2000]

Very informative, brief and end-to-the-point. Many thanks :)

[@WebDevSimplified]

You're welcome!

[@moazelsawaf2000]

This is really a great video ❤ Thanks a lot man ❤

[@WebDevSimplified]

You're welcome! I'm really glad you enjoyed it.

[@user-sm1ip6gw6s]

Nice explanation really helpful

[@078_mdzeeshan3]

This really helps me a lot

[@jobayerdev]

Wow Your teaching style dam high and clean Thank You

[@WebDevSimplified]

You're welcome!

[@mikeshilovski1512]

could you pls make a video about "implicit grant flow" and how to implement it?

[@shailesha4484]

This video was really helpful!!.

[@user-zp2lw9ik1g]

Great Explanation...

[@AnnieTaylorChen]

For a moment I thought Andrew Garfield started a channel teaching web dev lol. Anyways, great videos (esp for non CS background beginners), looking forward to more!

[@WebDevSimplified]

Thanks for both the compliments! I am definitely not cool enough to be Spider Man, but I would rather make videos anyway. Being Spider Man is too hard.