March 2007
Intermediate to advanced
623 pages
16h 47m
English
Content preview from Professional Ajax, 2nd Edition
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
15.1. The Client Components
The client-side components of an Ajax solution are in charge of communicating with the server and displaying the received data to the user. For FooReader.NET, several client-side components are necessary to manage the overall user experience.
The user interface: The UI ties the user to his or her data. Because the UI is essentially a web page, the usual suspects of web browser technologies are used. The design is marked up in HTML, and CSS (and a little bit of JavaScript) styles it for the desired look and feel.
XParser: The JavaScript library responsible for requesting and parsing feeds.
The JavaScript code: Drives the UI, taking the information XParser received and displaying it to the user. This is contained in the fooreader.js file.
15.1.1. The User Interface
The key to any successful application is the design of the user interface. If the user cannot use the application, there is no reason for the application to exist. FooReader.NET was designed for ease of use. In fact, it borrows heavily from the Microsoft Outlook 2003 (and later) user interface. It has a three-pane interface. The first two panes are fixed width, while the third pane is fluid. (See Figure 15-1.)
Figure 15.1. Figure 15-1
The interface is contained in default.htm, and its layout is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.