Complete Ajax Training Course
Course Summary
[top] Duration
5 days.
Complete Ajax is composed of the following:- Ajax (3 days)
- Ajax Advanced (2 days)
[top] Outline
Ajax (3 days)
Ajax - Asynchronous JavaScript and XML is a synergy of multiple technologies and communication with the server without a page refresh, enabling a rich and responsive web-based client, a 2.0 web application.
Marakana Ajax Training course covers Ajax related technologies including JavaScript, DOM, CSS, XML etc., focusing on Object Oriented JavaScript and the main Ajax object: XMLHttpRequest.
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)
Marakana Advanced Ajax Training Course expands on basic Ajax principles of distributing the application between the client and the server by using the nested MVC design pattern.
In Marakana Advanced Ajax Training course you will learn about security and performance of the Ajax platform. Additionally, you will learn how to integrate Ajax with JSP, PHP, ASP, and other server-side scripts. Advanced Ajax topics covered include combining XSLT and XML documents and building stand-alone Ajax applications.
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