The Backbone of Web App Development
Understand Models, Events, Views and More
The core of Backbone.js is representing your data through Models which can be created, validated, destroyed and saved to the server, and Views that display the model's state and respond to changes. So after a quick introduction, this is what you'll learn first.
Having laid that foundation, you'll move onto the other important concepts of Backbone such as Events, namespacing, templating, routing, and much more. You'll then build a guestbook app and style it to perfection with Bootstrap. Additional resources and hands-on tutoring will help you every step of the way, no matter what your skills or experience level.
By the end of the course material, you'll be well equipped to use Backbone for developing your own web apps, and will have a greater understanding of how frameworks can elevate your developing skills (and make your life a whole lot less stressful, too).
Although intended for IT professionals, hobbyists are more than suitable for taking this course too. Some experience in creating web UIs with JavScript tools would be an advantage, as would programming with a common object-oriented or scripting language. However, you don't need any Backbone experience whatsoever. We'll teach you everything you need to know!
What is Backbone?
Let's see what we'll learn in this course
Models are Backbone's underlying data structures.
Acting as "controllers" in Backbone architecture, Views are a key component to any solution
Collections are groups of models. Let's see how they fit into the mix.
We've now got a handle on Backbone's core concepts
Routing in Backbone.js is a powerful design tool
Namespacing provides organization at design time and at run time
Let's put all of these concepts to work, together
With a full palate of Backbone concepts, let's review them all
Let's get a development environment setup and begin coding on Cloud 9
We need an HTML file to host our Backbone app. Let's set one up.
We can design and code some new Models for our app
Our Models need Views. Let's code them up!
We're going to list some data, so we need Collections
We can separate our HTML from our Views with Templating
With the beginnings of an app all set up, let's walk through the steps we just took
We can keep our data clean, safe, and valid with Backbone's Model Validation features
Let's learn to leverage Backbone's ability to handle UI and custom events
Routing adds dimensions to an application's functionality
We've implemented all of the features we've learned so far. Let's walk through how we did it all.
Let's create our app with a clean slate, fully configured
Let's configure our host file and get some Models in play
Let's apply some new Views to our Models
One of our views is a doozy (it has it's own video!)
Our app needs to display a list of Greetings. Time for a Collection.
All of this apps HTML will be contained in Templates. Excellent design.
We're nearly complete. Only a few more things to make this app work properly.
Bootstrap can make our app pretty and mobile ready.
At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.
Check out our huge catalog of courses and join the over 450,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.