Handlebars.js Tutorial (webpack integration at the end)
bicycles reviews | bicycles videos | bicycles online
Handlebars is a simple templating solution that creates HTML based on JSON data. Link to my new premium course (with coupon): https://www.udemy.com/git-a-web-developer-job-mastering-the-modern-workflow/?couponCode=YOUTUBEFOR19 "Follow along" code: http://codepen.io/anon/pen/qqPegg "Finished product" code: http://codepen.io/anon/pen/WoddJb?editors=1010 Webpack Handlebars Example Repo: https://github.com/LearnWebCode/handlebars-webpack Add me on Twitter for webDev updates and cat pics: https://twitter.com/learnwebcode
Comments
-
Hi Brad, following along fine with your tutorial very well explained - however when I try to use NPM and webpack for workflow in the last part of this tutorial - the terminal command "npm install handlebars handlebars-loader path --save-dev" it only generates the node_modules/ folder within my site. It does not create a package.json or a webpack.config file in the root of my site. Did you create these files manually or have I missed something? Thanks, Mark.
-
I found this to be very helpful and concise. Paced very well too.
-
thanks for lesson..
-
Very happy to subscribed your channel, maintain the same quality bro.
-
Awesome Explanation Bro, appreciate your noncommercial help.
-
what if the registerHelper function name has the same name as the property of the object of the JSON file.What will happen?
-
Thank you so much for taking time to explain everything. You bet, we learned everything you said! Awesome vids!
-
excellent!!
-
This is grate! Thank you for your time given to us. Thank you for sharing your knowledge with us.
-
is this ending of course or there are other videos ???..sorry for my bad english
-
Great tutorial, thanks!
-
Hi Brad, I can't figure this error out: "hb.js:21 Uncaught ReferenceError: Handlebars is not defined". I'm stuck at the first Handlebars test 11:27 into the video.
I have tried quite a few things, even pasting in your sample code to replace my typed version. I have tried both the Handlebars.runtime and non runtime packages. I have moved the script tag around in the html doc. This error persists. What can you suggest? -
I just don't understand why people will give a thumbs down to this video? You know Its a free tutorial! Thanks @LearnWebCode I've been following your latest 30 min series and I learned a lot (especially the JSON/AJAX video). Thank you so much!
-
The video is great. I did learn something
-
Hey there! First of all, thanks for everything you do, you truly are the man! Second of all, could you maybe give me a little hint of what I'd have to do in the following situation: What if I wanted to output a single pet in the container and then on click of a button dynamically change the content to display another pet by its name in the array of my JSON-file? Thanks!!
-
If anyone is trying to iterate through a namless array refer to this :) http://stackoverflow.com/questions/24412755/implementing-loop-of-handlebars-js-on-nameless-object-or-array
-
Hey Brad, I love that you included all the setup stuff in a codepen! Made following along super easy!
-
I just want to reiterate what a few others have said. I know its easy to say but I really mean it when I say your tutorials are great. I've just been doing your Udemy course and although I knew a lot of the course, you've given me a much better understanding. Keep up the fantastic work, it really is very much appreciated.
-
Thanks a lot, you are really the best ever..
-
thank you so much, your tutorials are awesome. I just wanna a know that where i can learn about that wepack and npm way of doing things.
28m 5sLenght
138Rating