Learn JSON in 10 Minutes

[@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"}

[@byedwardleung]

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

[@neonyoutobe5405]

-Json is data representation format -File type: .json -Data types in Json: Strings Numbers Boolean Arrays [] Objects {key:value } pairs Preferred types in creating json files -Arrays and Objects Eg: { "NAME":"Json", "Favorite number": 7, "Is a programmer": true, "Hobbies":["Football", "Gyming" ] }

[@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.

[@solosailorsv8065]

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

[@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

[@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

[@DanielGX2165]

i can finaly code in .json

[@savitririshma]

couldn't agree anymore! thanks Kyle! x

[@abinsyaseen7298]

actually i watched this video in 1.75x speed

[@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. :)

[@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!

[@janoytechwizz3874]

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

[@WebDevSimplified]

Thank you! That is my goal with the channel.

[@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!

[@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. :)

[@CodyHimselfXI]

I'm relieved to have found content I can actually understand! No offense to the other videos my professor assigns, but I often struggle to grasp what they're saying!

[@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.

[@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.

[@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.

[@daisyhirata]

YOU'RE AWESOME! This is far the best and easiest way to understand HOW json WORKS.

[@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?)

[@daitedve1984]

Your questions sounds dumb. First learn areas where you suppose to work and then JSON will be just small addition to your skills. JSON is just format, don't concentrate on it.

[@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 🙂

[@LuminousWhispers11]

@@TB-wvvvw Yes, people make mistakes.

[@zendakk]

​@@LuminousWhispers11 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.

[@LuminousWhispers11]

@@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]

@@LuminousWhispers11 Oh ok that makes sense, thanks for clarifying 👍🏼

[@ibnzer0]

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

[@kirkturkey6278]

@webdevsimplified is there a reason at 6:38 you don't begin with the "friends" nest before adding the regular user Kyle? Or is that just to showcase the possibilities? I guess I am curious if you could just begin with creating an array of "friends", for example, and have Kyle listed beneath? Or is there a reason to him leading the beginning?

[@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.

[@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

[@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!

[@redeyesncode]

Added comment from curl command line - Thanks for explaining JSON in so simple terms.

[@Yaaae92]

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

[@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

[@tmach1000]

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

[@emmanuelrufai6471]

{ "Comment": "Thanks for the video. It was very informative" }

[@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!

[@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).

[@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!

[@PrincessCarrieGraham]

Thank you. I've watched a few tutes on this, but yours is the most succinct and useful to me.

[@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

[@bashudevkumaryadav8961]

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

[@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?

[@caedmon2behrens186]

This was a great video to use to help reinforce my knowledge before I wrote a JSON .txt file for a mobile game mod

[@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.

[@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 :)

[@paquinho12]

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

[@Datalata]

This was really helpful. Captured and demonstrated the main principles and practices of json quickly and sensibly. Thanks!

[@rimblesah]

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

[@WebDevSimplified]

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

[@ivayloivanov4791]

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

[@WebDevSimplified]

Thanks!

[@lalitagayatri4606]

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

[@WebDevSimplified]

Glad I could help

[@NivaethanRudraharan]

Superb. You're great at explaining things. Thanks a lot

[@merkyuk]

You keep saying semicolon when you mean colon. (Semi colon ; colon : ). It’s very important for correct syntax.

[@aishwaryalakshmanan3247]

Even I noticed the same

[@CitRone]

there are none semicolons in this video. I have to abort viewing because that is distracting me worst.

[@zxvc849]

so nice to not be fluent in such situations

[@SomethingSmellsMichy]

I guess he is used to teaching java/javascript where semicolons are used

[@BoredLindasTube]

THIS is what I came to the comments to find! hahahaa

[@MyReviews_karkan]

Wow, now I know how json works after 3 years of coding 😂

[@Wind_Lamp]

I have a question, does front-end developer need to learn JSON and AJAX. Thank you.

[@Bayo106]

@@Wind_Lamp yea

[@Wind_Lamp]

@ek sikh सर थोड़ी थोड़ी बोल लेता हूं english भी कभी कभी, कोई दिक्कत हैं भाई क्या ?

[@v.b.thorat1116]

@ek sikh ????

[@devmashup3700]

Yoo. Me too

[@the_01_guy]

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

[@bandu20]

24 टू ई निप्पल

[@bandu20]

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

[@jobayerdev]

Wow Your teaching style dam high and clean Thank You

[@WebDevSimplified]

You're welcome!

[@arielspalter7425]

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

[@WebDevSimplified]

Thanks!

[@AbdullahAlabd]

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

[@WebDevSimplified]

Thanks. I really appreciate it.

[@HelmanNgu]

Excellent content. Very explicit and intuitive!🥰

[@JoshyHJoshy]

"SUCH" a great tutorial. Many thanks

[@WebDevSimplified]

You're welcome!

[@jeremiahblessing4774]

Thanks Mate! Love from India!!

[@SuryanshSingh-f8d]

@i am arima its use for sax bhai

[@vinayaksuriemini6378]

Thank you for this tutorial ... Really great

[@WebDevSimplified]

You're welcome!

[@Nathan-n7l]

thanks for this, i now understand json because of you.

[@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!! ๑^‿^๑

[@RushOrbit]

{ "rating":5.0, "comment": "Excellent explanation!!" }

[@vipingarg764]

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

[@WebDevSimplified]

You're welcome!

[@ChalkandIron]

6 years later, this video helped someone :)

[@deepakjakkareddy]

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

[@marshwetland3808]

Perfect pacing and explanation. I just wonder at the diversity or randomness of your double quote marks, e.g. at time 5:48. I guess it's just an artifact of your font, but it really threw me.

[@WebDevSimplified]

Thanks. I didn't even realize some of the quotes were backwards. I guess that is what I get for trying to copy paste everything. After Effects is terrible to work with when it comes to text and I run into small annoying things like that all the time.

[@ronfrost6965]

but my favorite part is that I don't know what I am looking to be with my boyfriend and Wozniak has a lot to learn about the world bu experience in a simulation that is not the same as being the one who is not a simulation of paying attention to what you are doing in your fucking life but my point is that you are not going through any kind and Wozniak can do this to win a game or two for the game or the other games that use it for my time to think about what I would like to do with my own life in the w not that use a good amount or use a different amount or less amount or extra weight or more time when you need a simulation for my work on my first job and then I am not in a relationship to work as an artist but I can say it was not my problem

[@samuelmorkbednarzkepler]

@@ronfrost6965 what the actual fuck did i just read

[@ronh8391]

Great video. Thank you so much! You made it easy to understand.

[@PilgrimDnb]

One tip: Don't start object keys names with number ;-)

[@mohzaher2000]

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

[@WebDevSimplified]

You're welcome!

[@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.

[@truptichavan8011]

Amazing breakdown of JSON

[@jimdonovan9961]

Actually, they're not semi-colons. They are colons - two dots. Semi-colons have dot and comma.

[@SBinVancouver]

I think he only misstated "semi-colon" versus "colon" once... I'd have messed up at least 3 times.

[@fizzy4149]

@@SBinVancouver -- I teach math and once I told my class that whenever I say 'rectangle' I really mean 'triangle'. Of course I was really kidding but the point is that a person can misspeak from time to time

[@SBinVancouver]

@@fizzy4149 you seem to have missed that my comment was entirely self-deprecating, and was actually more of a tongue-in-check reply when Jim Donovan thought it was necessary to point out the difference between colons and semicolons.

[@fizzy4149]

@@SBinVancouver -- Yeah I totally got that. My comment was more or less supporting your comment.

[@AlexTechie]

I always thought that a JSON file had to begin with curly brackets, but I see you using regular brackets in the demo. What's the rule here for the start of a JSON file?

[@WebDevSimplified]

A JSON file must start with one of the data types that I mentioned in the video. In most cases this will be either an object, in which case you use curly braces, or an array, which is when you use square brackets. Essentially arrays must be surrounded by square brackets while an object must be surrounded by curly brackets. This means that depending on what your JSON file contains you may use square or curly brackets at the top level of the file.

[@AlexTechie]

@@WebDevSimplified Thank you!

[@WebDevSimplified]

@@AlexTechie You're welcome. If you have any other questions feel free to let me know.

[@dl6205]

"comment" : "That was awesome ! ! ! thanks"

[@WebDevSimplified]

You're welcome!

[@kopilkaiser8991]

I found your video very useful and extremely helpful ✌️

[@robertholtz]

4:28 - That’s not a semicolon. That’s a colon. : not ;

[@paulhigg4888]

He does it again @ 5:16. Also, I'm not sure why the double quotes for hobbies is different than the others.

[@RockDavid]

@@paulhigg4888 We should report him and have his channel banded..tonight i will have my staff view this video many times to find other errors

[@shifty7722]

@@RockDavid Hahahaha :D Yes lets ban him from the internet.....too many haters around here

[@RockDavid]

@@shifty7722 I think we should take this serious...have we considered his grand parents, parents, and children for banning.. I'll research his children's post for typos..thats a start

[@Coaching-is3pz]

{"noticed_semicolon": true, "comment": "Great teacher anyway", "satisfaction_level": "10/10"}

[@CaneSugarHD]

7:41 I'm told it's the equivalent of a chest x-ray

[@mateocerquetella2576]

Kruisridder not great, not terrible

[@MoSec9]

Love the name😁 Reminds me of that epic flying knee. Didn't expect to see that here ... I guess I'm not alone. Ok back to JSON

[@DomVellaUTube]

Hmm, You do realise there are occasions where you say 'semicolon' when in fact you mean 'colon'? I started noticing it in the 4th minute.

[@SamIAm-kz4hg]

There is a mistake at around 4:50. The screen says "favoritenumber": 3, but he says that there is a semicolon, not a colon. The screen is correct.

[@nhellechavez2430]

Hey! Teach me at your house Hahaha, gush! You're so handsome and smart 😍

[@777espiu]

Can I call myself Senior JSON developer now?

[@suno5437]

Im here for learning json for my datapacks on minecraft

[@jen4735]

Very informative and concise video!

[@rashidlol2222]

i just came here to learn how to get free netflix

[@shubhamsagar9153]

can you teach me how to get free netflix ?

[@arielp7582]

That's not funny

[@saleemP-c5i]

Great explanation on JSON

[@RakshiRakshi-d2g]

Thanks for the video. It was very informative

[@SaranyaN2001]

Very Good Explanation☺

[@T3chnocr4t]

exactly what am looking for, thanks mans

[@AaronJoelFernandes]

This video is a good video for learning json for beginners

[@userKR-xr6zn]

this quick info is very clear

[@harshivshukla742]

Great Video and great explanation!!!

[@anky153]

Quick crash on JSON...informative video.!

[@facundopedemonte]

Amazing explanation. Thanks so much!!

[@daitedve1984]

10 minutes?!? Slowpokes! I learn it 15 sec while I was watching JSON code. :) Since then I switched from ugly XML forever.

[@sangdilbiswal30]

With every video I Iearn something new

[@unknown-b7g]

learning from you from beginning from terminal

[@AaronJoelFernandes]

This a very short and concise video

[@vahinikumarguttula8240]

Very Informative from Terminal

[@drisslamrani7103]

your explanation was well from morocco

[@TonyTigerTonyTiger]

1:09 JSON is not a superset of JavaScript, it is a subset of it. JavaScript has lots of programming features that JSON does not.

[@akulanavya7763]

Learned something new,Thank you

[@sreeshanththekkedath]

Hi, I am Sreeshanth, Thank you for the information.

[@rishabpratapsingh4790]

Amazing explanation.