(More Than Just a Complete Backbone.js Tutorial)
Duration: 25 to 30 hours
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.
Get Ready for Our Courses and Career Paths
New UPDATE on Feb 16, 2015: 10 Career Paths Coming Soon
Hang in there guys. I know many of you have put off other 'learn to code' programs and even put your career on hold to wait for our courses and Career Paths. You will be very happy you did. We are bringing a program so rewarding and formidable, and so comprehensive and affordable as to not just be the best program, but also as to make web dev knowledge as apparent as water flowing from the tap: accessible, clear, quenchable, life changing.
"Life changing?" you may ask. If our program doesn't help to improve your life—that is, help you program with confidence; help you become proficient in the Career Path you choose; help you earn an upper-class salary (in whichever country you live); allow you to do impressive things (more on this when we release the site) that no other program (online or offline) offers their students; and empower you with a versatile, life-long skill that you can use in many ways and profit from time and again to build impressive applications—then we will have failed. So we look forward to bringing you the best program we possibly can put together.
Get a Complete Web Dev Education
Each course is part of a Career Path, a complete web dev education. Three to six courses make up a Career Path. Note the following Career Paths you can choose from:
- UI/UX Developer (6 courses)
- Modern Frontend Developer (7 courses)
- Modern Fullstack Developer (Career Path 1 plus 6 courses)
- Nontechnical Startup Developer (5 courses)
- And four more exciting Career Paths
What Can You Do Right Now?
- First, enter you email in the "Receive Updates" form above.
- Then, use the Contact form to (a) request features, (b) make suggestions, or (c) ask questions. We want to make our courses the best courses, the best value, the most rewarding. We need your help to do that.
- And make sure you can solve at least middle school algebra problems, or go refresh your memory.
When Specifically Will the Courses Begin?
You will be able to enroll in a Career Path very soon. Very soon.
How Much Will Each Course Cost?
While we haven't finalized the cost for each course, I do know that we have different prices for the courses. For example, Course 1 will cost less than all the other courses. Moreover, the cost per course will definitely be affordable to the working class. I will make certain the courses are affordable for most people. I will fight to keep Course 1 under $200, though I can't promise that I will win.
Get Ready! Between now and when the courses begin, enjoy the down time because, when our courses start, they will kick your butt (they aren't like those monthly-fee web dev courses that abound everywhere). So get ready to work hard, build cool stuff, change the world (you will), and realize your imaginations.
Table of Contents
- Get Ready for Our Courses and Career Paths
- Receive Updates
- What is Backbone.js and Why You Should Learn It
- Receive Updates
- Get The Two Backbone.js eBooks (one free one very cheap—$4.99)
- Roadmap to Mastering Backbone.js
- That’s It! (Almost)
- Important Extras
- The Backbone.js Documentation is Great; You Will Use it Often
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
Before we Continue
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.
What is Backbone.js?
Why Learn Backbone.js
You should learn Backbone.js if:
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
- Instead of the Addy’s book, you can buy the book “Backbone Tutorials” at the link below:
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.
- Read the following 4 blog posts for the conceptual understanding of Model, View, Router, and Collections:
— What is a model?
— What is a view?
— What is a router?
— What is a collection?
- Read the entire tutorial at the link below (note that it is a bit old, but still valid) and study and understand it carefully, but don’t try to build the app just yet:
Backbone.js Wine Cellar Tutorial — Part 1: Getting Started
- Read Developing Backbone.js Applications from the beginning (Prelude) to the Backbone Basics chapter.
- Read these 2 blog posts:
— The Responsibilities Of The Various Pieces Of Backbone.js
— 3 Stages Of A Backbone Application’s Startup
- You should be able to build the simple Backbone.js application you studied in section 3 above. Return to that tutorial and build the application.
- Return to Developing Backbone.js Applications and read the Exercise 1 chapter (and build the application), then read the chapter titled Common Problems & Solutions followed by the chapter Exercise 2 (and build the application in exercise 2).
- Read the Modular Development chapter and build whichever application(s) you want to build from this chapter. You needn’t build all of the example applications.
- Follow these two tutorials (these are a bit old too, but still accurate):
— Backbone.js Wine Cellar Tutorial — Part 2: CRUD
— Backbone.js Lessons Learned and Improved Sample App (This is a MUST READ)
- These are 4 MUST READ articles:
— (Learn how to communicate among views and subviews)
References, Routing, And The Event Aggregator: Coordinating Views In Backbone.js
— Revisiting The Backbone Event Aggregator: Lessons Learned
— (Managing Page Transitions In Backbone Apps)
Learn How to transition between views and how to properly dispose of views Zombies! RUN!
— Why Should I Use Backbone.Marionette Instead Of … ?
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:
- 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).
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:
Be good. Sleep well. And enjoy coding.