Backbone Application Walkthrough Part 5: RequireJS – Video Tutorial

Backbone Application Walkthrough Part 5: RequireJS - Video TutorialFinally! We’ve made it to the end of the Backbone.js Application Walkthrough video tutorial series. In this final video, we make few small adjustments for the sake of organization and a bunch of other changes that convert the application to work using RequireJS. Almost every file gets touched in this video, but each only receives minor changes in order to create an overall major change in modularity and optimization.

Backbone.js Video Tutorial Series

Couple Notes

I have a couple notes to make about the video before you watch it. First off, if you didn’t already know, jQuery, as of version 1.7, supports the AMD specification. It will check for the existence of a define function and use it if it exists. Also, I didn’t go much into how RequireJS works, so if you’re not familiar with it, then I would read my post comparing it to $script.js or this introduction on the Adobe Developer Connection. Also, most of the config.js file used code from the Backbone Boilerplate project. Finally this project is now up on GitHub in the Wine Cellar Repository.

JavaScript Code

I won’t bother posting any of the code on here. If you want to see the code you can go to the GitHub repository that I mentioned above the video.

Wrapping it all up Nice

If you haven’t watched the other videos in the series I would definitely recommend them. I’m not saying that I’m an awesome screencaster, but there’s definitely a lot you can learn from them and if you don’t understand what’s going, they can fill in a lot of the gaps. Anyway, I’m glad I’m finally finished with this series. It’s been fun being able to really get into a larger chunk of code again. It’s been a while. But it’s time to move on. I’ll still be doing stuff with Backbone (mostly personal projects), but I won’t be bombarding you poor readers with constant Backbone anymore. Look forward to hearing about Node.js and Unit Testing, neither of which I have much if any experience in, so it’ll be a learning experience for all of us. As always God Bless and Happy Coding!

About the Author

Author: Joe Zim

Joe Zim

Joe Zimmerman has been doing web development ever since he found an HTML book on his dad's shelf when he was 12. Since then, JavaScript has grown in popularity and he has become passionate about it. He also loves to teach others though his blog and other popular blogs. When he's not writing code, he's spending time with his wife and children and leading them in God's Word.


  • Carlos

    Thank you so much for this series it was very useful!

    • http://www.joezimjs.com Joe Zimmerman

      You’re very welcome

  • Dave

    and now start with angularJS ;)

    • http://www.joezimjs.com Joe Zimmerman

      Sorry. If I do, it won’t be for a long time. According to the poll, learning about other MVC frameworks wasn’t what most people wanted. In the mean time, I’m sure there are plenty of other resources for learning AngularJS out there.

  • http://www.facebook.com/chicobecker Francisco Becker

    Hello Joe,

    I would like to say that you are a SAINT. You are a great teacher, thanks so much for sharing. Sometimes it is hard to find good, well documented sources on the web, specially with something this new. I’ll will be playing around with this new tool and hopefully will be able to share with you guys as well.
    Also, I am trying to figure out NODE.JS and it seems pretty difficult, do you know any good references?

    Thanks,
    Keep up the good work.

    • http://www.joezimjs.com Joe Zimmerman

      I’m actually starting up a Node.js series. Right now, Nettuts+ has a couple decent starter posts, but they’re a bit dated. Read my blog post from the 19th, then go here: http://net.tutsplus.com/tutorials/javascript-ajax/this-time-youll-learn-node-js/
      That’s part 1 of 2, so make sure you keep going to the next post. Also, don’t just watch the video. There’s a pretty lengthy post after the video.

  • andreoman

    Do you plan to use backbone.marionette for your example?

    • http://www.joezimjs.com Joe Zimmerman

      Wow, that looks quite impressive. I haven’t seen that before, but I’ll definitely take a look at it and try it out. I’m also looking to try using the requireJS Text plugin to replace the tpl utility. https://github.com/requirejs/text

      What did you mean by “example”? Do you mean the side project with improvements?

  • http://www.facebook.com/richtertk Kyle Richter

    The reason your code wasn’t finishing execution was that you had inadvertently set a breakpoint. Go back towards the end of the video and look in your inspect element in Chrome. You have a frozen execution because of a breakpoint. :)

    • http://www.joezimjs.com Joe Zimmerman

      Yea, someone commented on the Youtube video about that. The strange thing is that I didn’t actually set any breakpoints, at least I have no idea how I could have between the two refreshes. This isn’t the only time that it’s happened either. It seems like Chrome decides that it wants to set breakpoints by itself. ODD!

  • manish

    Fantastic series. Great effort. Well done.

  • jbawarren

    Thank you! These are excellent videos.

  • Sumit Mukhia

    very grateful to you for doing this. Thanks so much !!

    • http://www.joezimjs.com Joe Zimmerman

      You are very welcome.

  • McWrait

    Im here a year later and want to give you thanks for these videos. I know that these are outdatet now but Im trying to get the basics of Backbone. Im moving away from AngularJS looking for more freedom. Vary thanks

  • mavis

    Thank you Joe, that was a great sharing. I’ve learned a lot from it :)