JavaScript Template Literals: JSON to HTML

[@colindante5164]

You need to get an award for this tutorial. Spoon feeding at its finest. So grateful. ))))

[@GmoneyMozart]

12:45 “it’s hard to explain with words.” Na, bro, you’re painting the Mona Lisa with your explanations. Good stuff!

[@bmejia220]

I agree. The explanations are excellent. You have a gift my dude!

[@tozokokou2322]

I was looking for something else when this course pop up on my phone screen, I saved it to watch later. I have just done with watching. Wow! this is what i need now for my JavaScript learning. The explanation was clear and I was hooked right to the end.

[@diegognoatto590]

i did at least 3 courses that tried to explain me dynamic pages and i was still lost , till now, just clicked me , my pages will be dynamic now , huge improvement , thanks . subscribed: Tip if you did not realized what made your explanation so efficient generating all this people below talking good about the way u explain i can tell you: you do not do a too step gradient of learning, you don't let any part of what u doing left behind, the power of 1 single parameter or even 1 work not clarified is what creates catastrophic chaos on human brain on the attempt to grasp things and that is what made ur explanation make sense for me and i bet for all those happy people below to. well done mate.

[@darkzennn]

Today in 2021 getting myself introduce to Template Literals I can say this is really powerful and amazing. For simple apps and landing pages, this is awesome! Thanks for the tutorial, help me a lot!

[@sireoh]

I love this tutorial!! It may be overwhelming to see a 30 min timestamp, but WOW did it feel like 5 minutes. I would say i have poor attention for lectures this long but you kept my attention the ENTIRE time. +1 rep ❤️❤️ love from Canada

[@LearnWebCode]

Thank you so much! Comments like this are why I make the videos!

[@GTA6Hunter]

Your classes are so encouraging to listen to. No awkward noises or anything. You are the perfect teacher.

[@maikolhernandez9176]

You are the best tutor that I ever had, you're awesome, your explanations uff great. thanks for share.

[@maxkonoval5195]

Brad, you are just the best instructor! I'm watching your tutorials and taking your courses more than two years. Thank you for all lessons! You helped me very much about a year ago! I hope you'll have more time for more videos:)

[@ronpalmer7260]

Wow! The map function now makes so much more sense now and your explanation makes creating components so much less confusing. The way you used the date object is so much simpler than what other people do. Awesome. The ternary operator is exactly the solution I've been looking for. I've actually been setting classes to display: none as a way to not display empty items but that is very clunky. I really like the way you focus on important elements and the way you explain this.

[@marktaylor7963]

I have followed Brad's courses on Udemy and his mini-courses here on KZbin. I am a certified technical trainer (vendor neutral) with 28 years of IT and project management experience at International companies like Fedex, US Airways and Liberty Mutual Insurance. I am currently an independent contractor who needed to quickly get updated on some key technologies. Brad has been a big part of that (thanks dude!) and I can state with certainty that Brad is the best technical trainer I have ever encountered. Not only am I learning his technical topics but also getting ideas about how to lead others through technically challenging content. I LOVE this guy's training courses. Additionally, unlike some KZbin trainers whose goals are to get you to move on to their larger paid courses, it is CLEAR this guy cares about his student's learning.

[@linguavoice]

other developers cant teach but you can!!! you re not just a developer but an amazing teacher!!! awesome video !!! i learnt a lot!

[@stillready6405]

Because of this video I bought your React course. Your explanation is 10/10!

[@maxiequa567]

That was the most comprehensive 40 minutes of javascript I've seen. Thanks Brad!

[@jadynekena]

Best video I've ever seen this year

[@burtmacklin9180]

You explain how to do something and more importantly the logic behind it with very good examples. Most educational videos on youtube are extremely hard to follow and learn from. The people obviously know their stuff but unfortunately they don't know how to teach. After 10 minutes I'm like "did you write down the license plates of the truck that hit me?". But you are probably the best teacher on youtube. I'm learning, I mean really learning. Thanks for these videos. On the next arrested development: Gob: I've made a huge mistake... by not finding these videos sooner.

[@emmylast6818]

Infact, you just finished everything about html, javascript in a one simple, yet super topic full of what is needed in real life.

[@majicboca]

Excellent tutorial. You have a natural knack for teaching dude! Your progressive approach to introducing functions facilitates learning them while making the subject less intimidating. I will recommend your videos to others and will definitely check out your premium courses. Keep up the excellent work. Thanks very much!!!

[@unsunghero5430]

I watched your whole video without skipping a single second and liked and subscribed your channel within a 5 min.

[@kaptaan-.7212]

i've spent many days to find this thing and understand this, you just did it in 39 minutes with great explanation thanks man.

[@pedro.zurita]

I know it's 3 yrs old....but this is a really great tutorial. Thank you for leaving it up.

[@jl4206]

Damn son, just exactly what I need for my project. Precise yet simple explanations just like it should be everywhere. Awesome job keep it going!

[@jasenlakic5033]

Maybe the best JS explanation video I ever watched, big thanks!

[@neildagle2485]

A work made by an expert. Extremely impressive!!!!

[@TheMorrogoth]

Jesus Christ. This is the best video I've EVER seen on JSON>HTML... Where has this video been hiding!?! Great Job! Def got a like and a sub just for this one!

[@TheMorrogoth]

I have seemed to walk into a bit of an issue with what I'm trying to do though. Have you made any videos covering how to use import/export and how to get around "Undefined" issues while using them? I know its a scope issue. But I'd like to have multiple .js files with my data seperated and import them into my main.js. Any help would be awesome if you have covered it!

[@TinyMaths]

Yes, I did learn, several things. This tutorial brought together several things I already use, but in a new way that I can make use of going forward. And, you've just given me a solution to a problem that I was going to have to figure out. I didn't realize I needed it until I looked at the title again and realized that I'll be sending an object and will need to use JSON to do so and then I'll need to retrieve the data and display it as a formatted html page. By complete accident I've found a method I can use. Thanks.

[@harshitharshit6448]

Iam working for a search engine project after 2 sleepless night for just wondring how to manipluate the json data to html ... now i can sleep today ❤ You Saved my life man 😄

[@reckletdeveloper]

Good explain, I am new in this field and also from India. I dont know english properly but you told slowly and I understand 100%. Thank You

[@tirthjayswal9895]

one of the best explanation i ever found on internet

[@horaciolampe166]

Genius!! The best half hour I have ever spent watching a lesson wow!

[@jumamoses830]

Wow, I used to skip JSON coding in my projects but for this intensive explanation I have changed my programming perception towards building a well furnished website where codes are hidden.

[@denwayde2829]

One of the best teacher in webdev. Awesome!!!

[@env.pogled4137]

You are En. En heart and mind united. En===one==unlike===undefined. Man...start up En University. En makes todays Professors obsolete. Thanks En. [Cats are AweSome beings]

[@md.obaydulhoque1662]

You tutorials are the best contents ever I got in youtube... ❤❤

[@sachingoel9866]

you are doing magic for me but you are the person who tells how this magic you can do also.

[@jimmaccormaic6689]

If only I'd had teachers of this calibre back in my schooldays! All your videos are superb, but this one is especially well structured. When things came full circle at the end I was lost in admiration. Thank you, and congratulations.

[@marendra1898]

he is such a good teacher.. he explain everything code by code, example by example.. i subscribe, share and 'notification on' this channel, people should know this channel.. wow

[@alfonzomckinzee8906]

Wow! You are an awesome teacher. You explained this topic in a way that was so easy to follow and understand, unlike so many KZbin tutorials. Thank you so much.

[@margotbucau4510]

Thank you so much for this video. I couldn't find something to understand these concepts over the internet and I finally found this. You're an amazing teacher !

[@simomed5002]

By luck I stumbled across this video, I was one of those who got a free access to Brad's first course in the past and I loved it back then :) I also learned a lot those days about wordpress in his site, Brad is one of the few people who simplify the idea to you so you can understand it with a little effort from your side, if you are interested in any subject that Brad teaches, go ahead and buy his course, the skill you get pays for itself :) oh yeah how I haven't subscribed to your channel so far... just subscribed now!

[@foupax]

Like many others, I'm so happy that you are back whether it be on youtube or udemy. Thank you for your awasome way of teaching.

[@billymwas3783]

great to see you back... best teacher

[@PaulJacobson]

Brad, this video is fantastic. As I tweeted, it helps me with about 80% of a solution that I've been trying to come up with for a personal project. You're awesome.

[@vfrancomaia]

Thank you very much for sharing such a great content. You are the best web development teacher I've seen on KZbin!

[@ASHWINNS5013]

One of the best teachers in KZbin community.

[@d.brilliant5092]

Brad, your exquisite competence is highly contagious!!! keep up the good work, bro! but I really missed you for a very long time

[@vinitagaikwad3683]

This is so cool!! I never found a course online which answered all possible questions that I could have even without asking. Keep doing more videos. All the best!!

[@KiqueFM]

Dude, your teaching skills are just ridiculously good. Im going straight to Udemy for your courses.

[@rashedul-islam]

It was really brilliant. I was boring before finding these video but now felling well just for your excellence.

[@lavichelani2298]

OMG!!! Best tutorial ever....

[@jorgezarate4504]

Best teacher ever ! Thanks Brad....

[@virendrabhati6685]

Very nice explain.... From basic to intermediate developer ✅... I love your way of decode technical concept..... thanks

[@Bkamron]

Best tutorial video I've seen on 'The Tube' yet... keep it up.

[@sakarsr]

Fantastic article about JavaScript Template Literals. Let this good work going… Good Health and The God Bless You.

[@蘇啟賢-i9y]

Best toturial I have ever seen.

[@stivbennett670]

I totally agree - in nearly 20 years of watching online videos I dont think I have ever seen anything as perfect - brilliant analogies and metaphors, genuinely laugh out loud moments (unfair to represent cats as "Objects"), superb articulation of map() - brilliant beyond words

[@focusonthebeat6888]

Bruh.... this is the best explanation I've seen. Thank you very much!

[@photoinshot1355]

Brilliantly explained and presented video, I learned a lot, thanks! I have learned all my coding skills from KZbin videos and watched a lot of good and extremely helpful videos, but this is by far the best so far. Not only does it clearly teach and explain the topics, JavaScript Template Literals it also provides a great insight as to how to think like a programmer, thanks.

[@abdullahquhtani4247]

That’s really great BUT one important thing is left!!!! Definitely pagination is a mandatory since JSON data file will contain tens, hundreds or even thousands of items. Happy new year in advance🌹

[@MrB_eastt]

You are an amazing teacher, you make things simpler and clear. Thank you. 🇮🇳

[@sindhu.h.ssindhu.h.s7551]

Thanks alot!! Best one :-) was searching for this since yesterday. Luckily found your video. Will always come back to your tutorials first before surfing somewhere else. Explained so well.

[@confused6526]

You're born for this shoot. Great Job !

[@22mashups22]

I knew about template literals, but I didn't know you could do this much with them! Thank you for another great tutorial!

[@fedesaraco4996]

Thank you very much for this tutorial. It has deepened my understanding of the use of javaScript and html, further than the three courses of javaScript and Html I have finished in the last months

[@milenfrom]

Good to see you're back. Thanks for all your courses (including these on udemy, got them all)

[@tacticolfire]

I Like this tutorial the way you present it was very entertaining and easy to follow I haven't started javascript yet. Usually with tutorials I want to start right away or else it's just to boring. But this one is a rare case

[@stephenmaro7219]

As someone who do backend programming, this video was very useful:) It made it seem so much easier to get into frontend, thank you very much!! def subscribed :)

[@smuffer852]

Kitty is back!! Hey, it would mean the world to me if you could upload something on Angular or React. I mean I could get the info somewhere else, but I just love the way you teach. You're the best I've seen by far. Amazing videos by the way.

[@vivianemiranda7047]

Wooow, brilliant instructor! thanks a lot for the clear explanation

[@The-Athenian]

I'm on minute 16:48 and I'm just wondering if anyone might be confused by the sudden styling changes that seem to appear out of nowhere. I'm sure most of you are familiar with CSS, but in case you're confused, he already defined the style of the elements prior to this video and he's just referencing these styles by attributing a class to the elements, so there's some "code" you're not seeing. You can get a quick glance at the begginning in codepen.

[@monyetbesar]

Much respect for the way you explain things! Very clearly and at the right pace. Definitely subscribing!

[@kouyajia496]

welcome back, your videos are great!

[@rajeev3147]

DUDE YOU ARE A GREAT INTRUCTOR. LOVE YOU!

[@priyaranjan1733]

Oh my God!😊 I wished and you delivered!😍😍😍 thank you Santa(Brad)!😋

[@abhineetsingh8603]

i like ur channel.. One of best on KZbin for web languages :)

[@jacob.peters]

I dont think I ever realized it was actually this simple. all the different syntax extensions made me think there was some kind of dark magic going on that I didn't know about.

[@abdulazizalghafli5240]

You have a unique method in teaching.

[@afsanazamannipa7711]

This example is excellent to practice and to learn about JS template Literals. Thank you.

[@ashiqrahman4858]

You are just awesome, you made things so simple by your explanation.

[@jason0ng]

So much cleaner with template literals! Thanks for teaching us!

[@prajwalthokdive227]

wow,... woooww,wwooowww , this tutor,i will never forget in my life long the best tutor

[@davidchallik2551]

Just came across this excellent tutorial. Like the way you lead us through this complex subject. You're a fantastic tutor... thx...

[@danko95bgd]

The cat is back!

[@makinggreatbread]

You are a fantastic teacher!

[@meriemtrabelsi5517]

thank you! Excellent tutorial. You have a natural knack for teaching dude!

[@MRDUDE10373]

You are very good in explaining it simply! Good job!!!

[@rungnapanakdang794]

Awesome. You are the best that i never found before. Thank again again and again

[@tomtom63734]

Amazing stuff. I'm a fan, I went through all your courses and just started the last WordPress course. 4 months ago I knew nothing about coding in general and I already feel like a wizard. Your teaching style is great, everything is clear and entertaining. Also are those your real pets ? Bonne année !! best wishes

[@mitch1701]

That was a solid lesson dude, helped me understand anonymous and lambda functions too

[@nemanjadjoric8765]

You Are the Best teacher I ever Had!!!. The way you deliver things Is so amazing, you Can basically teach rocket science to a Dog and it will understand it. I bought your React.js course (as well as Wordpress course) on Udemy and it payed off. Please Make a php course. I would be first to enroll in it. Again, thank you for existing!! :)

[@theankushjain]

Glad to see you back

[@kalaakaaram]

Wow, what a wonderful tutorial.. I was looking for such complex html json data tutorial.. and you explained it so nicely now it is no more a complex thing.. SUBSCRIBED...

[@MyTopAnime]

Thank you so much! I just couldn't get it to work before, but you explained it really well!

[@andrewcheng2108]

This tutorial is simply amazing, so awesome, thank you!

[@surendrajat7290]

today i found this epic teacher

[@PieterBrink]

Great teacher. Just bought the WP Course. Looking forward to leveling up.

[@abhayun2383]

Sir, I enjoyed your simplicity.

[@tibebetech4867]

Waw! & Thank you! ...... This is like ALL-in-ONE! Great Job!

[@edwinlopez641]

great tutorial, for this specific sample how would I make the get request from a json url?

[@mfi0]

New video after 1 year, yeah boi

[@palewine]

This is so good. You are an excellent teacher. Please keep it up!