JavaScript & Ajax

Course Overview

At the end of the training, participants will be able to:

  1. How JavaScript and AJAX works fundamentally
  2. How different kinds of Ajax libraries handle the technologies

Pre-requisite

  1. Good understanding of HTML and HTTP methods
  2. Programming experience with any high level language Good To Have 
  3. Conceptual understanding of Web applications
  4. XML

Duration

2 days

Course Outline

  1. Overview of the role of web applications
  2. Difference between traditional and Web 2.0 applications
  3. Understanding the thin and thick clients
  4. Overview of enabling technologies: XHTML, CSS, JavaScript
  5. Developing and deploying a simple web apps that uses HTML, CSS and JavaScript
  6. Identifying the opportunities to make a simple web app as an RIA
  1. Building blocks: Data types, literals and variables
  2. Interacting with the user: alerts, confirms and prompts
  3. Operators and expressions
  4. Type checking and type conversion
  5. Control Structures: if and switch
  6. Iterations: while, do..while, for, for ..in
  7. Exception Handling: try, catch, throw
  8. Functions: Defining and invoking named and anonymous functions
  1. Overview of JavaScript Core objects
  2. Array objects
  3. String objects
  4. Date objects
  5. Math objects
  6. Navigator object
  7. Cookie object
  8. Creating user defined objects
  1. The need of a standard object model
  2. Overview of the DOM standard
  3. Understanding Window object
  4. Understanding Document object
  5. Survey of other important DOM objects
  6. DOM manipulation: creating, updating, deleting and accessing nodes
  1. Understanding the event model: bubbling, propagating and capturing events
  2. Survey of typical DOM events
  3. Handling events using JavaScript
  4. Developing active web pages by handling events and manipulating DOM elements
  5. Understanding the form submission process
  6. Short comings of the synchronous communication with the server
  1. Understanding the need of partial page updates and asynchronous communication
  2. Introducing the AJAX approach
  3. Inspecting the XHR object and its IDL API
  4. Understanding the callback mechanism
  5. Using AJAX using GET and POST
  6. Using AJAX for both synchronous and asynchronous communications
  1. Processing the XML payload of the AJAX response
  2. Manipulating the DOM nodes based on the response
  3. Developing an RIA using AJAX
  4. Shortcomings of XML payloads
  1. Understanding the need of JSON
  2. JSON Arrays and JSON Objects
  3. The eval function of JavaScript
  1. Processing the JSON payload of the AJAX response
  2. Manipulating the DOM nodes based on the response
  3. Developing an RIA using JSON and AJAX
  1. The concept of DWR
  2. Basic idea: Remoting between JavaScript client and the server side components
  3. Implementing DWR to make RIA
  1. The concept of SSP
  2. Basic idea: Using AJAX to implement server side notifications to the client
  3. Using SSP in making RIA
  1. The concept of Same Origin Policy
  2. Ways to overcome SOP: Dynamic loading of scripts
  3. Using JSON with Padding as a solution
  1. Overview of various AJAX libraries
  2. JQuery
  3. ExtJS (Overview)
  4. Dojo (Overview)
  5. GWT (Overview)
  1. Setting up JQuery
  2. Submitting GET and POST requests using JQuery AJAX API
  3. Processing the results
  4. Handling the errors
  1. The Vulnerabilities
  2. Tips and Best practices
  3. Javascript Injections
  1. Overview of HTML 5
  2. Overview of CSS 3
  3. Canvas
  4. Animations
  5. Transitions
  6. Transformations

Reviews