Learn JSON files in 10 minutes! 📄

[@BroCodez]

// JSON = (JavaScript Object Notation) data-interchange format
// Used for exchanging data between a server and a web application
// JSON files {key:value} OR [value1, value2, value3]
// JSON.stringify() = converts a JS object to a JSON string.
// JSON.parse() = converts a JSON string to a JS object
// ---------- JSON.stringify() ----------
const names = ["Spongebob", "Patrick", "Squidward", "Sandy"];
const person = {
"name": "Spongebob",
"age": 30,
"isEmployed": true,
"hobbies": ["Jellyfishing", "Karate", "Cooking"]
};
const people = [{
"name": "Spongebob",
"age": 30,
"isEmployed": true
},
{
"name": "Patrick",
"age": 34,
"isEmployed": false
},
{
"name": "Squidward",
"age": 50,
"isEmployed": true
},
{
"name": "Sandy",
"age": 27,
"isEmployed": false
}];
const jsonString = JSON.stringify(people);
console.log(jsonString);
// ---------- JSON.parse() ----------
const jsonNames = `["Spongebob", "Patrick", "Squidward", "Sandy"]`;
const jsonPerson = `{"name": "Spongebob", "age": 30, "isEmployed": true, "hobbies": ["Jellyfishing", "Karate", "Cooking"]}`;
const jsonPeople = `[{"name": "Spongebob","age": 30,"isEmployed": true},
{"name": "Patrick","age": 34,"isEmployed": false},
{"name": "Squidward","age": 50,"isEmployed": true},
{"name": "Sandy","age": 27,"isEmployed": false}]`;
const parsedData = JSON.parse(jsonPeople);
console.log(parsedData);
// ---------- fetch() ----------
fetch("people.json")
.then(response => response.json())
.then(values => values.forEach(value => console.log(value)))
.catch(error => console.error(error));

[@kadirertan8664]

even though i have watched so many JS tutorials i still watch bro's tutorials (especially while eating) because why not

[@ahamednafees9961]

Frr I've literally done projects in js still I'd watch whatever bro posts cus of the unique little things he teaches

[@farhanarahman9375]

dont be in tutorial hello bro

[@kadirertan8664]

​@@farhanarahman9375 Hello. Yes, you are right. It might seems like tutorial hell but I enjoy watching fundamentals and thats my method for practice fundamentals quickly.

[@sheaxchen]

damn i'm literally eating now

[@pastori2672]

im so glad you're making more backend specific videos

[@shadyawad5383]

what do you mean "backend specific videos" ? where can i find those ?

[@pastori2672]

@@shadyawad5383 stuff like interacting with other servers and using APIs http requests databases etc.. theres plenty of videos about them

[@jawad_youtube]

aren't these used in FE too?

[@m7mdMAH5]

Yes, not only used but required..
@jawad_youtube

[@jiyoungkim9258]

love every JS series

[@CatholicWeeb]

Thanks mate for your great videos, they help a lot!

[@ofekcohen6559]

hey bro. you plan to make node js and express js
tutorial?

[@bonnymich]

I love you! you are my god man make more of this! FREE KNOWLEDGE GAWD I LOVE YOU

[@DeltaXML_Ltd]

Brilliant video!

[@oybekx3d]

sup, u plannin next video for this one? Im learning json and ur videos help me a lot

[@hunin27]

hey thanks bro, are you thinking about making more back end tutorials? i noticed you have a mySQL course but not really node js or anything else

[@hunin27]

2024 is amazing bro, thank you so much

[@mraloush8959]

@@BroCodez i would love a node.js one from you specifically bcs i just understand u all the time

[@samilqs]

@@BroCodez ur the goat, please share some social media to follow u bro

[@doronfeldman5152]

Can you do a node js course?

[@mraloush8959]

i learned a lot of things from you as a noob. now i point my friends who are learning to you channel and they really like it

[@laperplayz1388]

yo bro can you please make an advanced c++ tutorial that talks about vectors and polymorphism, encapsulation, abstraction, and the auto keyword, and also new features added to the latest version please

[@vallunacoder.wecodetogether]

hey Bro I started this series almost a month ago, I have been struggling with JavaScript for a long time. But you videos are gold dude!! THANKS For your explanations 🤗🤗 Which course do you thing we should try after this one? GREETINGS FROM COLOMBIA LATIN AMERICA 🤩

[@kart_m]

fetch isnt working for me at all. It is unable to read local json files.

[@srinathg1045]

same here! Did you rectified this error?

[@cIRIgyonyoru]

Everything works for me🤷‍♀

[@thefurnituredeals4783]

in people.json after true or false make sure you don't have a comma, this was the mistake I had

[@Kwik_63]

How do you write the json to the actual file though? As in changing/adding to the data in the names.json and people.json and such?

[@gpu_governor]

@BroCodez why are you creating a new javascript playlist, will the old one be deleted ?

[@sreenandhm6319]

Bro can you please make unity or Unreal engine 5 Tutorial.

[@speedlearner]

What if you have created a JSON file and you want to display the JSON data inside a HTML textbox? I noticed that you didn't mention this in your video.

[@sharelessness]

I am trying to work on a json code I found on the internet and trying to make some changes but results makes no sense to me at all. so hopefull after watching this video I will write my own json things

[@PaulinaMabalay]

Hey How about a tutorial for a low level language such as assembly language? I would also like to say that your cideos been a great help even if its just a hobby.

[@Swxfty_]

Week 3 of asking for bro code to make a typescript series

[@dandana5767]

terimakasih bang, sangat membantu.

[@seifeddinejaziri9312]

Please we need an angular tutorial

[@travisScottFan3]

{
"comment": "Thank you!",
"thumbsUp": 0
}

[@exactmidnight]

I'm watching it cuz I can

[@SoniyaMojumder-k3d]

Johnson Amy Hernandez Karen Garcia Kimberly

[@GarciaTheresa-t1o]

Wilson Betty Martin Margaret Taylor Steven

[@GaryWilson-u9v]

White Jessica Wilson Shirley Clark Maria