Browsing Tag

library

Into the Ring with knockout.js: Part 2 – the Rematch

Into the Ring with knockout.js: Part 2 – the Rematch

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.


This entry is part 2 of 3 in the Into the Ring with Knockout.js Session
Into the Ring with knockout.js

Into the Ring with knockout.js

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.


This entry is part 1 of 3 in the Into the Ring with Knockout.js Session
Build your Own JavaScript Library: Premium Series
plusvideos

Build your Own JavaScript Library: Premium Series

Over the course of the past few years, the JavaScript community has exploded exponentially. It it’s safe to assume that libraries are the primary reason we’ve seen such astonishing growth. Thanks to these libraries, the differences between the popular browsers are minimized, making cross-browser development much easier than it used to be. We’ll build our own in this series!

Become a Premium member to read this kick-butt tutorial and screencast series, as well as hundreds of other advanced tutorials and screencasts.

An Introduction to YUI

An Introduction to YUI

With jQuery dominating the JavaScript framework landscape, many newcomers aren’t exposed to other JavaScript frameworks. The truth is that there are a plethora of excellent JavaScript frameworks available, like MooTools, Prototype, Ext JS, and…YUI! While not as well known as some of the other libraries, YUI provides a wealth of tools for the web developer. Today, we’re going to take a quick tour of some of its features.

Getting Started Animating with jQuery

jQuery Animations: A 7-Step Program

A dash of animation can spruce up a dull interface. In this tutorial, you’ll learn how to do it the right way with jQuery.

The Ultimate Guide for Learning Mootools

The Ultimate Guide for Learning Mootools: New Premium Tutorial

Getting started with any type of framework can be an intimidating experience. To help, this week we have an in depth tutorial and long screencast to provide a crash-course for this popular JavaScript library. With so much focus on jQuery, it’s easy to forget that Mootools is an equally powerful library with a huge following. Join today!

An Introduction to the Raphael JS Library

An Introduction to the Raphael JS Library

Raphael JS is a lightweight and super-sexy JavaScript framework that allows you to draw vector graphics in your browser! In this tutorial, I will introduce you to some basic drawing functionality, take a look at animation, provide DOM access and finally finish off by creating a cool widget for your site…