RKCP Information Technology
                                                                                                          JavaScript & Ajax
Home » Courses   » JavaScript & AJAX

JavaScript & Ajax

Overview

null


Objective

At the end of JavaScript & Ajax training course, the participants will be able to understand :

  • How JavaScript and AJAX works fundamentally
  • How different kinds of Ajax libraries handle the technologies

Suggested Audience - Developers, Senior Developers having 1-7 years experience.

Relevant Knowledge - Java, MVC, Struts


Prerequisites

Must Have

  • Good understanding of HTML and HTTP methods
  • Programming experience with any high level language

Good To Have

  • Conceptual understanding of Web applications
  • XML


Syllabus

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