The last step is to do the styling and finishes. We won't into all the details, as the sample Taskmanager source code speaks for itself, but we will outline the few best practices we follow at BriteSnow for building applications.
brite.js uses jQuery special events to implement optimized cross device (i.e touch and mouse devices) such as btap and bdrag allowing the application code to just have to bind to one event type and support all devices at their optimum.
Thus, in the final sampleTaskManager we use btap brite.js special jQuery event everywhere where we used the standard click event which allows to boost "tap" performance on touch devices while keeping compatibility with "mouse devices." (In other word, btap is a fast tap implementation for touch devices)
brite.js also offer a bdrag special events which allows to implement a cross devicedrag event. Add comment below if you want more information on the bdrag event.
For this sample application, we used the provided brite.InMemoryDAOHandler which is great for prototyping and early development, however, of real applicaction we always develop a custom DAOHandler fine tuned to the application need. See brite.registerDao doc for more information about developing your own DAOHandler
Probably one of the most important code design of an application is its event model. Having, a good application convention about HTMLElement Events, Application Events, and Data/Dao Events, can make all the difference between an application that is simple to maintain and grow, and one that see its code explode.