Learn JSON in 10 Minutes

Поделиться
HTML-код
  • Опубликовано: 31 окт 2018
  • 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

Комментарии • 7 тыс.

  • @WebDevSimplified
    @WebDevSimplified  5 лет назад +997

    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
      @ectoplasm1285 5 лет назад +37

      fetching data from API would be nice :)

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +29

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

    • @gopinathkrm58
      @gopinathkrm58 5 лет назад +1

      Angular Framework?

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +7

      @@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
      @WebDevSimplified  5 лет назад +5

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

  • @there-voltingcompany1960
    @there-voltingcompany1960 5 лет назад +4256

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

  • @00el04
    @00el04 3 года назад +191

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

  • @melissamichielsen437
    @melissamichielsen437 4 месяца назад +9

    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
    @JaPls 6 месяцев назад +6

    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

  • @solosailorsv8065
    @solosailorsv8065 3 года назад +64

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

  • @gatorslife22
    @gatorslife22 4 года назад +189

    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
      @WebDevSimplified  4 года назад +15

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

  • @ibnzer0
    @ibnzer0 6 месяцев назад +6

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

  • @JohnDoe-cl2rx
    @JohnDoe-cl2rx 6 месяцев назад +6

    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!

  • @ryanyang4611
    @ryanyang4611 5 лет назад +722

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

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад +16

      Thanks!

    • @thiagovilla970
      @thiagovilla970 4 года назад +16

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

    • @cosmos165
      @cosmos165 3 года назад +1

      i can finaly code in .json

    • @savitririshma
      @savitririshma 3 года назад

      couldn't agree anymore! thanks Kyle! x

    • @abinsyaseen7298
      @abinsyaseen7298 3 года назад

      actually i watched this video in 1.75x speed

  • @JungleTides
    @JungleTides 3 месяца назад +1

    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!

  • @midliferebirth8736
    @midliferebirth8736 5 месяцев назад

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

  • @djgulston
    @djgulston 2 года назад +194

    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
      @manojpatil2457 2 года назад +15

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

    • @kevinerose
      @kevinerose Год назад

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

    • @djgulston
      @djgulston Год назад +19

      @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 RUclips comment. My humblest apologies, professor. Next time, I won't let you down. I hope I get an A+ on my next RUclips comment!

    • @bryllejittersons.urbano1203
      @bryllejittersons.urbano1203 6 месяцев назад

      @@djgulston 😂😂

    • @itokurr5159
      @itokurr5159 2 месяца назад

      ​​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

  • @janoytechwizz3874
    @janoytechwizz3874 5 лет назад +484

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

  • @illuminated2438
    @illuminated2438 3 месяца назад

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

  • @miss_helenanicole
    @miss_helenanicole 3 месяца назад +1

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

  • @Huy-ed2re
    @Huy-ed2re 5 лет назад +56

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

  • @edvid5626
    @edvid5626 5 лет назад +280

    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
      @WebDevSimplified  5 лет назад +26

      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
      @hisdness1 5 лет назад +7

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

    • @dustinburns5373
      @dustinburns5373 4 года назад

      Weather

    • @Mauro0
      @Mauro0 2 года назад +4

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

  • @user-ll3ib3zb8s
    @user-ll3ib3zb8s 4 месяца назад

    Crisp, clear and to the point👍 Thanks!

  • @Yazzyyaz92
    @Yazzyyaz92 4 года назад +5

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

  • @markwillis1045
    @markwillis1045 3 года назад +32

    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
      @mikumikuareka 9 месяцев назад

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

  • @brandoncazares8452
    @brandoncazares8452 4 месяца назад

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

  • @twizedmate
    @twizedmate Месяц назад

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

  • @phaedrus2633
    @phaedrus2633 3 года назад +9

    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.

  • @fullspeedidiot
    @fullspeedidiot 2 года назад +5

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

  • @victordejesus5410
    @victordejesus5410 2 месяца назад

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

  • @ishachukekar5156
    @ishachukekar5156 6 месяцев назад

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

  • @khoavouc3706
    @khoavouc3706 4 года назад +14

    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.

  • @xtopy9145
    @xtopy9145 2 года назад +339

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

  • @AlbertsWorld42
    @AlbertsWorld42 Месяц назад

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

  • @kay9i9
    @kay9i9 12 дней назад

    great video! Quick and easy to understand!

  • @JasonHenke
    @JasonHenke 11 месяцев назад +38

    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.

  • @tmach1000
    @tmach1000 Год назад +6

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

  • @anuj1994k
    @anuj1994k 3 месяца назад

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

  • @user-xw5fw5ky5v
    @user-xw5fw5ky5v 5 месяцев назад

    Great Explanation. Thank you

  • @sejmadelalic6771
    @sejmadelalic6771 3 года назад +94

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

    • @SachinSingh-vy7pm
      @SachinSingh-vy7pm 3 года назад

      ruclips.net/video/67uhPE6DNYU/видео.html

    • @XxXBalderXxX
      @XxXBalderXxX 3 года назад +1

      same. And for $2200 less.

    • @justhooman4682
      @justhooman4682 3 года назад +5

      You studied json the whole semester lmao

    • @chilly2171
      @chilly2171 3 года назад +1

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

    • @choalon2381
      @choalon2381 3 года назад +2

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

  • @martonklausz7730
    @martonklausz7730 4 года назад +6

    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.

  • @saranrajrs4560
    @saranrajrs4560 4 месяца назад

    Great Tutorial .Its clear and understandable

  • @luckyram_6
    @luckyram_6 3 месяца назад

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

  • @benpolgardy9062
    @benpolgardy9062 3 года назад +108

    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.

  • @SweetsourGamer
    @SweetsourGamer 3 года назад +9

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

  • @user-sh3ej7sm6m
    @user-sh3ej7sm6m 3 месяца назад

    Content was delivered by excellence.

  • @user-pz5wh4dp8q
    @user-pz5wh4dp8q 5 месяцев назад

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

  • @rohitkatta2635
    @rohitkatta2635 2 года назад +95

    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
      @thomasthomas1360 Год назад +1

      Good catch 🙂

    • @theraven.4
      @theraven.4 Год назад

      @@TB-wvvvw Yes, people make mistakes.

    • @zendakk
      @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
      @theraven.4 Год назад +2

      @@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
      @zendakk Год назад +2

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

  • @paquinho12
    @paquinho12 4 года назад +6

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

  • @hanok5898
    @hanok5898 3 месяца назад

    Nicely explained. Thanks.

  • @forfun4969
    @forfun4969 4 года назад +15

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

  • @yewchoob85
    @yewchoob85 Год назад +4

    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!

  • @gnanendarkumar
    @gnanendarkumar 3 месяца назад

    Awesome content and really helpful!

  • @gnanendarkumar
    @gnanendarkumar 3 месяца назад

    Great and Quick content on JSON

  • @bashudevkumaryadav8961
    @bashudevkumaryadav8961 11 месяцев назад +5

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

  • @tolstoy_was_right
    @tolstoy_was_right 3 года назад +3

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

  • @gtrtr6291
    @gtrtr6291 6 месяцев назад

    Very good explanation, thank you

  • @Nicky355
    @Nicky355 2 месяца назад

    Thank you, I really needed that ❤️

  • @ivayloivanov4791
    @ivayloivanov4791 5 лет назад +5

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

  • @stanislavidalgo3661
    @stanislavidalgo3661 3 года назад +3

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

  • @danrobert7241
    @danrobert7241 6 месяцев назад

    Thanks, this was super helpful.

  • @uma7145
    @uma7145 6 месяцев назад

    very useful and clear explanation

  • @AshrafKhan-pro
    @AshrafKhan-pro Год назад +2

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

  • @deepakjakkareddy
    @deepakjakkareddy 4 года назад +4

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

  • @pepobikest
    @pepobikest 4 месяца назад

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

  • @CristinaBayonaMarcos
    @CristinaBayonaMarcos 20 дней назад

    Thanks! Really clear.

  • @Coffingdw
    @Coffingdw 2 года назад +3

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

  • @the_01_guy
    @the_01_guy 5 лет назад +12

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

    • @bandu20
      @bandu20 3 года назад

      24 टू ई निप्पल

    • @bandu20
      @bandu20 3 года назад

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

  • @riddhimasingh7235
    @riddhimasingh7235 Месяц назад

    Really helpful. Thanks a lot.

  • @vikashkumar-nu5rz
    @vikashkumar-nu5rz 5 месяцев назад

    Thanks a lot for your precious info

  • @rimblesah
    @rimblesah 4 года назад +7

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

  • @JoshyHJoshy
    @JoshyHJoshy 5 лет назад +6

    "SUCH" a great tutorial. Many thanks

  • @septimusforster
    @septimusforster 5 месяцев назад

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

  • @ramasiva9246
    @ramasiva9246 6 месяцев назад

    your explanation is awesome

  • @arielspalter7425
    @arielspalter7425 5 лет назад +4

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

  • @minmaxwell
    @minmaxwell 5 лет назад +14

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

  • @shwetachopade7746
    @shwetachopade7746 18 дней назад

    Crystal clear concepts

  • @maangoswami5622
    @maangoswami5622 Месяц назад

    Thank you for the wonderful video.

  • @vinayaksuriemini6378
    @vinayaksuriemini6378 5 лет назад +16

    Thank you for this tutorial ... Really great

  • @AbdullahAlabd
    @AbdullahAlabd 5 лет назад +4

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

  • @shailesha4484
    @shailesha4484 6 месяцев назад

    This video was really helpful!!.

  • @078_mdzeeshan3
    @078_mdzeeshan3 6 месяцев назад

    This really helps me a lot

  • @watchthis1time
    @watchthis1time 4 года назад +3

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

    • @WebDevSimplified
      @WebDevSimplified  4 года назад +4

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

  • @jeremiahblessing4774
    @jeremiahblessing4774 5 лет назад +6

    Thanks Mate! Love from India!!

  • @Vidhi____-ew5qj
    @Vidhi____-ew5qj 3 дня назад

    Awesome Explanation!!

  • @anky153
    @anky153 9 дней назад

    Quick crash on JSON...informative video.!

  • @monikabg9
    @monikabg9 Год назад +16

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

  • @vipingarg764
    @vipingarg764 5 лет назад +11

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

  • @TheKnowledgeNest741
    @TheKnowledgeNest741 5 месяцев назад

    Great explanation in video!!!

  • @viswadareddy3459
    @viswadareddy3459 4 месяца назад

    very good one to apicalls json related

  • @MyReviews_karkan
    @MyReviews_karkan 4 года назад +172

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

    • @Wind_Lamp
      @Wind_Lamp 4 года назад +9

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

    • @Bayo106
      @Bayo106 4 года назад +2

      @@Wind_Lamp yea

    • @Wind_Lamp
      @Wind_Lamp 4 года назад

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

    • @v.b.thorat1116
      @v.b.thorat1116 4 года назад +3

      @ek sikh ????

    • @devmashup3700
      @devmashup3700 3 года назад

      Yoo. Me too

  • @mohzaher2000
    @mohzaher2000 5 лет назад +6

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

  • @AbhishekKrSingh89
    @AbhishekKrSingh89 2 месяца назад

    Great Explanation!

  • @ramnithindaggula5158
    @ramnithindaggula5158 5 месяцев назад

    Excellent work!!

  • @jobayerdev
    @jobayerdev 4 года назад +6

    Wow Your teaching style dam high and clean Thank You

  • @470interista
    @470interista 3 года назад +9

    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?

  • @user-zp2lw9ik1g
    @user-zp2lw9ik1g 3 месяца назад

    Great Explanation..Keep it Up.

  • @lalitagayatri4606
    @lalitagayatri4606 5 лет назад +7

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

  • @viswadareddy3459
    @viswadareddy3459 4 месяца назад

    good one to apicalls json related

  • @arjunchetry2043
    @arjunchetry2043 5 месяцев назад

    Thanks for posting this video.

  • @averageamerican1983
    @averageamerican1983 5 лет назад +4

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

    • @WebDevSimplified
      @WebDevSimplified  5 лет назад

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

  • @merkyuk
    @merkyuk 3 года назад +140

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

    • @aishwaryalakshmanan3247
      @aishwaryalakshmanan3247 3 года назад

      Even I noticed the same

    • @CitRone
      @CitRone 3 года назад

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

    • @zxvc849
      @zxvc849 3 года назад +2

      so nice to not be fluent in such situations

    • @michaelogunbayo5344
      @michaelogunbayo5344 3 года назад +2

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

    • @BoredLindasTube
      @BoredLindasTube 2 месяца назад

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

  • @rishavsrivastav5095
    @rishavsrivastav5095 3 месяца назад

    very helpful video and learned alot

  • @moazelsawaf2000
    @moazelsawaf2000 4 года назад +3

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