AngularJS Phone Catalog Tutorial Application Coded in Backbone
This tutorial builds a web application using Backbone.js. This tutorial is based on the AngularJS PhoneCat Tutorial App and mirrors the functionality of each of the first 10 steps.
The full tutorial can be found on my blog.
Workings of the application
- A basic Node app serves static files and JSON.
Commits / Tutorial Outline
You can check out any point of the tutorial using git checkout step-?
To see the changes between any two lessons use the git diff command git diff step-?..step-?
Basic structure for a new Backbone app.
Render a static phone list using a Backbone template.
Create Backbone models and collection to represent a list of phones.
Add interactive text search to phones.
Add the ability to order phones.
Fetch phones data using a JSON API.
Fill out the phones template with images and links.
Route the phone details view.
Fill out the phone details view.
Add a custom view helper to create checkmarks.
Replace the phone's main image when a user clicks on a tumbnail.