Graph Data with Firebase
In my previous article titled “Build a Web App with Backbone.js and Socket.io” I’ve explained how to use Backbone.js and Socket.IO to implement an asynchronous messaging paradigm to avoid coupling. The...
View ArticleBuild a Web App with Backbone.js and Socket.IO
As many of you know, Backbone.js is a well-known MV* framework. It’s hosted on GitHub and it gives structure to web applications by providing models with key-value binding and custom events,...
View ArticleTop JavaScript Frameworks, Libraries and Tools and When to Use Them
It seems like almost every other week there is a new JavaScript library taking the web community by storm! The web community is increasingly vibrant, diverse and is moving rapidly on multiple fronts....
View ArticleIntroduction to Rendr
Isomorphic JavaScript frameworks and libraries have gained a lot of attention recently. Isomorphic JavaScript applications are applications written in JavaScript that can run both on the client and on...
View ArticleVideo: Your First Backbone.js Model
In this video I'll be discussing Backbone.js models, a vital component to work with data; define validation rules and default values. Think of models as of blueprints of your data. I will show you how...
View ArticleBackbone.js Basics: Bringing an App to Life with Events
In a previous tutorial, we plunged into the workings of Backbone.js, an MV* JavaScript framework for building applications. Building a small surf shop app (to help us keep track of surf boards in...
View ArticleBackbone.js Basics: Models, Views, Collections and Templates
In this tutorial, we’re going to explore the underlying fundamentals of the popular MV* framework, Backbone.js. We’ll take a look at models, views, collections, and templates, and see how each builds...
View ArticleAnatomy of a JavaScript MV* Framework
The key to quickly learning JavaScript MV* Frameworks is to break them down into a series of features. The main features of an MV* application are routing, data binding, templates/views, models, and...
View ArticleImplementing Drag and Drop Using Backbone and EaselJS
In this article, we are going to build a simple drag and drop application using EaselJS and Backbone.js. Backbone will give structure to our application by providing models, collections, and views....
View ArticleBackbone.js Routers
Backbone.js routers are used to keep track of state in your app. Routers translate a path in the URL or in a hash of the URL into application state. In other words, routers map a path to a function. In...
View ArticleUnit Testing Backbone.js Applications
After spending hours, maybe days, putting the finishing touches on an awesome new feature for your web application, you’re finally ready to see it in action. You add the new code to your JavaScript...
View ArticleBackbone.js – From the Mouths of Experts
Mornings are just starting to get pretty cold and nasty down here in NZ with the onset of winter, and this morning was no exception. Getting out of bed was a pleasure however, as I spent the first hour...
View ArticleUnit Testing Backbone.js Applications
After spending hours, maybe days, putting the finishing touches on an awesome new feature for your web application, you’re finally ready to see it in action. You add the new code to your JavaScript...
View ArticleSitePoint Podcast #166: Front End Development with Mason Stewart
Episode 166 of The SitePoint Podcast is now available! This week Kevin Dees (@kevindees) interviews Mason Stewart (@masondesu) of Zaarly and disusses the likes of SASS Less, jQuery and many other parts...
View ArticleSitePoint Podcast #145: Backbone.js Fundamentals with Addy Osmani
Episode 145 of The SitePoint Podcast is now available! This week our regular interview host Louis Simoneau (@rssaddict) interviews Addy Osmani (@addyosmani) about his free online book about the...
View Article