Ajax

Aug 16 09

Beginning ASP.NET AJAX Web Development Class

I created an AJAX ASP.NET class called AJAX Web Development with ASP.NET at LVSOnline.com. This fourth ASP.NET class in the series focuses on teaching students how the Ajax can be integrated within the ASP.NET framework.

Ajax (Asynchronous JavaScript and XML) isn’t a technology but rather a grouping of technologies. Ajax uses a communication technology (typically SOAP and XML) to send and receive an asynchronous request/response to the server, and then leverages presentation technologies (JavaScript, DOM, HTML, and CSS) to process the response.

Ajax lets you execute a server-side method through a JavaScript call, without requiring a browser refresh.

The class is only $30 and there are no other materials or software needed to purchase.

Topics covered:

Week 1: Ajax overview; partial rendering; Ajax Extension controls; Script Manager
Week 2: Update Panel; Handing client errors; Update Progress
Week 3: AJAX Control Toolkit
Week 4: JavaScript libraries: jQuery
Week 5: Timer, Web Services and JSON Overview
Week 6: AJAX ASP.NET Controls: Telerik

To give you an idea of how each lesson looks, here is the first lesson (.pdf).

When Does Class Start?

The class runs five times a year for six weeks in January, March, May, August and October. To learn more view the course description page and contact me to find out the exact date on when you can register.

Aug 7 09

AJAX 101 – part 2

Creating an object-oriented AJAX engine

Once there is an understanding of the AJAX engine the focus can be on the actual response and page display; this is where the real power lies. Since rewriting the engine for each project is tedious and time consuming, an object-oriented solution can be very useful. This kind of engine can be reused for all of your AJAX projects and scaled to meet different projects’ needs.

An object-oriented AJAX engine will also help you separate your interface code from your request data, which will enable you to reuse this engine in multiple projects. The AJAX engine is not difficult to construct once you understand the syntax for creating custom JavaScript objects. The first step is to create a constructor function, which will be the access point to the object.

function Ajax() {
	this.toString = function() {return "Ajax"; }
}

read more…

Jul 27 09

JavaScript Magazine – JsMag

Even with all the information on the web today, it can be difficult to find current information on JavaScript sometimes. There are a few good web magazines out there, but none truly focus solely on JavaScript related topics. I recently found an online magazine called JsMag.

JsMagThe magazine has some great information on topics such as Ajax, code optimization, mashups, jQuery, web application testing, event handling, EXT JS, OOP, and much more. Its unique content, focusing on mainly JavaScript related topics, keeps me continously learning new things in the JavaScript world. Talented developers write different articles each month so content is always new and comes from different perspectives.

The monthly issues (.pdf) are only $4.99 or you can purchase a years subscription as well. It definitely is worth the small investment if you are a JavaScript developer or interested in learning more intermediate to advanced JavaScript topics.

Jun 21 09

AJAX 101 – part 1

AJAX, an acronym for Asynchronous JavaScript and XML, is a group of technologies combines to accomplish powerful new forms of the web interactions. It’s composed of JavaScript, the XMLHTTPRequest object and XML, JSON, (X)HTML or even plain text.

Asynchronous means that you can make an HTTP request to a server and continue to process other data while waiting for the server’s response. For example, you can make requests to a server-side script to retrieve data from a database as XML, send data to a server-side script to be stored in a database or simple load a static XML file to populate pages of your web site without ever refreshing the page.

Behind the scenes data transfers are accomplished through the XMLHTTPRequest object, which is the heart of the AJAX engine, as it’s used to exchange data asynchronously with a server-side language, XML or other text format. It combines with the DOM (Document Object Model) to display the AJAX response data as (X)HTML and CSS.

The DOM is a language-independent interface that makes common web page elements accessible through scripting languages. This is extremely useful when working with dynamic data, such as an AJAX response, because it can be parsed by JavsScript and added to page elements on the fly without a browser refresh.
read more…