Course Summary
Complete Ajax is composed of the following components:
- Ajax (3 days)
- Ajax Advanced (2 days)
Duration
5 days.
2 course(s)
Outline
Ajax (3 days)
Ajax - Asynchronous JavaScript and XML - overview
- Web Applications - Pre and Post Ajax
- Ajax in the Real World
- Alternatives to Ajax
XML In A Nutshell
- Syntax
- Rules
JavaScript In A Nutshell
- Primitive Data Types and Reference Types
- Variables
- Loops
- Function Definition and Function Call
- Objects
- Expressions, Operators and Escape Sequences
Document Object Model (DOM)
- Window Object
- HTML & XML DOM
- Node
- Element
- Accessing Element Nodes
- innerHTML
- Properties of Element and Text Nodes
- Node Attributes
- Node Name & Node Value
- Event Handling
- Key Word - this
- Whitespace Interpretation - Browser Differences
- Removing Nodes
- Creating New Nodes
- Node Methods
XMLHttpRequest Object
- XMLHttpRequest Instantiation
- XMLHttpRequest open() Method
- Asynchronous vs Synchronous Requests
- Callback Function
- readyState
CSS In A Nutshell
- Syntax
- Units
- Selectors
- Positioning properties
- float Property
- Types of Positioning
- 3D
XML and Ajax
- Creating a DOM Document with JavaScript
- load XML
- Receiving XML Responses from the Server
- Passing XML to the Server
- Different Server Side Technologies - an overview
Frameworks and Toolkits - an overview
- Some Popular FrameWorks - in brief
Object-Oriented JavaScript
- Multiple Simultaneous Asynchronous Requests
- Prototype
- Extending BuiltIn Objects
- Object-Oriented XMLHttpRequest
- Refactoring the Creation and Handling of XHRHttpRequest
Model-View-Control (MVC)
- Design Patterns
- MVC Examples
- Ajax Web Application
JavaScript Object Notation (JSON)
- JavaScript Object and Array Creation Using Literals
- JavaScript Objects in Arrays & Arrays in Objects
- JSON Syntax
- JSON Parsers
- JSON Data Transfer Between Client and Server
- Autosuggest example
XSLT
- Overview
- XSLT in the Browsers
- Sarissa
- Advantages and Disadvantages
XPath
- Overview
Drag and Drop
- Overview
- Scriptaculous
- Draggable Options
- Droppables
- Drag and Drop, Ajax and Scriptaculous
Ajax Advanced (2 days)
Security and Ajax
- JavaScript and browser security
- Communicating with remote services
- Protecting confidential data
- Policing access to Ajax data streams
Performance
- What is performance?
- JavaScript execution speed
- JavaScript memory footprint
- Designing for performance
Dynamic double combo
- A double-combo script
- The client-side architecture
- Implementing the server: VB .NET
- Presenting the results
- Advanced issues
Type-ahead suggest
- Examining type-ahead frameworks
- The server-side framework: C#
- The client-side framework
- Adding functionality: multiple elements
The enhanced Ajax web portal
- The evolving portal
- The Ajax portal architecture using Java
- The Ajax login
- Implementing DHTML windows
- Adding Ajax autosave functionality
Live search using XSLT
- Understanding the search techniques
- The client-side code
- The server-side code: PHP
- Combining the XSLT and XML documents
- Completing the search
Building stand-alone applications with Ajax
- Reading information from the outside world
- Creating the rich user interface
- Loading the RSS feeds
- Adding a rich transition effect
- Additional functionality
- Avoiding the project’s restrictions
- RSS reader Model
- RSS reader view
- RSS reader Controller
- Refactoring debrief