Archive for Javascript

Article: Working with the YUI DataTable

Working with the YUI DataTable (Updated for v2.6.0), Part 1: Getting Started and Part 2: Changing the Contents of the DataTable by Daniel Barreiro

YUI’s DataTable is very flexible and allows you to do many things. Making your choices in advance allows you to define your own version of the DataTable and either cast some of those choices or make them more easily accessible according to your taste and preferences. The whole application will look and behave more consistently and, should you want to change anything, many of the changes will be concentrated in just one single place.

Comments

Article: The “AJAX Head” Design Pattern

The "AJAX Head" Design Pattern by kencollins

It is an experiment into a vision to see what happens when you make the decision to totally go unobtrusive. Not just in your views but the controllers too! Imagine it this way — your controllers are slim APIs. They should do nothing but render a page on a GET request and when it comes to a POST/PUT/DELETE they should do nothing more than just say YES or NO (with errors).

Comments

Article: Ajax Framework Analysis Results

Ajax Framework Analysis Results from raibledesigns.com

we believe the decision all comes down to what the developers on the project feel they will be most comfortable with. If you're developing with Dojo or YUI, chances are you're dressing up existing HTML and possibly using progressive enhancement to add more rich functionality. On the other hand, Ext JS and GWT are similar to Swing programming where you build the UI with code (JavaScript for Ext JS, Java for GWT).

Comments

Article: JavaScript Test Driven Development with JsUnit and JSMock

JavaScript Test Driven Development with JsUnit and JSMock by Dennis Byrne

This article is a crash course in writing maintainable JavaScript. We'll add features to a running example by iteratively following a simple principle: write a unit test, make it pass. Each test will serve as a quality feedback loop, creating both a safety net and an executable form of documentation for anyone who wants to change the production code. By starting each feature with a simple failing test we ensure that all features are tested. We avoid the cost of rewriting code to test it later. This is particularly valuable given the fact that JavaScript developers have so much rope to hang themselves with – consider how much global mutable state there is between the DOM API and the language itself.

Comments

Tutorial: Object Oriented Javascript Demonstrated

Object Oriented Javascript Demonstrated by Stoyan Stefanov

This chapter walks you through:

* The primitive data types in JavaScript, such as strings and numbers
* Arrays
* Common operators, such as +, -, delete, and typeof
* Flow control statements, such as loops and if-else conditions

Comments

Article: A Web Developer’s Responsibility

A Web Developer's Responsibility by John Resig

Browser bugs are annoying, frustrating, and make your job incredibly difficult.

Because browser bugs are so frustrating and such a burden on top of normal development it should be the responsibility of every web developer to make sure that the browsers they develop for are able to find and fix their bugs. By taking responsibility for the bugs that you find – and to not assume that "someone else will find it" – will accelerate the rate at which browsers can improve.

Comments

Library: JS.Class – Ruby-style Javascript

JS.Class – Ruby-style Javascript by James Coglan

JS.Class is a library designed to facilitate object-oriented development in JavaScript. It implements Ruby’s core object, module and class system and some of its metaprogramming facilities, giving you a powerful base to build well-structured OO programs.

Comments

GWT-Ext – A Java-to-Javascript and AJAX GUI combo

GWT-Ext 2.0

GWT-Ext is a powerful widget library that provides rich widgets like Grid with sort, paging and filtering, Tree’s with Drag & Drop support, highly customizable ComboBoxes, Tab Panels, Menus & Toolbars, Dialogs, Forms and a lot more right out of the box with a powerful and easy to use API. It uses GWT and Ext.

Comments

Tutorial: Introduction to Ext 2.0

Tutorial:Introduction to Ext 2.0 by Brian Moeskau

This tutorial will walk through Ext basic concepts and how to get a dynamic page up and running quickly. It is assumed that the reader has some Javascript experience and a basic understanding of the HTML document object model (DOM).

More tutorials for Ext is here.

Comments