Web Development is Easy!

frameworks, tools and tips for web developers.

Backbone Cleanup

Backbone allows our users to browse our website without refreshing the page. Each page the user visits consists of several Backbone views which are replaced whenever the user navigates. Views reflect our data models and interact with each other. This can be done by listening and triggering events which add functionality to the page. Whenever the view is replaced, there is a need to clean up the removed view, unbind events and remove unmanaged structure.
This article suggests a solution to the views cleanup problem.

Backbone Cache

Caching collections and models in Backbone allows to save server calls and return the result faster to the user. This means happier server and happier users. This article will guide you how to implement Backbone caching.

Searcher - Backbone Application Demonstration

In this article we will build Backbone.js application along with jQuery, underscore.js and require.js. The aim of this article is to demonstrate the use of Backbone components. As we all probably know, there are more then one way to build Backbone applications so feel comfortable to adopt what you like.
At the end of this article we will have Backbone searcher application which will know to make searches using different search providers. You can see our final application in action here and can download the code here.

JavaScript Prototype

I bet you have seen the prototype keyword before. This prototype thing is very important to know and understand especially if you want to be an expert web developer. This article will explain you about it.

Backbone Singleton

Using Backbone.js, sometimes we need a model that will act like a singleton. Other times we want to reuse the type of that singleton. This article will present two different ways of creating a singleton using Backbone.js and require.js. While the first way is simpler and more intuitive, the second allows us more flexibility

jQuery Plugin Pattern

jQuery plugin is an extension to jQuery that encapsulates an ability or visual behaveiour so that it can be used later and in many different parts in a web application. This article will explain the basics of jQuery plugin and guide you how to create a simple jQuery plugin.

Cascading Autocompletes Using jQuery UI

Yesterday I got a new requirement for the application I am working on. I had several jQuery UI autocompletes and I needed to add cascading functionality. This means that each autocomplete in the group affects the following autocomple’s possible values. If there is no value selected in the first autocomplete - the next autocomplete must be disabled. When the user selects a value on the first autocomplete - the next autocomplete becomes enabled.