(More Than Just a Complete Backbone.js Tutorial)

Duration: 25 to 30 hours

Prerequisite: JavaScript knowledge of 5/10

Below, I provide you with a comprehensive study guide that I myself have used (indeed, I have refined it for this article) to learn Backbone.js properly. This study guide should take just about 30 hours to complete.

Can a Single JavaScript Course Make You Richer? This Single JavaScript Course Can Get You a Bigger Salary

(4 courses in 1—available as a single course for the first time) Becoming a JavaScript Expert Learn almost the entire JavaScript language, advanced JavaScript programming, software engineering for web programmers, and more 21 comprehensive major subjects and over 200 of the most important concepts covered (plus a bonus advanced course) Course covers from beginning to advanced to beyond advanced—including tooling, problem-solving, OOP, composition, software design patterns, software engineering foundation, architecting web applications, and much more Over 40 exercises and more than three dozen projects and applications

(Watching and/or reading JavaScript [JS] tutorials alone won't help you advance your programming career; you need to build real JS projects and applications as you learn. These exercises, projects, and applications are the most important part of your JS training. They will advance your JS confidence and skills and your overall programming and software engineering skills.) Every concept covered in depth and with clarity (if you don't understand something, we will update the course accordingly to add more clarity) Save yourself hundreds of hours and over $5,000 Plus: It comes with a HUGE BONUS, an entire advanced computer science JavaScript course: Discrete Math Concepts in JavaScript Become a JavaScript Pro and

significantly increase your income Learn More and Buy the Course By JavascriptIsSexy: Support the website while you simultaneously save yourself thousands of dollars



After I learned Backbone.js, the first application I built was an eCommerce web application for a client—a startup. I built the entire app, including the shopping cart, with Backbone.js and Node.js.

Backbone.js Is Friendly

Backbone.js is neither difficult to learn nor difficult to use, and the time you will spend learning to use this serviceable framework will be well worth it, for you will learn how to use one of the most popular front-end frameworks and learn how to build modern web applications on the front end. In addition, you will see your market value as a JavaScript developer rise, since Backbone.js developers are in high demand.

Before we Continue

I should note that Angular.js and Ember.js are robust and feature-rich front-end frameworks that offer more than Backbone.js, and they allow you to develop applications with less code than Backbone.js. Nonetheless, I still think developers should learn Backbone.js first, particularly because it is easier to learn and provides you with a solid understanding of what a JavaScript framework is and how a JavaScript framework functions.

I chose Backbone.js for the aforementioned eCommerce web application because I had only a few days to learn a JS framework and I needed a proven JS framework since I was developing a web application for a client. And at that time (around 2012) Backbone.js had the more thorough documentation and the most active community of all the front-end JavaScript frameworks. In addition, Backbone.js had the most impressive list of real websites and web applications built with the framework.

What is Backbone.js and Why You Should Learn It

If you have never used a JS front-end framework before, you will understand why nearly every modern web application uses a front-end JS framework.

Can a Single JavaScript Course Make You Richer? This Single JavaScript Course Can Get You a Bigger Salary

(4 courses in 1—available as a single course for the first time) Becoming a JavaScript Expert Learn almost the entire JavaScript language, advanced JavaScript programming, software engineering for web programmers, and more 21 comprehensive major subjects and over 200 of the most important concepts covered (plus a bonus advanced course) Course covers from beginning to advanced to beyond advanced—including tooling, problem-solving, OOP, composition, software design patterns, software engineering foundation, architecting web applications, and much more Over 40 exercises and more than three dozen projects and applications

(Watching and/or reading JavaScript [JS] tutorials alone won't help you advance your programming career; you need to build real JS projects and applications as you learn. These exercises, projects, and applications are the most important part of your JS training. They will advance your JS confidence and skills and your overall programming and software engineering skills.) Every concept covered in depth and with clarity (if you don't understand something, we will update the course accordingly to add more clarity) Save yourself hundreds of hours and over $5,000 Plus: It comes with a HUGE BONUS, an entire advanced computer science JavaScript course: Discrete Math Concepts in JavaScript Become a JavaScript Pro and

significantly increase your income Learn More and Buy the Course By JavascriptIsSexy: Support the website while you simultaneously save yourself thousands of dollars



What is Backbone.js?

Backbone.js is a JavaScript front-end framework that provides the structure and organization for your application code, the event-based communication for your application, and the necessary interconnectedness for your data, application logic, and user interface (the HTML/CSS elements seen on the web page). Simply put, Backbone.js allows us to develop applications, the front-end in particular, much easier and better (more scalable, reusable, and modular code) than using just a bunch of related and unrelated JavaScript functions stacked on top of each other, a concept known as Vanilla JavaScript.



Why Learn Backbone.js

You should learn Backbone.js if:

You do not already use a front-end JavaScript framework and you intend to develop single-page web applications or complex JavaScript web applications.

You want to start programming JavaScript in a more organized, structured manner, eschewing the old way of having all of your JavaScript code mixed with HTML and without separation of concerns (that is, the logic, the data, and the presentation aren’t sufficiently decoupled).

Get The Two Backbone.js eBooks (one free one very cheap—$4.99)

First, download a free copy of Addy Osmani’s Developing Backbone.js Applications Addy Osmani is a prolific writer who writes book-length blog posts and articles on web technologies and programming, particularly JavaScript. He has written on a myriad of JavaScript topics and just about all of his works are available online for free. However, since his book Developing Backbone.js Applications is only $15.81, I recommend you own a copy and keep it as a reference; you will need it. You can order it on Amazon. Instead of the Addy’s book, you can buy the book “Backbone Tutorials” at the link below:

https://leanpub.com/backbonetutorials Note that most of this article focuses on the Developing Backbone.js Applications book, but you can use Backbone Tutorials; just follow along with the relevant topics, accordingly.

Roadmap to Mastering Backbone.js

All the links below open in a new tab, so that you can read the articles and quickly come back and follow the study guide.

That’s It! (Almost)

At this juncture, you have learned enough to build any Backbone.js application: you have gone from absolute beginner to attainment in under 30 hours, if you stayed the course.

But to really understand and retain what you have learned, you must build a real, single-page web application.

11. If you are involved with backend as well as front-end development, you should read either my post Learn Node.js Completely and with Confidence or Learn Meteor.js Properly. After you learn either, you will be able to build complete modern web applications.

12. With a complete understanding of Node.js and Backbone.js (or with Meteor.js), you will be ready to build any type of web application. You can also build a startup at this juncture, if you are intrepid.

If on the other hand you only develop on the front end, you should learn Angular.js or Ember.js, if you want a high-paying front-end developer job. Also, consider Facebook’s React.js (a new front-end framework), which some large Silicon Valley firms and other companies are using today.

But before you head off on your adventure, build the NodeApp web application at the link below; this exercise provides a real-world exercise in Node.js/Backbone.js web application development:

http://dailyjs.com/web-app.html

Important Extras

Read the following chapters in Developing Backbone.js Applications to further advance your knowledge on the Backbone.js ecosystem:

— Backbone Extensions

— Backbone Boilerplate And Grunt-BBB

— Mobile Applications

— Unit Testing Learn Handlebars Templating Engine

Handlebars templating engine is much more robust and feature rich than the simple template engine bundled with Backbone.js (The template used in Backbone.js by default is from the Underscore.js library, and Underscore.js is Backbone.js’s lone dependency).

Read my post, Handlebars.js Tutorial: Learn Everything About Handlebars.js JavaScript Templating.

The Backbone.js Documentation is Great; You Will Use it Often

Once you start developing on your own, you will find yourself making frequent stops to the Backbone.js documentation. This will likely be the website you visit most often, when you need help figuring out how to do any myriad of things while developing a Backbone.js application. Here is the link:

http://backbonejs.org/

Be good. Sleep well. And enjoy coding.