JavaScript Template Literals: JSON to HTML

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 พ.ย. 2024

ความคิดเห็น • 376

  • @colindante5164
    @colindante5164 2 ปีที่แล้ว +3

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

  • @darkzennn
    @darkzennn 3 ปีที่แล้ว +22

    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!

  • @tozokokou2322
    @tozokokou2322 ปีที่แล้ว +1

    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
    @diegognoatto590 4 ปีที่แล้ว +4

    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.

  • @sireoh
    @sireoh 8 หลายเดือนก่อน +1

    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
      @LearnWebCode  8 หลายเดือนก่อน +1

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

  • @GmoneyMozart
    @GmoneyMozart 7 ปีที่แล้ว +174

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

    • @bmejia220
      @bmejia220 4 ปีที่แล้ว

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

  • @GTA6Hunter
    @GTA6Hunter 7 ปีที่แล้ว +7

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

  • @maikolhernandez9176
    @maikolhernandez9176 7 ปีที่แล้ว +78

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

  • @ronpalmer7260
    @ronpalmer7260 ปีที่แล้ว +1

    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.

  • @maxkonoval5195
    @maxkonoval5195 7 ปีที่แล้ว +13

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

  • @jadynekena
    @jadynekena 3 ปีที่แล้ว +1

    Best video I've ever seen this year

  • @linguavoice
    @linguavoice ปีที่แล้ว +1

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

  • @reckletdeveloper
    @reckletdeveloper 3 ปีที่แล้ว

    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

  • @marktaylor7963
    @marktaylor7963 6 ปีที่แล้ว

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

  • @stillready6405
    @stillready6405 3 ปีที่แล้ว +1

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

  • @emmylast6818
    @emmylast6818 ปีที่แล้ว

    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
    @pedro.zurita 3 ปีที่แล้ว

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

  • @lavichelani2298
    @lavichelani2298 3 ปีที่แล้ว +1

    OMG!!! Best tutorial ever....

  • @maxiequa567
    @maxiequa567 6 ปีที่แล้ว +1

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

  • @TinyMaths
    @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.

  • @env.pogled4137
    @env.pogled4137 4 ปีที่แล้ว

    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]

  • @neildagle2485
    @neildagle2485 4 ปีที่แล้ว

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

  • @majicboca
    @majicboca 7 ปีที่แล้ว +12

    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
    @unsunghero5430 4 ปีที่แล้ว

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

  • @kaptaan-.7212
    @kaptaan-.7212 3 ปีที่แล้ว

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

  • @burtmacklin9180
    @burtmacklin9180 5 ปีที่แล้ว

    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.

  • @jumamoses830
    @jumamoses830 5 ปีที่แล้ว

    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.

  • @marendra1898
    @marendra1898 6 ปีที่แล้ว

    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

  • @tirthjayswal9895
    @tirthjayswal9895 4 ปีที่แล้ว +2

    one of the best explanation i ever found on internet

  • @jasenlakic5033
    @jasenlakic5033 3 ปีที่แล้ว

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

  • @harshitharshit6448
    @harshitharshit6448 6 ปีที่แล้ว

    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 😄

  • @sachingoel9866
    @sachingoel9866 3 ปีที่แล้ว

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

  • @md.obaydulhoque1662
    @md.obaydulhoque1662 2 ปีที่แล้ว

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

  • @jimmaccormaic6689
    @jimmaccormaic6689 6 ปีที่แล้ว

    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.

  • @denwayde2829
    @denwayde2829 6 ปีที่แล้ว

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

  • @jl4206
    @jl4206 3 ปีที่แล้ว +2

    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!

  • @alfonzomckinzee8906
    @alfonzomckinzee8906 4 ปีที่แล้ว

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

  • @horaciolampe166
    @horaciolampe166 3 ปีที่แล้ว

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

  • @virendrabhati6685
    @virendrabhati6685 3 ปีที่แล้ว

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

  • @jacob.peters
    @jacob.peters 2 ปีที่แล้ว

    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.

  • @photoinshot1355
    @photoinshot1355 ปีที่แล้ว

    Brilliantly explained and presented video, I learned a lot, thanks! I have learned all my coding skills from TH-cam 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.

  • @margotbucau4510
    @margotbucau4510 3 ปีที่แล้ว

    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 !

  • @tacticolfire
    @tacticolfire 5 ปีที่แล้ว

    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

  • @jorgezarate4504
    @jorgezarate4504 4 ปีที่แล้ว

    Best teacher ever ! Thanks Brad....

  • @MrB_eastt
    @MrB_eastt 5 ปีที่แล้ว

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

  • @vfrancomaia
    @vfrancomaia 6 ปีที่แล้ว

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

  • @sakarsr
    @sakarsr 6 ปีที่แล้ว

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

  • @蘇啟賢-i9y
    @蘇啟賢-i9y 7 ปีที่แล้ว +8

    Best toturial I have ever seen.

    • @stivbennett670
      @stivbennett670 4 ปีที่แล้ว

      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

  • @rashedul-islam
    @rashedul-islam 5 ปีที่แล้ว

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

  • @fedesaraco4996
    @fedesaraco4996 6 ปีที่แล้ว

    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

  • @prajwalthokdive227
    @prajwalthokdive227 2 ปีที่แล้ว

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

  • @The-Athenian
    @The-Athenian 5 ปีที่แล้ว

    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.

  • @foupax
    @foupax 7 ปีที่แล้ว

    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.

  • @simomed5002
    @simomed5002 6 ปีที่แล้ว

    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!

  • @afsanazamannipa7711
    @afsanazamannipa7711 3 ปีที่แล้ว

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

  • @billymwas3783
    @billymwas3783 7 ปีที่แล้ว +7

    great to see you back... best teacher

  • @PaulJacobson
    @PaulJacobson 7 ปีที่แล้ว +1

    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.

  • @TheMorrogoth
    @TheMorrogoth 5 หลายเดือนก่อน

    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
      @TheMorrogoth 5 หลายเดือนก่อน

      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!

  • @sindhu.h.ssindhu.h.s7551
    @sindhu.h.ssindhu.h.s7551 3 ปีที่แล้ว

    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.

  • @surendrajat7290
    @surendrajat7290 2 ปีที่แล้ว +1

    today i found this epic teacher

  • @ashiqrahman4858
    @ashiqrahman4858 3 ปีที่แล้ว

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

  • @KiqueFM
    @KiqueFM 6 ปีที่แล้ว +2

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

  • @vivianemiranda7047
    @vivianemiranda7047 4 ปีที่แล้ว

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

  • @davidchallik2551
    @davidchallik2551 3 ปีที่แล้ว

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

  • @follow_ticket
    @follow_ticket 2 ปีที่แล้ว

    Hey from 2022:) Thank you so much for video. It helped me to understand how to use templates with JSON data.

  • @22mashups22
    @22mashups22 5 ปีที่แล้ว

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

  • @MyTopAnime
    @MyTopAnime 3 ปีที่แล้ว +1

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

  • @vinitagaikwad3683
    @vinitagaikwad3683 5 ปีที่แล้ว

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

  • @nemanjadjoric8765
    @nemanjadjoric8765 2 ปีที่แล้ว

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

  • @focusonthebeat6888
    @focusonthebeat6888 5 ปีที่แล้ว +1

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

  • @ASHWINNS5013
    @ASHWINNS5013 6 ปีที่แล้ว

    One of the best teachers in TH-cam community.

  • @abdullahquhtani4247
    @abdullahquhtani4247 7 ปีที่แล้ว +2

    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🌹

  • @Bkamron
    @Bkamron 5 ปีที่แล้ว

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

  • @abdulazizalghafli5240
    @abdulazizalghafli5240 7 ปีที่แล้ว

    You have a unique method in teaching.

  • @morogroupe2516
    @morogroupe2516 4 ปีที่แล้ว

    thank you very much i had a problem drives me crazy . i though a lot and didn't find a solution for it , thank u

  • @khalidelgazzar
    @khalidelgazzar 5 ปีที่แล้ว

    Great tutorial as usual Brad, you are now completing the trio about JSON, AJAX and handlebars.
    If anyone is asking, it is about the 3 videos Brad made to cover these topics. Here they are:
    1. JSON and AJAX Tutorial: With Real Examples (points to FillText.com): th-cam.com/video/rJesac0_Ftw/w-d-xo.html
    2. JavaScript Template Literals: JSON to HTML: th-cam.com/video/DG4obitDvUA/w-d-xo.html
    3. Handlebars.js Tutorial (webpack integration at the end): th-cam.com/video/wSNa5b1mS5Y/w-d-xo.html

  • @monyetbesar
    @monyetbesar 6 ปีที่แล้ว

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

  • @d.brilliant5092
    @d.brilliant5092 6 ปีที่แล้ว

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

  • @makinggreatbread
    @makinggreatbread 5 ปีที่แล้ว

    You are a fantastic teacher!

  • @meriemtrabelsi5517
    @meriemtrabelsi5517 2 ปีที่แล้ว

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

  • @PieterBrink
    @PieterBrink 3 ปีที่แล้ว

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

  • @MarshallLloyd
    @MarshallLloyd 4 ปีที่แล้ว

    I didn't know Ron Howard did javaScript! LOL thanks for a great tutorial

  • @mfi0
    @mfi0 7 ปีที่แล้ว +7

    New video after 1 year, yeah boi

  • @edwinlopez641
    @edwinlopez641 6 ปีที่แล้ว +5

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

  • @rungnapanakdang794
    @rungnapanakdang794 4 ปีที่แล้ว

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

  • @andrewcheng2108
    @andrewcheng2108 11 หลายเดือนก่อน

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

  • @Lostpanda123
    @Lostpanda123 3 ปีที่แล้ว

    So beautifully explained!!

  • @tibebetech4867
    @tibebetech4867 ปีที่แล้ว

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

  • @getsmartpaul
    @getsmartpaul 2 ปีที่แล้ว

    Hi, I’m so impressed with your teaching skills! Nice work with a real world example step by step .

  • @thebhaiyawanderer
    @thebhaiyawanderer 3 ปีที่แล้ว

    It was all so comfortable to understand.Thanks Sir

  • @jason0ng
    @jason0ng 4 ปีที่แล้ว

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

  • @Kim-re7hs
    @Kim-re7hs 3 ปีที่แล้ว

    Tysm
    U teach this better then my school teacher

  • @abhayun2383
    @abhayun2383 2 ปีที่แล้ว

    Sir, I enjoyed your simplicity.

  • @rajeev3147
    @rajeev3147 5 ปีที่แล้ว

    DUDE YOU ARE A GREAT INTRUCTOR. LOVE YOU!

  • @mitch1701
    @mitch1701 4 ปีที่แล้ว

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

  • @MRDUDE10373
    @MRDUDE10373 5 ปีที่แล้ว

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

  • @confused6526
    @confused6526 6 ปีที่แล้ว

    You're born for this shoot. Great Job !

  • @yogeshjean8325
    @yogeshjean8325 4 ปีที่แล้ว

    Simply awesome, Thanks for this wonderful tutorial. Keep rocking.

  • @abhineetsingh8603
    @abhineetsingh8603 6 ปีที่แล้ว

    i like ur channel.. One of best on TH-cam for web languages :)

  • @nnk90
    @nnk90 2 ปีที่แล้ว

    You are a good teacher 👍👍👍