A few weeks weeks ago, I posted a first Backbone.js and Twitter Bootstrap sample application. While interesting, “Employee Directory” is a read-only application. As such, it doesn’t show off the full power of Backbone’s models or the coolness of some of Bootstrap’s data entry features such as forms, validation, etc. To demonstrate these features, I […]
Archive | JQuery
Backbone.js Lessons Learned and Improved Sample App
January 30, 2012 in Backbone.js, HTML 5, JavaScript, JQuery
A few weeks ago, I posted a three-part Backbone.js tutorial (part 1, part 2, part 3). Since then, I spent more time building a real-life application with Backbone. I ran into a number of interesting problems, spent time thinking about solutions, and decided to write them down in this post. These are not definitive answers, […]
Using Backbone.js with a RESTful Java Back-End
January 10, 2012 in Backbone.js, Java, JavaScript, JAX-RS, JQuery
In a previous post, RESTful services with jQuery and Java using JAX-RS and Jersey, I demonstrated how to build a RESTful API using JAX-RS and Jersey, and how to build a jQuery application that leverages that API. The application used as an example was a Wine Cellar management application. In follow-up posts, “Backbone.js Wine Cellar […]
Tutorial: HTML Templates with Mustache.js
December 20, 2011 in HTML 5, JavaScript, JQuery, Mustache.js, Tutorial
} When developing modern HTML applications, you often write a lot of HTML fragments programmatically. You concatenate HTML tags and dynamic data, and insert the resulting UI markup into the DOM. Here is a random code example of this approach: The proliferation of this kind of code throughout your application comes with some downsides. The […]
Backbone.js Wine Cellar Tutorial — Part 3: Deep Linking and Application States
December 8, 2011 in Backbone.js, JQuery, REST
UPDATE: I posted a “Postface” to this series with some lessons learned and an improved version of the app. Make sure you read it here. In Part 1 of this tutorial, we set up the basic infrastructure for the Wine Cellar application. In Part 2, we added the ability to create, update, and delete (CRUD) […]
Backbone.js Wine Cellar Tutorial — Part 1: Getting Started
December 6, 2011 in Backbone.js, JQuery, REST
One of the challenges when building nontrivial Web applications is that JavaScript’s non-directive nature can initially lead to a lack of structure in your code, or in other words, a lack of… backbone. JavaScript is often written as a litany of free-hanging and unrelated blocks of code, and it doesn’t take long before it becomes […]
RESTful services with jQuery, PHP and the Slim Framework
NOTE: This is the PHP version of this article and its companion app. A Java version is available here. I have been looking for a lightweight framework to build a RESTful API in PHP. There are a number of good options out there: Slim, Epiphany, Tonic, Recess, and Frapi to name a few. They all […]
RESTful services with jQuery and Java using JAX-RS and Jersey
NOTE: This is the Java version of this article and its companion app. A PHP version is available here. This is a more in depth version of my previous post on the same topic. The previous article only covered the HTTP GET method for building RESTful services. This article (and its new companion app) provides […]
Building Apps with jQuery and JAX-RS – Sample App
November 9, 2011 in Java, JAX-RS, JQuery, Sample App, Tutorial
In my previous post, I discussed the process of building RESTful services in Java using JAX-RS and Jersey. As an example, I shared a web application that provides a simple RESTful API for an Employee directory application: /rest/employees — Returns all employees /rest/employees/1 — Returns an employee identified by id (employee 1 in this case) […]
Sample App using the PhoneGap Database API
This is the third version of my Employee Directory application. The jQuery Mobile and the Mobile jQuery without jQuery Mobile versions both used JSON services to get data from a remote server. In this version, the application gets data from a local database using the PhoneGap database API. As a result, this version can work […]
