JAVASCRIPT » Ajax Tutorials

  Delicious Bookmark this on Delicious Share on Facebook SlashdotSlashdot It! Digg! Digg

Ajax Tutorials Articles developerworks


Build Ajax-based Web sites with PHP
Learn the process of writing Asynchronous JavaScript + XML (Ajax) applications using native JavaScript code and PHP. This article introduces a few different frameworks and application program interfaces (APIs) that reduce the amount of code you need to write to achieve a complete Ajax-based Web application.
Introducing IBM WebSphere sMash, Part 1: Build RESTful services for your Web application
In this series, learn all about IBM WebSphere sMash, a simple environment for creating, assembling, and executing applications based on current Web technologies. In this first article, get a hands-on tour of the innovations that let you create, assemble, and deploy powerful Web applications. Learn how WebSphere sMash is community driven, and about its conventions for creating RESTful Web services. Using a step-by-step example, you set up the environment, create a project, build a RESTful service to expose data, test your application, and import a sample application to consume the RESTful services.
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.
Configure IBM Informix Web DataBlade Module 4.13 with Apache (2) Web server on UNIX or Linux
The IBM Informix Web DataBlade module is a collection of tools and functions with components installed in both the Informix database server and the third-party Web server to ease development of intelligent, interactive, and dynamic Web-enabled Informix database applications. In this tutorial, walk through the steps to set up an Apache (2) compatible Web server, such as IBM HTTP Server 2.0.47, to work with the IBM Informix Web DataBlade Module version 4.13.UC3 on UNIX or Linux platforms.
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.
Getting started with CodeIgniter
Creating a CodeIgniter application is easier than you might think. Take a guided tour through your first project: a simple Web page with a contact form.
Developing software on an open source stack
Web developers are enjoying a renaissance. After spending much of the previous decade toiling on server-centric code, programmers are now putting code front-and-center, turning the Web browser into its own computing platform. Much of the renaissance must be attributed to ingenuity. The newest generation of tools and application frameworks automate and simplify the drudgery of building, deploying, and maintaining a Web site. There are also more tools than ever, and all the most innovative tools are open source. This tutorial provides an expansive survey of the free software available to developers to create and deploy Web applications.
Mastering Grails: The Grails event model
Everything in Grails, from build scripts to individual artifacts such as domain classes and controllers, throw events at key points during an application's life cycle. In this Mastering Grails installment, you'll learn how to set up listeners to catch these events and react to them with custom behavior.
Get Nagios for your Ajax applications
Bottlenecks with hosts, services, and networks can be costly. To ensure Service Level Agreement (SLA) guarantees, Ajax applications must be monitored remotely over the networks. In this article, learn how to quickly install and start Nagios, an open source host, service, and network monitoring program, and discover how it can help. Learn how to monitor redundancy and failover, and get some Nagios-based products you can use to solve environmental and network problems.
Google Code baseball hacks: Display batting stats in a Google Gadget
This article demonstrates how to use several Google Code APIs using a baseball hack as an example. We will create a Google Gadget that displays Major League Baseball batting statistics. You will learn about Google Gadgets, the Google Spreadsheet API, and the Google Chart API. After reading this article, you'll have a good idea of the sorts of applications you can build using these APIs, know enough to get started writing your own applications, and know where to get more detailed information.
Tivoli Federated Identity Manager Business Gateway and ASP.NET authentication
In this article we show you how to enable your ASP.NET applications for federated single sign-on utilizing the Tivoli Federated Identity Manager Business Gateway (FIM-BG) and the plug-in it provides for Microsoft® Internet Information Server Version 6 (IIS). Your existing forms-based authentication mechanism can be expanded to include support for participating in a federated single sign-on using the SAML 1.0, 1.1 or 2.0 protocols. Here, we take a sample ASP.NET application through the process of federated single sign-on enablement using FIM-BG and the plug-in for IIS.
Develop XML-driven Ajax applications fast with Data Studio
Web services are a popular way to communicate data over the Internet in XML format; databases have long since been an integral part of any Web application. With Data Studio, developers can integrate the two by defining SQL and SQL/XML queries that you can automatically build and deploy as a Web service. In this tutorial, you'll develop a data-driven Web service using Data Studio and craft an Ajax application for the gaming industry where users can browse games they want to play, search for them by title, and even add, edit, and delete games. The Ajax application running on the client communicates with the gaming Web service in XML format, both of which are served on WebSphere Application Server.
Internationalizing Web applications using Dojo
The Dojo toolkit is getting more and more popular in many Web applications. One of its strongest features is its support for different locales. In this article, get a short and simple guide on how to use this important part of Dojo.
Develop AJAX applications like the pros, Part 3: Use DWR, Java, and the Dojo Toolkit to integrate Java and JavaScript
Quick, how many Java Web development frameworks, libraries, and toolkits can you name? The are so many out there that it can be overwhelming just trying to figure out what does what and which one can actually help you solve your problems. However, if you are doing Ajax development, there is one library that you absolutely need to know: Direct Web Remoting (DWR). This library leverages the Java language and Java Web technologies to greatly simplify Ajax development. It has set the standard for how to integrate Ajax seamlessly into a Java web application. In fact, DWR joined the Dojo foundation, a broad coalition of popular, open source Ajax technologies. In this article, see just how easy Ajax can be using DWR.
Employ the DB2 for z/OS common SQL API in your tooling applications
Get the details on how to use the common SQL API (CSA), a set of stored procedures that exist across all IBM data servers. Learn to employ the common SQL API and integrate it in an application. Explore a small J2EE Web application, based on the common SQL API, that compares the subsystem parameters of two IBM DB2 for z/OS subsystems by employing the GET_CONFIG CSA stored procedure.
Ajax and Java development made simpler, Part 4: Create JSF-like components, using JSP tag files
JavaServer Pages (JSP) and JavaServer Faces (JSF) used to have different variants of the Expression Language (EL). Their unification in JSP 2.1 opened new possibilities, allowing you to use deferred values and deferred method attributes in your custom JSP tags. This article shows how to develop Java Web components based on JSP tag files, which are much simpler and easier to build than the JSF components.
Ajax overhaul, Part 4: Retrofit existing sites with jQuery and Ajax forms
Ajax techniques have changed the face of large, commercial Web applications, but many smaller Web sites don't have the resources to rebuild their entire user interface overnight. New features should justify their costs by solving real-world interface problems and improving user experience. With this series, you've been learning to modernize your UI incrementally using open source, client-side libraries. In this installment, learn to transform a multistep checkout process from a series of sequential forms into a single-screen interface using Ajax techniques. You do so using the principle of progressive enhancement, ensuring that your site remains accessible to all sorts of user-agents.
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.
The stateless state
"State" is a central concern of all sorts of distributed applications, but especially of Web applications, as HTTP and its derivatives are intrinsically stateless. Clear thinking about how data persists across retrievals, sessions, processes, and other boundaries can help you improve your Web applications, both present and future.
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.
Integrate encryption into Google Calendar with Firefox extensions
Today's Web applications provide many benefits for online storage, access, and collaboration. Although some applications offer encryption of user data, most do not. This article provides tools and code needed to add basic encryption support for user data in one of the most popular online calendar applications. Building on the incredible flexibility of Firefox extensions and the Gnu Privacy Guard, this article shows you how to store only encrypted event descriptions in Google's Calendar application, while displaying a plain text version to anyone with the appropriate decryption keys.
Developing iPhone applications using Ruby on Rails and Eclipse, Part 3: Developing advanced views for iPhone
The iPhone and iPod touch made Mobile Safari the most popular mobile browser in the United States. Although Mobile Safari is more than adequate at rendering normal Web pages, many Web developers created versions of applications aimed at the iPhone. Here in Part 3 of this "Developing iPhone applications using Ruby on Rails and Eclipse" series, we learn what you should do when the user reaches the end of the list structure and your application actually needs to display some content
Mastering Grails: Grails and legacy databases
In this Mastering Grails installment, Scott Davis explores the various ways that Grails can use database tables that don't conform to the Grails naming standard. If you have Java classes that already map to your legacy databases, Grails allows you to use them unchanged. You'll see examples that use Hibernate HBM files and Enterprise JavaBeans 3 annotations with legacy Java classes.
Annotating the Web with Atom
You've seen reader comments on weblogs and other Web 2.0 sites, but the Atom protocol makes it possible to create and manage such comments in a very flexible way. Flexible Web annotations is an idea that will open up an entirely new class of Web applications with very little actual new invention. Learn how to create a system to manage annotations for anything on the Web, from nearly anywhere.
Developing iPhone applications using Ruby on Rails and Eclipse, Part 2: Displaying iPhone content to the client
The iPhone and iPod touch made Mobile Safari the most popular mobile browser in the United States. Although Mobile Safari is more than adequate at rendering normal Web pages, many Web developers created versions of applications aimed at the iPhone. Here in Part 2 of this "Developing iPhone applications using Ruby on Rails and Eclipse" series, we learn the common use of drill-down lists as a navigation method
Integrate your PHP application with Google Calendar
Google Calendar allows Web application developers to access user-generated content and event information through its REST-based Developer API. PHP's SimpleXML extension and Zend's GData Library are ideal for processing the XML feeds generated by this API and using them to build customized PHP applications. This article introduces the Google Calendar Data API, demonstrates how you can use it to browse user-generated calendars; add and update calendar events; and perform keyword searches.
Ajax overhaul, Part 3: Retrofit existing sites with jQuery, Ajax tabs, and photo carousels
Ajax techniques have changed the face of large, commercial Web applications, but many smaller Web sites don't have the resources to rebuild their entire user interface overnight. New features should justify their costs by solving real-world interface problems and improving user experience. This series is teaching you to modernize your user interface incrementally using open source, client-side libraries. In this installment, you learn to turn slow, messy, annoying product-details pages into fast, elegant ones using DHTML and Ajax. You do so using the principle of progressive enhancement, ensuring that your site remains accessible to all sorts of user-agents.
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.
Using Snort, Part 2: Configuration
Detect intrusions, and prevent attacks from ruining your Web designs and application programming using Snort, a free and open source Network Intrusion Prevention System (NIPS) and Network Intrusion Detection System (NIDS) tool. In the first article in this series, you installed Snort and made sure it could detect packets, log traffic, and be prepared to detect intrusions. In this article, learn what the data inside those packets means, and how you can use that data to infer whether attacks are occurring and alert system administrators to those attacks.
Develop Ajax applications like the pros, Part 2: Using the Prototype JavaScript Framework and script.aculo.us
Are you building a Web application? Is it supposed to look more like cragislist or flickr? If the answer is the former, then you can probably skip this article. Still reading? Well you are in luck. In this article, Part 2 of a three-part series on JavaScript libraries, you will see how to use the Scriptaculous JavaScript library to enhance your Web applications.
Use Active Content Filtering for Project Zero and WebSphere sMash application security
Dodge common Web 2.0-based application attacks, such as cross-site scripting, and dramatically increase your Project Zero application's security using Active Content Filtering (ACF). ACF is a resolvable component within Project Zero that provides a library that can remove active content from request data (such as request parameters) and response output being sent to the client. Learn about the powerful capabilities of applying ACF to a Project Zero environment in which active content might exist.
Track spatial objects with an Ajax-driven radar screen
Maybe you're trying to keep track of the traffic waiting for you on the commute home, or perhaps you're tracking the objects and people floating around Second Life or another virtual world. Wouldn't it be nice if you could track that kind of thing right from your browser? This tutorial shows you how to use Ajax to create an animated, self-updating radar screen.
Mastering Grails: Grails and the mobile Web
The number of cell phone users worldwide is at 3.3 billion and rising, and Internet access from mobile phones is on a rapidly upward trajectory. Developing for the mobile Web has its unique demands. In this Mastering Grails installment, Scott Davis shows you how to make your Grails applications mobile phone friendly.
Get ready for Firefox 3.0
Mozilla Firefox 3 is a major release with many enhancements, some of which are targeted at users, and some at developers. One of the most interesting updates gives Web developers the ability to build Web applications that work even when the user is disconnected from the Internet. Use this article to learn more about these new Firefox 3 features, especially the new offline application support.
Preserve the security of your Project Zero and WebSphere sMash applications, Part 1: Authentication and authorization
Access-control based security of application resources is one of the core features of Project Zero. With the goal of radical simplification in mind, the developers of Project Zero Security have made an effort to simplify the enablement of security and make it quick and easy. Learn about Project Zero Security and how to create a user registry, define security rules for the application, and leverage the two most common types of authentication -- basic and form-based. By the end of this article, you will have all the tools you need to build security into your Project Zero applications.
Create reusable and redistributable components with Dojo and AJAX
In this article, learn to use Dojo and Ajax to develop reusable components that can easily be integrated with core applications. A a step-by-step example shows how to develop a Web application that adds mailing capabilities to an existing blogging application, generates mailing widgets, and handles intricacies of cross domain communication.
Reuse Java code in your Ruby on Rails applications
The Ruby Java Bridge (RJB) lets you load Java classes directly to, and call them from, Ruby on Rails applications. This tutorial shows how you can put this toolkit to work by reusing your legacy Java Web application code in a modern Web development platform.
Powering Google Gadgets with WebSphere sMash
IBM WebSphere sMash offers a variety of ways to share information in Web 2.0 applicatons. This article shows how you can build a Google Gadget from scratch, publish it, and power it using WebSphere sMash. Along the way, you will examine the gadget XML specification, use the WebSphere sMash flow model and feed tools, and, ultimately, deploy the gadget to a Web page.
Tip: Use the new microformats API in your Firefox 3.0 Extensions
The upcoming Firefox 3.0 release has built-in support for microformats in the form of an API that you can access from a Firefox extension. In this tip, you follow a simple example of how to use this API from within your extension code. You take a skeleton Hello World extension and give it the ability to store an hCard from any Web page and then use that stored hCard to populate a Web form.
Developing iPhone applications using Ruby on Rails and Eclipse, Part 1: Serving content for iPhones
The iPhone and iPod touch made Mobile Safari the most popular mobile browser in the United States. Although Mobile Safari is more than adequate at rendering normal Web pages, many Web developers created versions of applications aimed at the iPhone. This "Developing iPhone applications using Ruby on Rails and Eclipse" series shows how to use Ruby On Rails on the server side to identify and serve custom content to Mobile Safari.
Ajax security tools
Certain vulnerabilities within Ajax applications can allow malicious hackers to reek havoc with your applications. Identity theft, unprotected access to sensitive information, browser crashes, defacement of Web applications, and Denial of Service attacks are just a few of the potential disasters Ajax applications can be prone to and which developers need to guard against when building Ajax capabilities into their applications. Regular developerWorks author Judith Myerson suggests some application-strengthening tools, including Firefox tools and add-ons, which you can use to improve or solve security problems within your Ajax applications.
Implement Semantic Web standards in your Web site
With Yahoo's recent announcement that they will implement support of Semantic Web standards in their search engine, the benefits that the Semantic Web has for your site have never been clearer. In addition to the existing benefits such as your structured content giving you a free, open-ended API, you now get the opportunity for increased search rankings, and more importantly, increased relevance because the search engine can better understand what the content of your site is about. In this tutorial you will learn to implement a simple social networking site using PHP and MySQL, which will implement Semantic Web standards such as hCard and Friend of a Friend (FOAF) as part of a semantic Uniform Resource Identifier (URI) scheme.
Ajax and Java development made simpler, Part 2: Use conventions to minimize setup and configuration
Most Web frameworks try to be as flexible and extensible as possible to accommodate different application needs and development styles. Unfortunately, sometimes this leads to complexity, processing overheads, and large configuration files. This article shows how to use JSP Standard Tag Library (JSTL) and JSP tag files to implement data binding, page navigation, and style conventions, which make both development and maintenance easier. You will learn how to build custom JSP tags with dynamic attributes to facilitate rapid application changes. In addition, the last section of the article contains an example that uses Ajax to submit a Web form.
Understanding SPARQL
The Semantic Web, a knowledge-centric model for the Web's future, supplements human-readable documents and XML message formats with data that can be understood and processed by machines. SPARQL Protocol and RDF Query Language (SPARQL) is to the semantic Web as SQL is to a relational database. It allows applications to make sophisticated queries against distributed RDF databases, and is widely supported by many competing frameworks. This tutorial demonstrates its use through the example of a team tracking and journaling system for a virtual company.
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. (IBM WebSphere Developer Technical Journal)
Plants by WebSphere gets a Web 2.0 makeover
Plants by WebSphere is a traditional demonstration Web application for IBM WebSphere Application Server that illustrates commerce functionality, such as product management, shopping cart, and purchase processing. With the release of the WebSphere Application Server Feature Pack for Web 2.0, a new level of user interaction is now possible, enabling Web applications to be more robust and even as responsive as desktop applications. This article discusses the technologies and techniques you can leverage from the Feature Pack for Web 2.0 to “remake” the Plants By WebSphere application to be Web 2.0 ready, with UI redesign, RESTful interactions, plus community and user participation. (IBM WebSphere Developer Technical Journal)
Performance Ajax tools
Wasting server resources can impact the performance of Ajax applications, resulting in excessive HTTP requests, high memory consumption, and the need for an unusual amount of polling to make applications work. Regular developerWorks author Judith Myerson suggests some open source tools and Firefox add-ons you can use to improve or solve problems with your Ajax applications.
Real Web 2.0: Practical linked, open data with Exhibit
In the previous installment of this column you learned about Linking Open Data (LOD), a community initiative for moving the Web from separated documents to a broad information space of data. That article covered the main ideas of LOD, and in this article you will see how to quickly put these ideas to use. Learn about the Exhibit Web library from the MIT Simile project, which allows you to construct functional and visually attractive user interfaces without much work, once you have good LOD available.
Develop Ajax applications like the pros, Part 1: Using the Prototype JavaScript library and script.aculo.us
If you're developing Web applications these days, then you're doing Ajax development. Ajax is no longer something unusual that you add to your applications in special cases. It has become an integral part of Web development. To some, enhancing applications with Ajax used to be a tricky proposition. Cross-browser limitations to deal with, writing a lot of complicated JavaScript, and learning about magic numeric codes within that JavaScript were just a few of the challenges facing Ajax developers. Thankfully, several open source JavaScript libraries are available now to make things much easier. In this first article in a three-part series, you will create an Ajax application for managing songs using the Prototype JavaScript library and script.aculo.us.
Debug and tune applications on the fly with Firebug
Why are your Web pages taking so long to load? Did you ever want to inspect or edit HTML while browsing? Tweak CSS instantly? In this article, learn to use Firebug, a free, open source extension for the Firefox browser that provides many useful developer features and tools. Using Firebug, you can monitor, edit, and debug live pages, including HTML, CSS, JavaScript code, and network traffic. Read on to learn how to speed up the tasks of debugging and tuning your Web and Ajax applications with Firebug.
Internationalize your apps with XSLT
To meet the needs of users worldwide, today's Web applications often require internationalization. In this article, you'll see an approach for client-side internationalization based on XSLT. This solution only requires that both the data to be internationalized and the server stores are in XML.
Ajax overhaul, Part 2: Retrofit existing sites with jQuery, Ajax, tooltips, and lightboxes
Asynchronous JavaScript + XML (Ajax) techniques have changed the face of large, commercial Web applications, but many smaller Web sites don't have the resources to rebuild their entire user interface (UI) overnight. New features should justify their costs by solving real-world interface problems and improving user experience. With this series, learn to modernize your UI incrementally using open source, client-side libraries. In this installment, you learn to eliminate pop-up windows and navigational dead ends using simple lightbox and tooltip techniques. You learn to do so using the principle of progressive enhancement, guaranteeing that advanced UI features don't hamper your site's accessibility and adherence to Web standards.
Create an Ajax-based IM client
The ability to instant message (IM) co-workers and friends is a great convenience, but some environments prohibit the use of instant messaging clients in the workplace due to security concerns. The exercise in this tutorial resolves any security concerns by showing you how to use Ajax to create a Web-based IM client that turns IM traffic into plain Web traffic by creating an instant messaging "bot" and a corresponding Web application. While it's not a production application, it demonstrates several nifty Ajax techniques, such as how to use Prototype to do easier DOM manipulation and how to easily update sections of a Web page, either once or repeatedly.
AJAX techniques within a Tivoli Access Manager WebSEAL Environment
This article describes the challenges found when introducing Asynchronous JavaScript and XML (AJAX) programming techniques into an IBM Tivoli Access Manager (TAM) WebSEAL environment. It provides a brief review of WebSEAL technology and a brief introduction to AJAX methods. The considerations are outlined for AJAX developers when working with WebSEAL. The potential solutions to issues that can arise are supplied, along with listing best practices that will assists AJAX developers to succeed in a WebSEAL environment.
Ajax performance analysis
Asynchronous JavaScript + XML (Ajax) continues to raise user expectations for interactivity and performance, and developers are increasingly treating Ajax as a must-have component of their Web applications. As more code is moved client side and the network model changes, the community is responding by building more tools to address the unique performance challenges of Ajax. Examine toolsets that find and correct performance problems within your Ajax-enriched applications.
Build custom templates for your data-driven Web sites
Most developers dread dealing with HTML tables and cells to build their Web sites. For one thing, tables make it difficult to modify the site later or to change its appearance. Discover some basic techniques for writing Web sites that you can later re-skin by using templates during the site's initial creation. Also, learn why you should use data-driven techniques for your own Web sites.
Mastering Grails: Many-to-many relationships with a dollop of Ajax
Many-to-many (m:m) relationships can be tricky to deal with in a Web application. In this installment of Mastering Grails, Scott Davis shows you how to implement m:m relationships in Grails successfully. See how they're handled by the Grails Object Relational Mapping (GORM) API and the back-end database. Also find out how a bit of Ajax (Asynchronous JavaScript + XML) can streamline the user interface.
Get started with Project Zero, WebSphere sMash, and PHP
Project Zero provides an environment for the rapid development of interactive Web applications based on popular Web technologies such as PHP. This exercise demonstrates how easy it is to get started with Project Zero, from installing the development tools to constructing an Ajax Web 2.0 sample using PHP as the back-end scripting language. Exporting an application is covered on the way, together with examples of debugging and extending a Web 2.0 application.
Ajax and Java development made simpler, Part 1: Generate JavaScript code dynamically with JSP tag files
Many Web developers complain that Java EE is too complex, building new Web components is difficult, customizing the existing ones is not as easy as it should be, and minor changes require application restarts. This series presents simple solutions to these problems, using code generators, conventions, scripting languages, and the latest JavaServer Pages (JSP) features. You will learn how to build reusable Ajax and Java components based on JSP tag files, which are very easy to develop and deploy. When changed, JSP tag files are recompiled automatically by the Java EE server without having to restart the application. In addition, you fully control the generated code, and you are able to easily customize these lightweight components because they use the JSP syntax.
Real-time data acquisition: Connecting your exercise bike to Informix or DB2
Capture data from an analog environment in real time and store it in an Informix Dynamic Server or DB2 database. Use WebSphere Application Server Community Edition to create graphs of captured data and present them in Java Server Pages. All the steps, including the installation and wiring of the magnetic sensors, the computer interface, the client OLTP code, and the JSP code for presentation of results, are presented in an easy-to-follow format.
Create a slick mashup with Google Charts, Ajax, Project Zero, and WebSphere sMash
Google Charts is a neat service that lets developers generate charts and graphs using a simple HTTP GET request. Because all of its features have been made available through HTTP, this service can be easily integrated into Web applications built with Project Zero. This article gives you a demonstration of Groovy scripts that let you use Google Charts without having to construct its cumbersome HTTP URLs. You'll create a helpful Web interface that lets users build charts and graphs visually. Try the sample project that shows how easy it is to create mashup applications using the Zero platform.
Create Ajax-style architectures with the IBM Web 2.0 Feature Pack
This article shows you how a Java(tm) 2 Platform, Enterprise Edition (J2EE) application was enhanced with an Ajax-style architecture by using the IBM(R) WebSphere(R) Application Server Feature Pack for Web 2.0. Learn how to combine Ajax-style architectures with an existing application without having to rewrite the entire Web application. You'll also discover some ideas on how to apply the Web 2.0 Feature Pack to your own J2EE applications for IBM WebSphere Application Server.
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.
Create OpenSocial applications with Project Zero
Web clients can communicate with an OpenSocial application using any HTTP or Ajax library they choose. In this tutorial, you will use the Dojo JavaScript library to build your clients with the intent of illustrating how you might build clients with other libraries or the standard XMLHttpRequest object. You'll create the server-side implementation of the OpenSocial APIs using Project Zero--specifically, you'll write Groovy scripts that read and write Atom-formatted data using Zero's Atom library. After completing this tutorial, you should understand what is necessary to implement OpenSocial on Zero or any other Web framework. As always, you can re-create the sample application by following along, step-by-step, or you can download the completed application from this tutorial.
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.
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.
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.
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.
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.
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.
Comment lines: Roland Barcia: Improve initial download time of your Dojo applications
Once an Ajax application is loaded, it subsequently fetches smaller fragments of data and content to avoid the overhead of re-rendering the entire page, thus improving performance. The tradeoff that enables this to happen is that the initial download of your application will usually take longer. This article looks at ways you can reduce the initial download time of your Dojo applications and still get great performance. (IBM WebSphere Developer Technical Journal)
Create your own information space with Ajax and del.icio.us
del.icio.us is a social bookmarking Web site that allows users to create and share browser-independent bookmarks, accessible directly over the Internet, in ways your browser won't allow. The traditional hierarchical organization of browser bookmarks is overhauled, allowing users to instead associate each and every bookmark with any number of descriptive tags. Imagine a single page where you and your friends can surf the Web and have your del.icio.us tags, links, and functions handy, or a single page where you can save the site you're browsing directly into your del.icio.us account, along with comments and chosen tags. This tutorial shows you how to use Ajax to build just such a page using a PHP script as the server-side proxy.
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.
Securing Java applications with Acegi, Part 4: Protecting JSF applications
Bilal Siddiqui continues his series by showing you how to use Acegi to secure JavaServer Faces (JSF) applications. Configure JSF and Acegi to work together in a servlet container, and explore how JSF and Acegi components cooperate with one another.
Preserve the security of your Project Zero and WebSphere sMash applications, Part 3: Protect your Project Zero and WebSphere sMash applications with OpenID
Access control-based security of application resources is one of the core features of Project Zero. OpenID is an open source, emerging security technology that provides decentralized authentication across the Internet. It is increasingly gaining the interest of the Web community. Project Zero adopted this new technology as part of its security offering. In this article, the third and final part of the series, learn about Project Zero Security and how to leverage OpenID authentication, define security rules for the application, and extend a user registry.
Access IBM U2 data server from your .NET applications, Part 2: Build the next generation application using UniVerse, UniData, IBM Data Server Provider for .NET, IBM Database Add-ins, and ASP.NET 2.0
Develop a next-generation, master-detail ASP.NET Web application, Web service, and ASP.NET Crystal Report using IBM Data Server Provider for .NET and IBM Database Add-ins, in Part 2 of this series.
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.
Craft Ajax applications using JSF with CSS and JavaScript, Part 2: Dynamic JSF forms
In the first article of this two-part series, author and Java developer Andrei Cioroianu showed how to use the style attributes of JavaServer Faces (JSF) components and how to set up default values for those attributes. In this second installment of the series, learn how to exercise the JavaScript-related attributes of standard JSF components. Learn several Web techniques based on the Document Object Model (DOM) APIs, JavaScript, and Cascading Style Sheets (CSS). See how to hide and display optional JSF components without refreshing a Web page, how to implement client-side validation that is executed in the Web browser, and how to develop a custom component that displays help messages for the input elements of a Web form.
Mastering Grails: GORM: Funny name, serious technology
Any good Web framework needs a solid persistence strategy. In this second installment of his Mastering Grails series, Scott Davis introduces the Grails Object Relational Mapping (GORM) API. See how easy it is to create relationships between tables, enforce data validation rules, and change relational databases in your Grails applications.
Preserve the security of your Project Zero and WebSphere sMash applications, Part 2: Authentication and authorization using LDAP
Access control-based security of application resources is one of the core features of Project Zero. With the goal of radical simplification in mind, the developers of Project Zero Security have made an effort to simplify the enablement of security and make it quick and easy. This article, Part 2 of the three-part series, delves into Project Zero Security and how to create a user registry, define security rules for the application, and leverage an LDAP user registry.
Real Web 2.0: Linking open data
Learn about Linking Open Data (LOD), a community initiative for moving the Web from the idea of separated documents to a wide information space of data. The key principles of LOD are that it is simple, readily adaptable by Web developers, and complements many other popular Web trends. Learn how to make your data more widely used by making its components easier to discover, more valuable, and easier for people to reuse--in ways you might not anticipate.
Getting started with JavaServer Faces 1.2, Part 2: JSF life cycle, conversion, validation, and phase listeners
This tutorial series covers how to get started with Java Server Faces (JSF) technology, a server-side framework that offers a component-based approach to Web user-interface development. Part 1 gets you started with a JSF 1.2 overview and a basic application. This sequel gives you a firm grasp of JSF's more-advanced features: custom validators, converters, and phase listeners. Along the way you'll gain an understanding of the JSF application life cycle.
Craft Ajax applications using JSF with CSS and JavaScript, Part 1: Enhance the appearance of your JSF pages
Typical Web applications require the use of Cascading Style Sheets (CSS) and JavaScript, together with a server-side framework, such as JavaServer Faces (JSF). CSS lets you change the visual characteristics of Web components within Ajax and other applications so they can have a pleasant and distinctive look. In the first installment of this two-part series, find out how to use the CSS-related attributes of standard JSF components. In addition, learn how to create a custom JSF component that sets the default styles of nested components, making it very easy to ensure a consistent look for all pages of your Web application. You can also use this technique to programmatically set other component attributes, as you'll see in Part 2, which will show how to make JSF forms more dynamic using JavaScript.
The Ranvier URL mapper
Ranvier is a Python package you can integrate into Web application frameworks to map incoming URL requests to source code. It does this by a mechanism of delegation-and-consumption, which differs from more common regular expression-based URL rewriting. Ranvier also serves as a central registry of all the URLs in a Web application and can itself generate the URLs necessary for cross-linking pages. The registry function allows Ranvier to assure the integrity of links and automate coverage analysis. Ranvier is pure Python code and does not have any third-party dependencies; it should be usable (with a bit of adaptor code) in any Python-based Web application framework.
Build a customizable RSS feed aggregator in PHP
RSS (Rich Site Summary, RDF Site Summary, or Really Simple Syndication) has been around since the mid-1990s. Over the years, several variants of the RSS format have popped up and several claims have been made about its ownership. Despite these differences, RSS never ceased to serve its usefulness in distributing Web content from one Web site to many others. The popularity of RSS gave way to the growth of a new class of Web software called the feed reader, also known as the feed aggregator. Although there are several commercially available feed aggregators, it's easy to develop your own feed aggregator, which you can integrate with your Web applications. You'll appreciate this article's fully functional PHP code snippets, demonstrating the use of PHP-based server-side functions to develop a customizable RSS feed aggregator. In addition, you'll reap instant benefits from using the fully functional RSS feed aggregator code, which you can download from this article.
Add Ruby templating to your Project Zero and WebSphere sMash applications
Ruby users, take note. You can now do everything that Groovy and PHP users can do when creating Project Zero applications! In a previous article, we showed how to augment Project Zero to provide support for the Ruby scripting language. The code that we wrote enabled Ruby users to transfer their scripting skills to the Zero platform and take advantage of its unique programming model. Of course, scripting isn't the only way that Ruby is used to create applications - programmmers who use the Ruby on Rails framework also mix Ruby in HTML templates similar to JSP and PHP. These templates, called RHTML files, are very useful for creating dynamic user interfaces, and this article will show you how to extend our Ruby support to include them. Find out how Ruby users can now do everything that Groovy and PHP users can do when creating Zero applications!
Create dynamic Firefox user interfaces
When you create browser-based applications that display XML data feeds, you often need to code the data-retrieval mechanism and the user interface. Mozilla Firefox provides an infrastructure that frees you from these tasks, so you can concentrate on your application's functionality. Learn how to use Asynchronous JavaScript + XML (Ajax) to download XML data from a Web server, and discover how you can use Extensible Stylesheet Language Transformations (XSLT) to transform it dynamically into Firefox user-interface elements expressed in XML User Interface Language (XUL). You can apply these techniques to any application that uses XML data sources.
Generate Ajax J2EE Web applications with jpa2web
Learn about, try, and contribute to a new open source tool -- jpa2web -- which generates J2EE Ajax-based Web applications from JPA-annotated beans. Using the ZK framework, the applications generated by this tool allow your users to add, delete, search, modify, and interconnect instances of database-synchronized objects in a friendly, Ajax-based Web user interface.
Create rich applications with JavaFX Script
JavaFX Script, which made its debut last spring, is a scripting language that runs on top of Java Platform, Standard Edition 6 (Java SE) and makes it easy to code sophisticated user interfaces. Learn the essentials of the JavaFX scripting language and gain an understanding of some basic UI components with the help of the sample application detailed within.
Mastering Grails: Build your first Grails application
Java programmers needn't abandon their favorite language and existing development infrastructure to adopt a modern Web development framework. In the first installment of his new monthly series Mastering Grails, Java expert Scott Davis introduces Grails and demonstrates how to build your first Grails application.
Solid Ajax applications, Part 2: Building Ajax back ends
Back end processing -- server-side scripts and programs -- can't always be tossed into an Ajax application and behave well. Instead, careful planning to ensure data is sent in an appropriate and efficient form ensures your entire application is cohesive, rather than needlessly complex. Brett McLaughlin explains how a good server-side script complements Ajax behavior.
Introducing Project Zero, Part 2: RESTful applications in an SOA
Use Project Zero and WebSphere sMash's data access APIs to build a simple wiki
Project Zero is a simplified development platform focused on the agile development of Web 2.0 applications following a Service-Oriented Architecture (SOA). Among Project Zero's arsenal of libraries is a simplified API for executing SQL queries. Learn how to leverage these APIs to build a simple wiki.
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.
Push RSS to new limits
This tutorial presents an innovative use of the well-known Really Simple Syndication (RSS) format's associative properties to emulate the functionality of a simple relational database. It demonstrates using RSS channels to store contact information and meeting information -- much as a personal address book and calendar does. It uses RSS elements and attributes such as items and guids to create a neural-network-like mesh of related data.
Getting started with JavaServer Faces 1.2, Part 1: Building basic applications
JavaServer Faces (JSF) technology, a server-side framework that offers a component-based approach to Web user-interface development, has come a long way. JSF 1.2 (incorporated into Java Enterprise Edition 5) has fixed some JSF pain points and added some nice features. This tutorial series covers how to get started with JSF 1.2. It's heavy on examples and light on theory -- just what you need to get started quickly.
Manage an HTTP server using RESTful interfaces, Project Zero, and WebSphere sMash
WS-* users and REST users have an ongoing debate over which technique is most appropriate for which problem sets, with WS-* users often claiming that more complex, enterprise-level problems cannot be solved RESTfully. This article puts that theory to the test by trying to create a RESTful solution for a problem area that is not often discussed by REST users: systems management. In a previous developerWorks tutorial, I showed how to create a Web services interface for managing HTTP server products; the tutorial used concepts from WSDL and the WS-* standards to define the management interface and software from Apache Muse and Apache Axis to create the management application. For this article, I use Project Zero and REST design principles to recreate the interface and function of the original application and determine if REST is a valid option for this enterprise project.
Build an Ajax-enabled search page using the Rico JavaScript library, ColdFusion MX 7, and Windows Indexing Service
A Web site or intranet has such a high volume of information available that you need special tools to index the content and provide access to it in a fast and convenient way. Learn how to do just that and provide a state-of-the-art search facility with the help of an Ajax library coupled with mature technologies like ColdFusion and Windows Indexing Service.
Cross-browser Web application testing made easy
"Test on multiple browsers" has been a mantra ever since there have been multiple browsers to test on. Testing them all -- especially these days -- is impossible. But you can come a lot closer than you may think. In this article, learn a variety of techniques for cross-browser testing, from the very thorough to the quick and dirty. The choice you make will depend on your resources, but this is an issue you can't ignore.
Ajax -- A guide for the perplexed, Part 2: Develop a Dojo-based blog reader
The previous installment of this series introduced you to Ajax development by walking through the practical information essential for getting an Ajax-enabled environment up and running. In this article, Part 2 of the series, the authors put your newly gained knowledge into practice by starting the development of a simple Dojo and Atom-based blog reader.

Free   Version: n/a   Platform(s): All   Updated:  September 6, 2008

Developer:IBM-developerworks Demo Download  
Rated by: 3 user(s)  
Follow Navioo On Twitter

Submit a resource