 |
|
|
|
|
|
Build a pureXML and JSON application, Part 3: Create OpenSocial gadgets for pureXML
With the Web 2.0 technology of OpenSocial gadgets, developers can easily
include their applications in popular Web sites, such as iGoogle, MySpace, Hi5,
LinkedIn, and others. In this article, explore OpenSocial gadgets through hands-on construction of an application that leverages the pureXML
capability of DB2. This article is the last in a series of three that illustrates how to build a
pureXML application whose user interface is a gadget that you can deploy in any OpenSocial compliant
Web site. Follow the steps in this article to build a user interface that stores and retrieves the
JSON data described in the first article through JSON Universal Services created in the second article.
|
|
Articles |
|
10 Nov 2009 |
|
| |
Using Apache Pivot to build an iTunes search client
Apache Pivot is an open source platform for building rich internet applications (RIAs) in a Java environment. It combines the enhanced productivity and usability features of a modern RIA toolkit with the robustness of the industry-standard Java platform. Apache Pivot applications take advantage of WTKX, an XML-based language for user interface design, which makes the application's output easy to visualize. In this tutorial, you will follow the implementation of a simple but practical Pivot application that allows a user to execute searches against the contents of the iTunes Store.
|
|
Tutorial |
|
13 Oct 2009 |
|
| |
Developing a Web 2.0 application using the InfoSphere Business Glossary REST API
IBM InfoSphere Business Glossary enables users to create, manage, and share an enterprise vocabulary and classification system.
In version 8.1.1, the Business Glossary team introduced a REST API that makes
glossary content easier to consume by enabling the development of custom applications based on particular needs.
This article provides step-by-step instructions on how to develop a portable, dynamic
read-write widget that uses the IBM InfoSphere
Business Glossary REST API in conjunction with various Web 2.0 technologies.
The widget enables users to find terms, examine the term's details, and make basic edits.
Our goal is for InfoSphere Business Glossary customers to
use the knowledge gained through building this sample widget as inspiration
for using the REST API to create their own custom applications.
This article is intended for software engineers who are familiar with Web 2.0
technologies and product designers who can apply the tools provided here to real world situations.
|
|
Articles |
|
10 Sep 2009 |
|
| |
Explore multithreaded programming in XUL
As you create cross-platform desktop applications using XUL, you also can
enhance your skills with JavaScript, CSS, and even HTML. XUL's cross-platform
capabilities are not a collection of least common denominator features. Instead,
XUL gives you the kind of power that you might expect from a desktop application
toolkit, including access to native threads. You can even access native threads
directly from JavaScript, writing code that executes in parallel. In this article,
you will examine the multithreading capabilities of XUL, and create an application
that uses multiple threads to retrieve data. You will take a classic IO-bound
application, one that accesses multiple remote data sources over the Internet, and
speed it up through multiple threads in XUL. The application will allow users to
view and compare anonymous results of three popular search engines: Google,
Yahoo, and Bing from Microsoft(R).
|
|
Articles |
|
01 Sep 2009 |
|
| |
Feed your site with RSS and Atom
For modern Web 2.0 sites, the ability to mash up information from
different sources is a plus. You can use Google Web Toolkit (GWT) to get and
process XML-based news feeds such as RSS and the more modern Atom Syndication
Format. In this article, explore methods to access any appropriate feed -- despite
same-origin policy (SOP) limitations -- and to process the incoming XML
data.
|
|
Articles |
|
14 Jul 2009 |
|
| |
Advanced jQuery
jQuery makes writing a good JavaScript-based Web application easy and
straightforward, but there are a few extra steps required to turn your good Web
application into a great Web app. This article details some of
the steps to give your Web application the final layer of polish.
|
|
Articles |
|
14 Jul 2009 |
|
| |
Comment lines by Kevin Haverlock: A closer look at the WebSphere Application Server Feature Pack for Web 2.0
The same technology used by IBM to create dynamic Ajax style applications is
available to you through the IBM WebSphere Application Server Feature Pack for Web
2.0. Learn how some of these key features can have a big impact on your Web
applications.
|
|
Articles |
|
24 Jun 2009 |
|
| |
Intermediate jQuery
jQuery is a great JavaScript library, but what about its performance? Is
the trade-off between ease of use and a performance hit on the Web page worth it?
Is there even a performance hit at all? This article answers your
jQuery performance questions and offers some tips to improve its performance in
your own applications.
|
|
Articles |
|
16 Jun 2009 |
|
| |
JavaScript EE, Part 3: Use Java scripting API with JSP
In the previous two parts of this series, you've seen how to run JavaScript
files on the server and how to call remote JavaScript functions with Ajax. This
article explains how to use server-side JavaScript code with the JavaServer Pages
(JSP) technology and how to build Asynchronous JavaScript and XML (Ajax) user
interfaces that remain functional when JavaScript is disabled in the Web browser.
The sample code consists of a small JSP tag library that you can reuse in your own
applications as well as a dynamic Web form, which is generated with a piece of JavaScript code that can be executed on the Web server or in the Web browser.
|
|
Articles |
|
02 Jun 2009 |
|
| |
Developing with Comet and Java
Explore the different implementations of
developing with Comet. See how popular Java Web servers like Jetty
and Tomcat have enabled Comet applications, and learn how to program with each server.
And finally, learn about the standardization proposals for Comet in
Java that are part of the upcoming Servlet 3.0 and JavaEE 6
specifications.
|
|
Articles |
|
26 May 2009 |
|
| |
Building Ajax-enabled JSP TagLib controls, Part 3: Update panel and popup dialog box controls
Build Asynchronous JavaScript + XML (Ajax) controls that can be used in
business-line applications. These configurable JavaServer Pages (JSP)
TagLib-based controls leverage JavaScript Object Notation (JSON),
JavaScript scripting language, and Cascading Style Sheets (CSS). Because they
are standard JSP TagLib controls, find out how you can easily drop them into any application to provide more intuitive and responsive user interfaces.
|
|
Articles |
|
07 Apr 2009 |
|
| |
JavaScript EE, Part 2: Call remote JavaScript functions with Ajax
In Part 1 of this series, you learned how to use the javax.script API in
Asynchronous JavaScript and XML (Ajax) and Java Platform, Enterprise Edition (Java EE) applications and how to build a Java servlet that lets you run server-side JavaScript files. This article shows how to implement a Remote Procedure Call (RPC) mechanism for Web applications that use JavaScript on both servers and clients. You'll also learn several interesting techniques, such as implementing Java interfaces with JavaScript, building an XMLHttpRequest wrapper, making Ajax debugging easier, and using JSP tag files to generate JavaScript code.
|
|
Articles |
|
31 Mar 2009 |
|
| |
Rich Internet Applications with Grails, Part 2: Grails and the Google Web Toolkit
In this second part of a two-part
series, add to the Grails-powered Web services you created in Part 1. You will create a new search page, but this time using the Google Web Toolkit (GWT)
to create the application. You will also use some richer UI widgets from the Ext GWT library.
|
|
Articles |
|
10 Mar 2009 |
|
| |
Functional testing for Web applications
If you are entering into the cloud, testing becomes even more critical for your applications to be reliable. Learn to master automated, functional testing using the open source tools, Selenium, Windmill, and twill. The techniques covered in this article work on Google App Engine, blogging software, or your own home grown application.
|
|
Articles |
|
10 Mar 2009 |
|
| |
Using E4X on the server-side with Jaxer
The ECMAScript for XML (E4X) standard gives JavaScript developers a powerful API to work with XML. As it is not supported in Internet Explorer, you might not get to use it often. That is not an issue if you use JavaScript on the server with Jaxer. In this article, you see how JavaScript and E4X make it easy to work with XML on the server. Combine this key ingredient with Jaxer to create Ajax applications using nothing but JavaScript.
|
|
Articles |
|
03 Mar 2009 |
|
| |
Rich Internet Applications with Grails, Part 1: Build a Web application using Grails and Flex
Rich Internet Applications (RIAs) promise the dynamism and functionality of
desktop applications through the browser. One of the key characteristics is
moving your presentation layer to the client and backing it with a robust
RESTful service layer on the server. This idea is being popularized with
buzzwords like SOUI (Service Oriented User Interface) and SOFEA (Service
Oriented Front End Architecture). In this article, the first of a two-part series, you
will see how simple it is to create a Web service back end using Groovy's
Grails Web application framework, and you will hook it up to an RIA developed
with Adobe's Flex framework.
|
|
Articles |
|
24 Feb 2009 |
|
| |
Creating mashups with JavaFX
Are you a Java developer who wants to leverage the open Web to create
Rich Internet Applications (RIAs)? You are in luck. Now JavaFX empowers
developers to leverage the Java platform to create RIAs. In this article,
learn
how you can use JavaFX to create mashups. See how
JavaFX lets you tap into popular Web services such as Flickr and how you can
use it to create interactive user interfaces. Along the way, get a
taste of the new capabilities that JavaFX brings to client-side
development.
|
|
Articles |
|
10 Feb 2009 |
|
| |
Combine JSF with Dojo widgets to create a better user experience
As a mature Web framework, JavaServer Faces (JSF) provides end-to-end
lifecycle management and a rich component model with complete event handling and
data binding. Dojo is a popular Asynchronous JavaScript + XML (Ajax) library
that provides rich widgets and
fancy effects for Web2.0 applications. By leveraging JSF and Dojo
technologies, you can create a better user experience by using JSF integrated
features on the server side
and Dojo user interfaces on the client side. This article explains this
process and describes how you can easily build Web applications to give your
users a better experience.
|
|
Articles |
|
03 Feb 2009 |
|
| |
Speed up your Web pages
Do you want faster-loading Web pages? Learn how you can make the
browsing experience better for dial-up users by reducing loading times by as
much as 80 percent, in some cases.
|
|
Articles |
|
27 Jan 2009 |
|
| |
JavaScript EE, Part 1: Run JavaScript files on the server side
Combine JavaScript with Java code on the server to get the freedom to use the
same JavaScript routines on both servers and clients. In addition, the
techniques presented throughout this series will allow you to maintain a
single code base for both Ajax and non-Ajax clients. Because much of the
server-side code would still be written in the Java language, you'll find it
necessary to expose the Java Platform, Enterprise Edition (Java EE) features to JavaScript. In this series, learn
how to run JavaScript files on the server side, call remote JavaScript
functions with Ajax, and use the Java Scripting API with the JavaServer Pages
(JSP) technology.
|
|
Articles |
|
16 Dec 2008 |
|
| |
Writing a custom Dojo application
Learn the tips, techniques, and pitfalls when developing Web 2.0 and Dojo
applications. Wendi Nusbickel and Melissa Betancourt have worked on the Dojo application documented in this article for over
a year. Having recently completed the development of a Web 2.0 Dojo prototype,
they share the experience they gained when creating a custom Dojo application.
|
|
Articles |
|
09 Dec 2008 |
|
| |
An introduction to XML User Interface Language (XUL) development
XUL is a tried and true application framework. In fact, the recently released Firefox 3.0 is not only built using XUL, but provides a XUL runtime environment that enables any Firefox user to run other XUL applications. In this tutorial, you start to program in XUL and learn about some tools to help you develop XUL apps. Build a XUL-based blog editor as you enhance your Web development skills to build desktop apps with XUL.
|
|
Tutorials |
|
04 Nov 2008 |
|
| |
Build a stylish image gallery using Lightbox 2 and JavaScript
The Web has increasingly become a medium for showing off art. From candid snapshots
taken by an amateur photographer to professional art galleries, Web pages are primary vehicles
for displaying images. But a beautiful image is hindered--or aided--by its frame. Using a
simple JavaScript library, you can "frame" your online images beautifully and provide an
intuitive user interface along the way.
|
|
Articles |
|
28 Oct 2008 |
|
| |
Unit testing Web 2.0 applications using the Dojo Objective Harness
Unit testing is an important part of quality software development, particularly
in the agile and extreme programming development methodology. Traditionally, automated
unit testing of Web 2.0 client-side user interfaces was difficult and often not
attempted. However, Dojo provides a unit testing harness that lets you evaluate both
JavaScript functionality and the visualization of the user interface. This results in
a thoroughly tested user interface that will ultimately contain significantly fewer
bugs. This article demonstrates the main features of the Dojo Objective Harness
(DOH) and describes its superior capabilities compared with other test harnesses for Web 2.0 applications.
|
|
Articles |
|
21 Oct 2008 |
|
| |
High-performance Ajax with Tomcat Advanced I/O
Using Non-Blocking I/O (NIO) improves server performance drastically because of its
efficient use of system resources (threads). The gain in performance is noticeable in Asynchronous
JavaScript + XML (Ajax)
applications with long polling mechanisms. It also lets you control system-resource usage on a
server under pressure. This article explains how to optimize your server for
performance during the handling of both Ajax and regular requests.
|
|
Articles |
|
30 Sep 2008 |
|
| |
Working with jQuery, Part 2: Building tomorrow's Web applications today
This second article in the jQuery series looks at how to add more
interaction to any Web site to create a dynamic Rich Internet Application. Learn
how jQuery utilizes a combination of events produced by user interaction,
information gathered from the Web site itself, and the ability to change the look and feel of the application without reloading to create these RIAs quickly and easily.
|
|
Articles |
|
23 Sep 2008 |
|
| |
Overlay data on maps using XSLT, KML, and the Google Maps API, Part 2: Transform and use the data
In this two-part article series, you'll develop an application for a real
estate brokerage to display all available apartment listings as clickable
Placemarks on Google Maps. In Part 1, you created the first half of the
application that collects the apartment listing information from the user, uses
the Google Geocoder Web service to turn the street address into its geographical
coordinates (longitude and latitude), and stores the coordinates in the database
along with the address information. In Part 2, you will use this data to produce a
KML overlay document and display it in Google Maps and Google Earth. First, you'll use stored procedures to produce XML from MySQL. Then with XSLT and a technique called Muenchian grouping, you'll transform the XML data into a KML document containing the overlay information -- one Placemark for each apartment building. The pop-up balloon for each Placemark displays the available apartment listings in that building. Finally, you'll use the Google Maps API to display the KML overlay in a Google Map embedded within your own Web site.
|
|
Articles |
|
09 Sep 2008 |
|
| |
Building Ajax-enabled auto-complete and cascading drop-down controls
Build Asynchronous JavaScript + XML (Ajax) controls that can be used in
business-line applications. These configurable JSP TagLib-based controls leverage
JavaScript Object Notation (JSON), JavaScript, and CSS. Because they are standard JSP TagLib controls, find out
how you can easily drop them into any application to provide more intuitive and responsive user interfaces.
|
|
Articles |
|
09 Sep 2008 |
|
| |
Working with jQuery, Part 1: Bringing desktop applications to the browser
jQuery is emerging as the JavaScript library of choice for developers looking
to ease their creation of dynamic Rich Internet Applications. As browser-based
applications continue to replace desktop applications, the use of these libraries will
only continue to grow. Get to know jQuery in this series of articles and learn how
you can implement it in your own Web application projects.
|
|
Articles |
|
09 Sep 2008 |
|
| |
Overlay data on maps using XSLT, KML, and the Google Maps API, Part 1: Tap into the Google Geocoder Web service
Explore the Google Geocoder Web service that takes a street address and
returns data about that address including its longitude and latitude. In this two-part article series, you will combine it with the Google Maps API and XSLT to create data overlays for display in Google Maps and Google Earth. You will create an example application for a real-estate brokerage that lets a broker enter listings for apartments through an HTML form, uses Google's Geocoder Web service to translate those addresses into longitudes and latitude, and then creates KML overlays from the database of apartment listings. In Part 1, you build the first half of the application to collect the apartment listing information from the user, uses the Google Geocoder Web service to turn the street address into its geographical coordinates (longitude and latitude), and stores those coordinates in the database along with the address information.
|
|
Articles |
|
02 Sep 2008 |
|
| |
Build Ajax applications using the first real Ajax server: Aptana
Jaxer
Get acquainted with Jaxer, the first true Asynchronous JavaScript + XML (Ajax)
server. Jaxer makes it possible to execute JavaScript code, Document Object Model (DOM), and HTML on
the server side as well as giving you the ability to access server-side functions
asynchronously from the client side. This article describes the features of Jaxer and
shows the great potential that Jaxer has to offer, even in its infancy.
|
|
Articles |
|
26 Aug 2008 |
|
| |
Ajax and Java development made simpler, Part 3: Build UI features based on DOM, JavaScript, and JSP tag files
In the first part of this series, you saw how to generate JavaScript code for sending Ajax requests and processing Ajax responses. The second part showed how to create HTML forms, using conventions and JSP tag files to minimize setup and configuration. In this third part of the series, you'll learn how to develop client-side validators based on JavaScript as well as server-side validators, which are implemented as JSP tag files backing up their JavaScript counterparts. You'll also learn how to use resource-bundles that are reloaded automatically when changed, without requiring the restart of the application.
|
|
Articles |
|
22 Jul 2008 |
|
| |
Integrating Flex into Ajax applications
Traditional Ajax development continues to be the leading method for producing rich
Internet applications (RIAs). However, the popularity of Adobe Flex cannot be ignored.
This article introduces the Adobe Flex Ajax Bridge (FABridge), a code library that enables
an easy and consistent method for integrating Ajax and Flex content. By the end of this
article, you'll be able to take advantage of the rich features available through Flash
assets.
|
|
Articles |
|
15 Jul 2008 |
|
| |
Build Ajax applications with Ext JS
Ext JS is a powerful JavaScript library that simplifies Asynchronous JavaScript
+ XML (Ajax) development through the
use of reusable objects and widgets. This article introduces Ext JS, providing an overview
of the object-oriented JavaScript design concepts behind it, and shows how to use the Ext
JS framework for rich Internet application UI elements.
|
|
Articles |
|
01 Jul 2008 |
|
| |
Comment lines: Scott Johnson: Lazily loading your Dojo Dijit tree widget can improve
performance
Populating a tree widget's nodes lazily, rather than all up front, will
render the tree more quickly and enable it to perform better. This real-world
example shows how you can use REST calls to lazily load JSON data for populating a
Dojo Dijit tree widget.
|
|
Articles |
|
14 May 2008 |
|
| |
Inheriting Web sites, Part 2: Optimizing your Web site
After you've made a Web site easily maintainable (see Part 1), issues
of speed, accessibility, and organization become key. Learn how to analyze
your site's pages and improve their efficiency and
layout.
|
|
Articles |
|
08 Apr 2008 |
|
| |
XML processing in Ajax, Part 3: JSON and avoiding proxies
Ajax-style server calls don't necessarily require XMLHttp requests. This last installment of the series uses a public Web service, JavaScript Object Notation (JSON), and dynamic script tags in a final approach to the weather badge project.
|
|
Articles |
|
18 Mar 2008 |
|
| |
Ajax and XML: Ajax for tables
One strong suit of Asynchronous JavaScript + XML (Ajax) is presenting data from the server to users in a dynamic fashion. Discover several techniques that use Ajax for dynamic data display using tables, tabs, and gliders.
|
|
Articles |
|
11 Mar 2008 |
|
| |
Must-have tools for HTML, JavaScript and AJAX development and debugging
Use the best open source tools to work with Web pages, scripts, and styles, and make development of new sites and pages easy. Inspect and modify HTML markup, CSS, and JavaScript on the fly, inspect the DOM and client-server communications, and learn how bookmarklets can make development safer and easier.
|
|
Articles |
|
11 Mar 2008 |
|
| |
Mastering Grails: Changing the view with Groovy Server Pages
Groovy Server Pages (GSP) puts the "Web" in the Grails Web
framework. In the third installment of his
Mastering Grails
series, Scott Davis shows you the ins and outs of working with GSP. See how easy it
is to use Grails TagLibs, mix together partial fragments of GSPs, and customize the
default templates for the automatically generated (scaffolded) views.
|
|
Articles |
|
11 Mar 2008 |
|
| |
XML processing in Ajax, Part 2: Two Ajax and XSLT approaches
In Part 2 of this series, Mark Pruett presents two more approaches to the
Asynchronous JavaScript + XML (Ajax) weather badge. Both approaches use Extensible
Stylesheet Language Transformation (XSLT) transformations -- one on the server side and the other in the browser.
|
|
Articles |
|
11 Mar 2008 |
|
| |
XML processing in Ajax, Part 1: Four approaches
Any programming problem can be solved in multiple right ways. This series looks at four approaches for creating
an Asynchronous JavaScript + XML (Ajax) weather badge, a small reusable widget that's
easily embedded on any Web page. This first article lays the foundation and examines the
first approach -- walking the DOM tree.
|
|
Articles |
|
04 Mar 2008 |
|
| |
Ajax overhaul, Part 1: Retrofit existing sites with Ajax and jQuery
This first article in a series on overhauling existing sites with
Asynchronous JavaScript + XML (Ajax) shows you how to eliminate pop-up windows and
navigational dead-ends with simple modal windows.
|
|
Articles |
|
04 Mar 2008 |
|
| |
Create an Ajax mindreader application with E4X and Prototype, Part 2: Make the mindreader smarter
In this two-part article series, you learn to use both ECMAScript for XML
(E4X) and the Prototype JavaScript library to create a simple Ajax mindreader
application that plays Twenty Questions and learns about new objects as it goes
along. In Part 1, you learned to create a system that takes an existing
knowledge base and analyzes it to determine what the user might be thinking. Now in
Part 2, you'll learn to add new information to the knowledge base, and to use the
Prototype JavaScript library to integrate the Twenty Questions application with an
external database so training by one user is usable by others who play the game.
|
|
Articles |
|
19 Feb 2008 |
|
| |
Create an Ajax mindreader application with E4X and Prototype, Part 1: Build the Twenty Questions infrastructure
XML seems like a natural format for passing Ajax data. However, to work with
XML in JavaScript using the Document Object Model (DOM) is not always the best way to handle this kind of
data. This has given rise to other choices, such as JSON, which provide a more
object-like feel for developers. Now ECMAScript for XML (E4X) combines many of the
best features of the DOM with extremely easy data binding to provide a more
straightforward way to deal with XML in the browser. In this two-part article
series, you'll learn to use both E4X and the Prototype JavaScript library to create
a simple Ajax mindreader application that plays Twenty Questions and learns about new objects as it goes along. Part 1 shows you how to create a system that takes an existing knowledge base and analyzes it to determine what the user may be thinking.
|
|
Articles |
|
12 Feb 2008 |
|
| |
Ajax and XML: Ajax for forms
Augmenting your HTML forms with Ajax callbacks to the server is a practical way to
add Web 2.0 functionality to your application. Discover a variety of techniques to add
Ajax code and enhance the user experience for PHP applications.
|
|
Articles |
|
22 Jan 2008 |
|
| |
Generate URIs and IRIs from Templates
The Universal Resource Identifier (URI) Template specification provides a mechanism that can be used
to describe how to construct URIs for a broad variety of
applications. This article introduces you to basic URI Template syntax and shows you how
a template is expanded into a URI. View an illustration of the use of
two URI Template implementations for JavaScript and Java language programs and learn about
concepts related to the production of Internationalized Resource Identifiers (IRIs).
|
|
Articles |
|
22 Jan 2008 |
|
| |
Convert Atom documents to JSON
Converting an Atom document to JSON might, at first, appear to be a fairly
straightforward task. Atom is, after all, just a bit of XML and XML-to-JSON
conversion tools are widely available. However, the Atom format is more than just
a set of XML elements and attributes. A number of subtle details can make proper
handling of Atom difficult. This article describes those issues and demonstrates a
mechanism implemented by the Apache Abdera project to convert Atom documents into
JSON and produces a result that is readable, usable, and complete.
|
|
Articles |
|
08 Jan 2008 |
|
| |
Tip: Make the best use of asynchronous callbacks
It takes some finesse to make the best use of asynchronous callbacks for
Ajax data sources in JavaScript applications. This tip discusses
why you should use asynchronous callbacks for Ajax data sources and
gives examples of coordinating the readiness of mutually dependent
application data sources that may become ready at undefined times
with asynchronous calls.
|
|
Articles |
|
11 Dec 2007 |
|
| |
Ajax and XML: Ajax for chat
Learn to build a chat system into your Web application with Asynchronous
JavaScript + XML (Ajax) and PHP. Your customers can talk to you and to each other about
the content of the site without having to download or install any special instant-messaging software.
|
|
Articles |
|
04 Dec 2007 |
|
| |
Browser extensions using XUL, Part 2: Assemble a cross-platform Firefox extension
XUL is a surprisingly easy way to build cross-platform browser
extensions or even stand-alone applications. Discover how to build powerful,
flexible Mozilla browser extensions that go beyond the capabilities of
other tools like embedded scripting languages or CGI -- because they're
built right into the user's browser.
|
|
Articles |
|
16 Oct 2007 |
|
| |
Browser extensions using XUL, Part 1: Create a Firefox browser extension with user-interface features
Create extensions that go beyond the built-in capabilities of
Web browsers. The Mozilla project's XUL engine is a user-interface
language that you can use to extend Mozilla browsers, or to build
stand-alone applications. XUL is a surprisingly easy way to build
cross-platform browser extensions, and this pair of articles demonstrates
how.
|
|
Articles |
|
02 Oct 2007 |
|
| |
Ajax and XML: Ajax for lightboxes
In a world where everything is designed to amaze and distract, it's awfully difficult
to get a user's attention. Learn how to use new techniques such as lightboxes, pop-ups,
windows, and fading messages with your Ajax tools to get your users' eyes on your content.
|
|
Articles |
|
25 Sep 2007 |
|
| |
Real Web 2.0: Quick and dirty Web applications with bookmarklets
Web 2.0 is well known
for the fact that it's not built on breathtaking new inventions, but rather on renewed
emphasis on age-old Web technologies. One of those age-old technologies that is
enjoying a revival in Web 2.0 is bookmarklets. A bookmarklet is essentially a Web
application shoehorned into a regular browser bookmark. This article includes a fully functioning bookmarklet and installation instructions you can use to highlight text on any Web page and search IBM developerWorks for that text.
|
|
Articles |
|
07 Aug 2007 |
|
| |
Ajax and XML: Ajax for ratings and comments
In the age of the people-powered Web, allowing your readers to rate and
review content on your site is critical. Discover just how easy it is to add rating
and commenting features to a site with Ajax.
|
|
Articles |
|
24 Jul 2007 |
|
| |
Get to know JsonML
The rise of JavaScript Object Notation (JSON) has gone hand-in-hand with the rise of Asynchronous JavaScript + XML (Ajax). JSON is useful because it enables you to easily transmit data that can be turned back into a JavaScript object, but it still requires custom scripting to deal with that object. JsonML is an extension of JSON that enables you to map XML data using JSON type markup, and this in turn enables you to easily create XML or XHTML data based on JSON markup and to build and exchange user interface (UI) elements. This article shows you how to make use of this handy tool.
|
|
Articles |
|
03 Jul 2007 |
|
| |
Real world Rails, Part 2: Advanced page caching
Normally, user-related content defeats page caching because the content for each user is subtly different. Using JavaScript
with cookies, you can use page caching even when you're displaying some
custom user data. This article explores advanced page caching in Ruby on
Rails.
|
|
Articles |
|
26 Jun 2007 |
|
| |
Overcome security threats for Ajax applications
Asynchronous JavaScript + XML (Ajax), a key technology in Web 2.0, allows user interaction with Web pages to be decoupled from the Web browser's communication with the server. In particular, Ajax drives mashups, which integrate multiple contents or services into a single user experience. However, Ajax and mashup technology introduce new types of threats because of their dynamic and multidomain nature. Learn about the threats associated with Ajax technologies, and discover some best practices to avoid them.
|
|
Articles |
|
19 Jun 2007 |
|
| |
The W3C Multimodal Architecture, Part 3: A multimodal Web service
Gerald McCobb concludes his introduction to the W3C
Multimodal Architecture by showing you how to use the architecture as a generic template for developing a multimodal Web service.
|
|
Articles |
|
12 Jun 2007 |
|
| |
Memory leak patterns in JavaScript
Plugging memory leaks in JavaScript is easy enough when
you know what causes them. In this article authors Kiran Sundar and
Abhijeet Bhattacharya walk you through the basics of circular references in
JavaScript and explain why they can cause problems in certain browsers,
especially when combined with closures. After seeing some of the
common memory leak patterns you should watch out for, you'll learn a variety of easy ways to work around them.
|
|
Articles |
|
24 Apr 2007 |
|
| |
Simplify Ajax development with jQuery
jQuery is a JavaScript library that helps simplify your JavaScript and Asynchronous JavaScript + XML (Ajax) programming. Unlike similar JavaScript libraries, jQuery has a unique philosophy that allows you to express common complex code succinctly. Learn about the jQuery philosophy, discover its features and functions, perform some common Ajax tasks, and find out how to extend jQuery with plug-ins.
|
|
Articles |
|
10 Apr 2007 |
|
| |
Ajax RSS reader
Learn how to build an Asynchronous JavaScript and XML (Ajax) Really Simple Syndication (RSS) reader, as well as a Web component that you can place on any Web site to look at the articles in the RSS feeds.
|
|
Articles |
|
03 Apr 2007 |
|
| |
Shaping the future of secure Ajax mashups
Current Web browsers weren't designed to easily and securely get content from multiple sources into one page. Discover how developers have stretched the available tools to fit the task and how doing so has put strain on the resulting applications with respect to security and scalability. Also, learn about several browser improvements being proposed to remedy the situation and how to become part of the conversation that will bring Web development beyond this hurdle to a new level of interoperability.
|
|
Articles |
|
03 Apr 2007 |
|
| |
Ajax and XML: Five Ajax anti-patterns
You can learn a lot about how to do things correctly by understanding how things are done incorrectly. Certainly, there's a right way and a wrong way to write Asynchronous JavaScript + XML (Ajax) applications. This article discusses some common coding practices you will want to avoid.
|
|
Articles |
|
20 Mar 2007 |
|
| |
Finite state machines in JavaScript, Part 3: Test the widget
In this series you learn how to use a finite state machine to methodically design complex behavior for a simple Web widget -- an animated tooltip that fades into and out of view. The resulting code is compact and concise, its logic is transparent, and its animation performs smoothly even on heavily loaded processors. In this article, learn how to deal with practical issues to make the implementation work in all popular Web browsers, and wrap things up. Part 1 showed how to use a finite state machine to methodically design complex behavior for a simple Web widget. Part 2 described how to implement that behavior in JavaScript, and take full advantage of its distinctive language features, including associative arrays and function closures.
|
|
Articles |
|
13 Mar 2007 |
|
| |
Ajax and XML: Five common Ajax patterns
Asynchronous JavaScript + XML (Ajax) was certainly the technology buzzword of 2006 and looks to do just as well or better in 2007. But what does it really mean for your application? And which common architectural patterns are used widely in Ajax applications? Discover five common Ajax design patterns that you can use as a basis for your own work.
|
|
Articles |
|
06 Mar 2007 |
|
| |
Flip for Flapjax
Meet Flapjax -- a new programming language with an old syntax based on standard JavaScript. With Flapjax you can easily program data sharing, interfaces to external Web services, persistence, and end-user responsiveness in Web applications.
|
|
Tutorials |
|
20 Feb 2007 |
|
| |
Develop HTML widgets with Dojo
Learn the basics of developing HTML widgets using Dojo; including how to refer an image, how to add an event handler to an HTML page, and how to handle composite widgets. Also, discover some important differences between plain old JavaScript-style coding versus Dojo, and get tips for handling complex issues inherent in Web application development.
|
|
Tutorials |
|
14 Feb 2007 |
|
| |
Finite state machines in JavaScript, Part 2: Implement a widget
Part 1 of this series illustrated how to use a finite state machine to methodically design complex behavior for a simple Web widget -- an animated tooltip that fades into and out of view. In this article, you learn to implement that behavior in JavaScript and take full advantage of its distinctive language features, including associative arrays and function closures. The resulting code is compact and concise, its logic is transparent, and its animation performs smoothly even on heavily loaded processors. Part 3 will cover the practical issues of making the implementation work in all popular Web browsers.
|
|
Articles |
|
13 Feb 2007 |
|
| |
Mastering Ajax, Part 9: Using the Google Ajax Search API
Making asynchronous requests isn't just about talking to your own server-side programs. You can also communicate with public APIs like those from Google or Amazon, and add more functionality to your Web applications than just what your own scripts and server-side programs provide. In this article, Brett McLaughlin teaches you how to make and receive requests and responses from public APIs like those supplied by Google.
|
|
Articles |
|
23 Jan 2007 |
|
| |
Ajax and XML: Five cool Ajax widgets
With the Web 2.0 wave came a whole new emphasis on the user experience. Part of that experience is the development novel ways to interact with and present information to users. Often, these new interfaces are called widgets and use Asynchronous JavaScript + XML (Ajax) to communicate with the server. Discover five widgets that you can use to enhance the interactivity of your site.
|
|
Articles |
|
16 Jan 2007 |
|
| |
Create data set navigation with the Rico LiveGrid widget
With the Rico LiveGrid widget, easily add Ajax-style navigation to your Web applications in this article by software engineer Nikhil Parekh.
|
|
Articles |
|
16 Jan 2007 |
|
| |
Finite state machines in JavaScript, Part 1: Design a widget
Finite state machines were long used as an organizing principle for designing and implementing complex behavior in event-driven programs, such as network adapters and compilers. Now, programmable Web browsers open a new event-driven environment to a new generation of applications. Browser-based applications, popularized by Ajax, are becoming more complex. Designers and implementers benefit from the discipline and structure that finite state machines offer. In this article you, learn how to use a finite state machine to design complex behavior for a simple Web widget -- an animated tooltip that fades into and out of view.
|
|
Articles |
|
09 Jan 2007 |
|
| |
Crossing borders: JavaScript's language features
JavaScript is often ridiculed as the black sheep of programming languages. The development tools, a complicated and inconsistent document object model for HTML pages, and inconsistent implementation in browsers contributes to that sentiment. But JavaScript is much more than a toy. In this article, Bruce Tate explores JavaScript's language features.
|
|
Articles |
|
19 Dec 2006 |
|
| |
Build a shopping cart application using XForms
This tutorial focuses on key aspects of the W3C XForms 1.0 standard to produce a fully functional Web-based shopping cart. With this approach, the reader will get a good start at creating real-world applications with XForms, without having to learn the entire XForms specification.
|
|
Tutorials |
|
12 Dec 2006 |
|
| |
Improve the usability of Web applications with type-ahead input fields using JSF, AJAX, and Web services in Rational Application Developer V7
Type-ahead input fields (also known as suggest or autocomplete) are programmed to guess what the user is typing and provide suggestions for the user to choose from. Rational Application Developer version 7.0 provides JSF components and AJAX functionality that make creating such fields fast and easy.
|
|
Articles |
|
05 Dec 2006 |
|
| |
Adapt Web applications to work with multiple browsers
Web pages perform differently on different browsers or on browsers with different settings. Learn some useful tips to help you make your Web applications more adaptable to all environments.
|
|
Articles |
|
21 Nov 2006 |
|
| |
XML Matters: MochiKit
MochiKit is a useful and high-level library for JavaScript. MochiKit takes its main inspiration from Python, and from the many conveniences the Python standard library offers; but on the side it also smooths over the inconsistencies among browser versions. MochiKit.DOM is a particularly handy component that lets you work with DOM objects in much friendlier ways than raw"JavaScript provides. A lot of MochiKit.DOM is customized for XHTML work, which possibly makes its use of XHTML wrapped microformats particularly convenient when combining MochiKit and Ajax.
|
|
Articles |
|
21 Nov 2006 |
|
| |
Mastering Ajax, Part 8: Using XML in requests and responses
In the last article of the series,you saw how your Ajax apps can format requests to a server in XML. You also saw why, in most cases, that isn't a good idea. This article focuses on something that often is a good idea: returning XML responses to a client.
|
|
Articles |
|
07 Nov 2006 |
|
| |
Cache in with JSON
Data validation is one of the most challenging and ever-changing parts of any enterprise Web application. Quite often validation metadata leaves JavaScript modules littered with server-side code. In this article, you'll learn an elegant way to cache metadata on the client side with the help of server code, which provides JSON-formatted (JavaScript Object Notation) stringified metadata. This approach also enables you to handle multivalue and multigroup attributes in a manner similar to Ajax.
|
|
Articles |
|
01 Nov 2006 |
|
| |
Developing a Web 2.0 client for IBM Lotus Domino
Create a Web 2.0-style, thin Web client for Lotus Domino using HTML and JavaScript. Building on the previous articles about the IBM Lotus Domino XML (DXL) framework, this article shows you how to extend your Notes/Domino applications with Ajax.
|
|
Articles |
|
31 Oct 2006 |
|
| |
Real Web 2.0: Bookmarks? Tagging? Delicious!
In this article, you'll learn how to work with del.icio.us, one of the classic Web 2.0 sites, using Web XML feeds and JSON, in Python and ECMAScript. When you think of Web 2.0 technology, you might think of the latest Ajax tricks, but that is just a small part of the picture. More fundamental concerns are open data, simple APIs, and features that encourage users to form social networks. These are also what make Web 2.0 a compelling problem for Web architects. This column will look more than skin deep at important real-world Web 2.0 sites and demonstrate how Web architects can incorporate the best from the Web into their own Web sites.
|
|
Articles |
|
26 Oct 2006 |
|
| |
Mastering Ajax, Part 7: Using XML in requests and responses
Brett McLaughlin demonstrates how you can use XML as the data format for sending asynchronous requests.
|
|
Articles |
|
10 Oct 2006 |
|
| |
Generate JSON from XML to use with Ajax
The use of JavaScript code to add interactivity to your data-driven Web applications is hot nowadays. If you can encode your data as JavaScript Object Notation (JSON), you'll simplify its use with the JavaScript language. Discover different approaches that use XSLT V2 to generate JSON from XML data.
|
|
Articles |
|
12 Sep 2006 |
|
| |
Mastering Ajax, Part 6: Build DOM-based Web applications
Continue to explore how DOM programming fits into interactive Ajax applications as Brett McLaughlin completes his trilogy of articles on DOM programming with a DOM application in practice.
|
|
Articles |
|
12 Sep 2006 |
|
| |
XML in Firefox 1.5, Part 3: JavaScript meets XML in Firefox
In this third article of the XML in Firefox 1.5 series, you learn to manipulate XML with the JavaScript implementation in Mozilla Firefox. In the first two articles, you learned about the different XML-related facilities in Firefox, and the basics of XML parsing, Cascading Style Sheets (CSS), and XSLT stylesheet invocation.
|
|
Articles |
|
01 Aug 2006 |
|
| |
Use functional programming techniques to write elegant JavaScript
Functional, or declarative, programming is a very powerful programming method and is gaining popularity in the software industry. This article introduces some of the relevant functional programming concepts, and provides examples to use those concepts effectively. The author explains how to write elegant code with JavaScript(TM), which can import constructs and features from functional programming.
|
|
Articles |
|
13 Jun 2006 |
|
| |
The cranky user: Flash and substance
Why use tools like JavaScript, Shockwave, and Flash for harm when you can use them for good? Get a user's perspective on where Flash belongs on your Web pages, and where it doesn't.
|
|
Articles |
|
06 Jun 2006 |
|
| |
The Ajax transport method
Discover three Ajax data transport mechanisms (XMLHttp, script tags, and frames or iframes) and their relative strengths and weaknesses. This tutorial provides code for both the server side and the client side and explains it in detail to provide the techniques you need to put efficient Ajax controls anywhere you need them.
|
|
Tutorials |
|
06 Jun 2006 |
|
| |
Stick to the ECMAscript
To entice developers to create sites that render best in their specific browsers, vendors have fueled a compatibility war using scripting languages as their weapons of choice while users get caught in the middle with slow-loading Web pages and potential security holes. As the market drives such (unhealthy) competition, it's clear that it's time for better standardization. See what you can do to stay on neutral territory until that day comes.
|
|
Articles |
|
30 May 2006 |
|
| |
Mastering Ajax, Part 5: Manipulate the DOM
Last month Brett introduced the Document Object Model, whose elements work behind the scenes to define your Web pages. This month he dives even deeper into the DOM. Learn how to create, remove, and change the parts of a DOM tree, and take the next step toward updating your Web pages on the fly!
|
|
Articles |
|
11 Apr 2006 |
|
| |
Mastering Ajax, Part 4: Exploiting DOM for Web response
The great divide between programmers (who work with back-end applications) and Web programmers (who spend their time writing HTML, CSS, and JavaScript) is long standing. However, the Document Object Model (DOM) bridges the chasm and makes working with both XML on the back end and HTML on the front end possible and an effective tool. In this article, Brett McLaughlin introduces the Document Object Model, explains its use in Web pages, and starts to explore its usage from JavaScript.
|
|
Articles |
|
14 Mar 2006 |
|
| |
Web clients fatten up with OpenLaszlo
OpenLaszlo is a rich client application architecture that uses Macromedia Flash as a deployment vehicle. Declarative in design, OpenLaszlo relies upon JavaScript for logic and offers advantages over traditional Flash development, including an advanced UI constraints system, an object-oriented design methodology, and built-in support for Web services and a variety of flavors of Remote Procedure Call (RPC). This article details the basic concepts of OpenLaszlo, and gives examples of situations in which an OpenLaszlo solution might be beneficial.
|
|
Articles |
|
21 Feb 2006 |
|
| |
Mastering Ajax, Part 3: Advanced requests and responses in Ajax
For many Web developers, making simple requests and receiving simple responses is all they'll ever need, but for developers who want to master Ajax, a complete understanding of HTTP status codes, ready states, and the XMLHttpRequest object is required. In this article, Brett McLaughlin will show you the different status codes and demonstrate how browsers handle each and he will showcase the lesser-used HTTP requests that you can make with Ajax.
|
|
Articles |
|
14 Feb 2006 |
|
| |
User annotations in Ajax
The ability to add notes and comments to your Web site can be a powerful and attractive feature for users. This tutorial demonstrates how to implement an Asynchronous JavaScript and XML (AJAX)-based user annotation system in the form of yellow sticky notes that sit on top of regular Web page content. The only additional, required configuration is a back-end Perl script that stores the annotations
|
|
Tutorials |
|
31 Jan 2006 |
|
| |
Mastering Ajax, Part 2: Make asynchronous requests with JavaScript and Ajax
Most Web applications use a request/response model that gets an entire HTML page from the server. The result is a back-and-forth that usually involves clicking a button, waiting for the server, clicking another button, and then waiting some more. With Ajax and the XMLHttpRequest object, you can use a request/response model that never leaves users waiting for a server to respond. In this article, Brett McLaughlin shows you how to create XMLHttpRequest instances in a cross-browser way, construct and send requests, and respond to the server.
|
|
Articles |
|
17 Jan 2006 |
|
| |
Build apps using Asynchronous JavaScript with XML (AJAX)
AJAX (Asynchronous JavaScript with XML) enables a dynamic, asynchronous Web experience without the need for page refreshes. In this tutorial, you will learn to build AJAX-based Web applications -- complete with real time validation and without page refreshes -- by following the construction of a sample book order application.
|
|
Tutorials |
|
15 Nov 2005 |
|
| |
Migrate apps from Internet Explorer to Mozilla
Ever have trouble getting your Internet Explorer-specific Web applications to work with Mozilla? This article covers common issues associated with migrating applications to the open source Mozilla-based browser. You'll first learn basic cross-browser development techniques, and then develop strategies for overcoming the differences between Mozilla and Internet Explorer.
|
|
Articles |
|
26 Jul 2005 |
|
| |
Detect-and-route with JavaScript
"If happy users keep coming back, then you'll want to keep them happy by serving optimum pages to each site visitor and by keeping all the technical details under the hood. Find out how to choose or craft JavaScript sniff-and-route code that helps keep the user's experience an easy and pleasant one."
|
|
Articles |
|
09 Feb 2005 |
|
| |
Get dynamic Web content with HTTPRequest
The HttpRequest object initially might not seem like a big deal. Explore the possibilities of it when you issue a HTTP GET or POST on a URL for succinct page refreshes that update only a specific portion of the Web page.
|
|
Articles |
|
18 Jan 2005 |
|
| |
