Advertisement

Into the Ring with Knockout.js

3 Posts

In the red corner, weighing in at just 29Kb (uncompressed), is knockout.js; a pure JavaScript library that simplifies the creation of dynamic user interfaces. Knockout is library agnostic, so it can easily be used with any of the most popular JavaScript libraries already available, but it works particularly well with jQuery, and uses jQuery.tmpl as its default templating engine.

Posts in this series
  • Web Development
    Into the Ring with knockout.jsKnockout
    27 shares
    In the red corner, weighing in at just 29Kb (uncompressed), is knockout.js; a pure JavaScript library that simplifies the creation of dynamic user interfaces. Knockout is library agnostic, so it can easily be used with any of the most popular JavaScript libraries already available, but it works particularly well with jQuery, and uses jQuery.tmpl as its default templating engine.Read More…
  • Web Development
    Into the Ring with knockout.js: Part 2 - the RematchKnockout
    In the first part of this tutorial, we put together a basic example of a list of contacts. The view (the visible representation of the data on the page) was created using a template, along with some other elements bound to methods and properties of the viewModel using data-bind attributes. Some of the values in the viewModel were observable and were monitored for changes which were then propagated to our view automatically. In this part, we'll continue building on the example to add additional functionality. For example, if there were a lot of contacts in our model, a useful feature to add would be paging, to break the view up into more manageable sections.Read More…
  • Web Development
    Into the Ring with Knockout.js: The Title FightKnockout
    7 shares
    In this final part in our knockout mini-series, we'll add a couple more feature to the simple contacts app that we've built over the course of the last two tutorials. We've already covered the core fundamentals of the library – data-binding, templating, observables and dependant observables – so this part will consolidate what we've learned so far.Read More…