Colorless tip: This download has been corrected, please re-download this Chinese version of the tutorial. Sorry for the inconvenience caused to you!
Part 1 Rethinking Web Applications Chapter 1 A New Approach to Web Design
1.1 Why do you need Ajax rich client?
1.1.1 Comparing user experience
1.1.2 Network delay
1.1.3 Asynchronous interaction
1.1.4 Exclusive or transient usage patterns
1.1.5 Forget the Web
1.2 Four basic principles of Ajax
1.2.1 Applications, not content, are in the browser
1.2.2 The server delivers data rather than content
1.2.3 User interaction becomes smooth and continuous
1.2.4 Disciplined and serious programming
1.3 Ajax rich clients in the real world
1.3.1 Current situation
1.3.2 Google Maps
1.4 Alternatives to Ajax
1.4.1 Solution based on Macromedia Flash
1.4.2 Java Web Start and related technologies
1.5 Summary
1.6 Resources Chapter 2 Ajax Newbies Getting Started
2.1 Key elements of Ajax
2.2 Use JavaScript to improve user experience
2.3 Use CSS to define the appearance of your application
2.3.1 CSS selectors
2.3.2 CSS style properties
2.3.3 Simple CSS example
2.4 Organize views with DOM
2.4.1 Using JavaScript to manipulate DOM
2.4.2 Find DOM nodes
2.4.3 Create DOM nodes
2.4.4 Add styles to documents
2.4.5 Shortcut: Use the innerHTML attribute
2.5 Asynchronous loading of data using XML technology
2.5.1 IFrame
2.5.2 XMLDocument and XMLHttpRequest objects
2.5.3 Send request to server
2.5.4 Monitor requests using callback functions
2.5.5 Complete life cycle
2.6 How is Ajax different?
2.7 Summary
2.8 Resources Chapter 3 Putting Ajax in Order
3.1 From chaos to order
3.1.1 Patterns: Creating a Common Vocabulary
3.1.2 Refactoring and Ajax
3.1.3 Maintain balance
3.1.4 Reconstruction actual combat
3.2 Some case studies of small refactorings
3.2.1 Cross-browser inconsistency: Facade and Adapter modes
3.2.2 Management event processing function: Observer mode
3.2.3 Reuse user operation processing functions: Command mode
3.2.4 Maintaining a unique reference to a resource: Singleton pattern
3.3 Model-View-Controller
3.4 MVC on the Web server side
3.4.1 Ajax web server without patterns
3.4.2 Reconstruct the domain model
3.4.3 Separating content from presentation
3.5 Third-party libraries and frameworks
3.5.1 Cross-browser libraries
3.5.2 UI components and UI component suites
3.5.3 Application framework
3.6 Summary
3.7 Resources Part 2 Core Technology Chapter 4 Pages as Applications
4.1 A different type of MVC
4.1.1 Repeating the MVC pattern at different scales
4.1.2 Apply MVC on the browser side
4.2 Views in Ajax applications
4.2.1 Separating logic from views
4.2.2 Keep views and logic separated
4.3 Controllers in Ajax applications
4.3.1 Traditional JavaScript event handling functions
4.3.2 W3C event model
4.3.3 Implementing a flexible event model in JavaScript
4.4 Models in Ajax applications
4.4.1 Modeling business domains using JavaScript
4.4.2 Interacting with the server
4.5 Generating views from models
4.5.1 Reflection of JavaScript objects
4.5.2 Working with arrays and objects
4.5.3 Adding a controller
4.6 Summary
4.7 Resources Chapter 5 The role of the server
5.1 Working with the server
5.2 Writing server-side code
5.2.1 Popular implementation languages
5.2.2 N-tier architecture
5.2.3 Maintain client-side and server-side domain models
5.3 Big Picture: Universal Server-Side Design
5.3.1 Simple web server coding without using frames
5.3.2 Using Model2 workflow framework
5.3.3 Using component-based frameworks
5.3.4 Using service-oriented architecture
5.4 Details: exchanging data
5.4.1 Client-only interaction
5.4.2 Introducing the example of planet browser
5.4.3 Thinking from the perspective of a Web page: content-centered interaction
5.4.4 Thinking in terms of plug-ins: script-centric interaction
5.4.5 Thinking from an application perspective: data-centric interactions
5.5 Write data to the server
5.5.1 Using HTML forms
5.5.2 Using XMLHttpRequest object
5.5.3 Effectively manage user updates
5.6 Summary
5.7 Resources Part 3 Professional-Level Ajax
Chapter 6 User Experience
6.1 Do the right thing: develop high-quality applications
6.1.1 Responsiveness
6.1.2 Robustness
6.1.3 Consistency
6.1.4 Simplicity
6.1.5 Put it into practice
6.2 Keep users informed
6.2.1 Handling responses to own requests
6.2.2 Handling updates submitted by other users
6.3 Designing a notification system for Ajax
6.3.1 Modeling notifications
6.3.2 Define user interface requirements
6.4 Implement notification framework
6.4.1 Display status bar icon
6.4.2 Display detailed notification information
6.4.3 Integration
6.5 Use the notification framework to handle network requests
6.6 Representing the timeliness of data
6.6.1 Define a simple highlight format
6.6.2 Highlighting with the Scriptaculous effects library
6.7 Summary
6.8 Resources Chapter 7 Security and Ajax
7.1 JavaScript and browser security
7.1.1 Introduction of source server policy
7.1.2 Ajax-related considerations
7.1.3 Subdomain issues
7.1.4 Cross-browser security
7.2 Communicating using remote services
7.2.1 Agent remote service
7.2.2 Using web services
7.3 Protection of confidential data
7.3.1 Middlemen
7.3.2 Use secure HTTP
7.3.3 Encrypting data using JavaScript over plain HTTP
7.4 Access strategy for Ajax data flow
7.4.1 Designing a secure web layer
7.4.2 Restricting access to web data
7.5 Summary
7.6 Resources Chapter 8 Performance
8.1 What is performance?
8.2 JavaScript execution speed
8.2.1 Measuring application time the hard way
8.2.2 Using Venkman Performance Analyzer
8.2.3 Optimize the execution speed of Ajax applications
8.3 JavaScript memory usage
8.3.1 Avoid memory leaks
8.3.2 Special considerations for Ajax
8.4 Design with performance in mind
8.4.1 Measuring memory usage
8.4.2 Simple example
8.4.3 Results: How to reduce memory usage by 150x
8.5 Summary
8.6 Resources Part 4 Ajax Case Study Chapter 9 Dynamic Double Combination Function
9.1 Double combination script
9.1.1 Limitations of client solutions
9.1.2 Limitations of server-side solutions
9.1.3 Ajax-based solutions
9.2 Client architecture
9.2.1 Design form
9.2.2 Designing client/server interactions
9.3 Server-side VB.NET implementation
9.3.1 Define XML response format
9.3.2 Writing server-side code
9.4 Display results
9.4.1 Traversing XML documents
9.4.2 Applying CSS
9.5 Advanced issues
9.5.1 Allow multiple selection queries
9.5.2 Expand the double combination into a triple combination
9.6 Refactoring
9.6.1 New and improved net.ContentLoader
9.6.2 Creating dual composite components
9.7 Summary Chapter 10 Pre-input prompts
10.1 10.1 Examine the application of pre-input prompts
10.1.3 10.1.1 Common features of pre-input prompts
10.1.4 10.1.2 Google Suggest
10.1.3 Practical development of Ajax pre-input prompts
10.2 Server-side framework: C#
10.2.1 Server and database
10.2.2 Testing server-side code
10.3 Client Framework
10.3.1 HTML
10.3.2 JavaScript
10.3.3 Accessing the server
10.4 Added functionality: multiple elements containing different queries
10.5 10.5 Refactoring
10.5.1 Day 1: Game plan for developing the TextSuggest component
10.5.2 Day 2: Creating TextSuggest – clear and configurable
10.5.3 Day 3: Activate Ajax
10.5.4 Day 4: Incident handling
10.5.5 Day 5: Prompt pop-up box UI
10.5.6 Reconstruction report
10.6 Summary Chapter 11 Enhanced Ajax Web Portal
11.1 The evolving portal
11.1.1 Traditional portal
11.1.2 Portals with rich user interfaces
11.2 Architecture of Ajax Portal using Java
11.3 Ajax login
11.3.1 User table
11.3.2 Server-side login code: implemented in Java
11.3.3 Client login framework
11.4 Implement DHTML window
11.4.1 Portal window database
11.4.2 Server-side code for portal windows
11.4.3 Add external JS library
11.5 Add Ajax automatic saving function
11.5.1 Modify the library code
11.5.2 Automatically save information to the database
11.6 Refactoring
11.6.1 Defining the constructor
11.6.2 Modify AjaxWindows.js library
11.6.3 Specify protal command
11.6.4 Performing Ajax processing
11.6.5 Refactoring report
11.7 Summary Chapter 12 Dynamic Search Using XSLT
12.1 Understanding search technology
12.1.1 Examining traditional search
12.1.2 Disadvantages of the Frame and Popup Approaches
12.1.3 Investigate dynamic search using Ajax and XSLT
12.1.4 Send results back to the client
12.2 Client code
12.2.1 Setting up the client
12.2.2 Starting the search process
12.3 Server-side PHP code
12.3.1Creating XML documents
12.3.2 Creating XSLT documents
12.4 Merging XSLT and XML documents
12.4.1 Using Microsoft IE
12.4.2 Using Mozilla
12.5 Complete search
12.5.1 Applying Cascading Style Sheets
12.5.2 Improving search
12.5.3 Deciding to use XSLT
12.5.4 Overcoming the shortcomings of Ajax bookmark support
12.6 Refactoring
12.6.1 XSLTHelper
12.6.2 Dynamic search component
12.6.3 Refactoring report
12.7 Summary Chapter 13 Using AJAX to create stand-alone applications
13.1 Reading information from outside
13.1.1 Finding XML feeds
13.1.2 RSS structure
13.2 Create rich user interfaces
13.2.1 Process
13.2.2 HTML frames without tables
13.2.3 Use CSS method for typesetting
13.3 Loading RSS feeds
13.3.1 Global scope
13.3.2 Ajax preloading function
13.4 Add rich gradient effects
13.4.1 Cross-browser opacity rules
13.4.2 Implementing fade-in/fade-out gradients
13.4.3 Integrating JavaScript timer
13.5 Additional functions
13.5.1 Inserting additional feeds
13.5.2 Integrated skip and pause functions
13.6 Avoid project constraints
13.6.1 Overcoming Mozilla’s security limitations
13.6.2 Modify the scope of application
13.7 Refactoring
13.7.1 RSS reader model
13.7.2 RSS Reader View
13.7.3 RSS Reader Controller
13.7.4 Refactoring report
13.8 Summary Appendix A Ajax Toolbox
A.1 Choose the right toolset to work smarter
A.1.1 Get the right tools
A.1.2 Create your own tools
A.1.3 Maintenance tool box
A.2 Editors and IDEs
A.2.1 What functionality is needed in a code editor
A.2.2 Current tools
A.3 Debugger
A.3.1 Why use a debugger
A.3.2 JavaScript debugger
A.3.3 HTTP debugger
A.3.4 Create your own cross-browser output console
A.4 DOM Inspector
A.4.1 Using the Mozilla DOM Inspector
A.4.2 IE’s DOM inspector
A.5 Install Firefox extension
A.6 Resources Appendix B JavaScript for Object-Oriented Programmers
B.1 JavaScript is not Java
B.2 Objects in JavaScript
B.2.1 Create an object that works out of the box (ad hoc)
B.2.2 Constructors, classes and prototypes
B.2.3 Extending built-in classes
B.2.4 Prototype inheritance
B.2.5 Reflection of JavaScript objects
B.2.6 Interfaces and "duck typing"
B.3 Methods and functions
B.3.1 Functions are first-class citizens
B.3.2 Attaching functions to objects
B.3.3 Borrowing functions from other objects
B.3.4 Ajax event handling and function context
B.3.5 Closures in JavaScript
B.4 Summary
Expand
