RKCP Information Technology




JavaScript & Ajax
Home » Courses   » JavaScript & AJAX

JavaScript & Ajax

Overview

null


Objective

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

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

Preferred Audience - Developers, Senior Developers with 1-7 years experience.

Relevant Knowledge - Java, MVC, Struts


Prerequisites

Need to have

  • Better understanding of HTML and HTTP methods
  • Experience of programming in any high level language

Need To Have

  • Conceptual understanding of Web applications
  • XML


Syllabus

Expand All
  • 1. Introduction to Web 2.0
    • Overview of role of web applications
    • Difference of traditional vs Web 2.0 applications
    • Understanding thin and thick clients
    • Overview of enabling technologies: XHTML, CSS, JavaScript
    • Developing and deploying simple web apps that uses HTML, CSS and JavaScript
    • Identifying the opportunities of making a simple web app as an RIA
  • 2. JavaScript Fundamentals
    • Building blocks: Data types, literals and variables
    • Interaction 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
    • Need for 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
    • Development of active web pages by handling events and manipulating DOM elements
    • Understanding the form submission process
    • Short comes of the synchronous communication with the server
  • 6. AJAX and XHR
    • Understanding needs of partial page updates and asynchronous communication
    • Introduction of the approach using AJAX
    • Inspection of the XHR object and its IDL API
    • Understanding the callback mechanism
    • Using AJAX along-with using GET and POST
    • Use of AJAX in both synchronous and asynchronous communications
  • 7. Processing the XML AJAX Response
    • Processing of the XML payload of the AJAX response
    • Manipulating the DOM nodes based on the responses
    • Developing an RIA with the use of AJAX
    • Shortcomings of XML payloads
  • 8. Introducing JSON
    • Understanding the need for JSON
    • JSON Arrays and JSON Objects
    • The eval function in JavaScript
  • 9. Processing the JSON AJAX Response
    • Processing the JSON payload of 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 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
    • Submission of 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