JavaScript Template Literals: JSON to HTML

Let's learn how to convert JSON into real-world HTML!

Follow me for cat pics:

[colindante]

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!

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

[maxkonoval]

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

[tozokokou]

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.

[maikolhernandez]

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

[GTAHunter]

Your classes are so encouraging to listen to. No awkward noises or anything. You are the perfect teacher. <3
So are awesome, thank you very much for the videos.

[diegognoatto]

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.

[maxiequa]

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

[ronpalmer]

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.

[stillready]

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

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

[marktaylor]

I have followed Brad's courses on Udemy and his mini-courses here on YouTube. 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 YouTube 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.

[uuubgbl]

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

[jl]

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!

[burtmacklin]

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.

[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

[emmylast]

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

[pedro.zurita]

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

[kaptaan-.]

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