Home About Courses Schedule Services Webinars Contact Search

AJAX for Java Developers

SEE SCHEDULE

Duration: 4 Days

Method: Instructor led with hands-on workshops.

Price: $2250.00

Course Code: AJ1000


Audience

Developers of web based applications and web site designers with solid experience in JavaScript.

Description

AJAX (Asynchronous JavaScript and XML) is a browser-based technology for creating highly interactive web applications by updating parts of a web page with new data without reloading the whole page. This results in a more responsive and interactive interface, already seen powering popular websites like Google Maps and Google Mail.

There is no formal definition of AJAX, but using XMLHttpRequest/JavaScript has become the dominant AJAX technology. This course starts with an overview of XMLHttpRequest and a brief introduction to JavaScript fundamentals. It includes in-depth coverage of programming with AJAX to send and retrieve data to/from a server, updating a web page with JavaScript and using CSS to modify the look of a web page.

The course includes detailed coverage of how to handle AJAX requests using Servlets/JSP and Java web applications, provides extensive coverage of frameworks and much more. Class time will be divided equally between hands-on labs and lecture, with labs completed using the Eclipse IDE. Participants will build working AJAX applications in order to quickly build understanding and experience.

Objectives

Upon successful completion of this course, the student will be able to:

  • Understand the principles of interactive Web applications and how Ajax is used to create them
  • Understand how XMLHttpRequest works, and use it with JavaScript to update a Web page
  • Use JavaScript and DOM with Ajax to manipulate the structure of a Web page
  • Use Servlets/JSP to handle Ajax requests
  • Be familiar with Ajax technologies and frameworks such as Prototype, script.aculo.us, Dojo, JSON libraries, DWR (Direct Web Remoting) and GWT (Google Web Toolkit)
  • Understand the basics of CSS and use it with Ajax to dynamically change the Web page look
  • Understand and use JSON (JavaScript Object Notation)
  • Be familiar with using Ajax with XML
  • Use Ajax with HTML, JSON or XML on both the client-side and server-side (Java)
  • Use DWR (Direct Web Remoting) to invoke server side Java from the browser
  • Use Ajax with JSF
  • Understand issues with using Ajax technology, including design and security issues

Prerequisites

Basic knowledge of HTML and JavaScript is required, as are practical Java and Servlet/JSP programming skills.

Topics

  • I. Session 1: Overview of Ajax
    • What are Rich Internet Applications?
    • What is Ajax?
    • Ajax, JavaScript, and DHTML
    • How Ajax Works
    • Overview of Ajax Technologies
  • II. Session 2: Basics of JavaScript for Browsers
    • JavaScript and DHTML Overview
    • Using JavaScript in an HTML Page
    • Basic JavaScript Programming
    • Functions in JavaScript
    • Debugging JavaScript
    • Accessing HTML Elements and Modifying with innerHTML
  • III. Session 3: XMLHttpRequest
    • The XMLHttpRequest Object
    • Using XMLHttpRequest
    • Working with Browser Differences
    • Your First Ajax Application
    • Using Ajax Data to Modify the Page
  • IV. Session 4: Using Servlets and JSP with Ajax
    • Servlet/JSP Overview
    • Handling Ajax Requests
    • Returning Data to Ajax Requests
    • Using JSP pages to generate Ajax data
  • V. Session 5: More JavaScript for Ajax
    • Browser Events
    • Using Ajax with Browser Events
    • Using Built-in Objects
    • Objects and Arrays in JavaScript
    • Objects as Function Arguments
    • Defining Classes in JavaScript
    • Defining Modules and Namespaces in JavaScript
  • VI. Session 6: Client-Side Ajax Frameworks
    • Overview - Prototype, Dojo, script.aculo.us and others
    • Prototype Overview
    • Using Prototype ($(), Ajax.Request)
    • script.aculo.us Overview
    • Using script.aculo.us Ajax autocompleter
    • Servlet/JSP (server-side) Generation of Data
    • Dojo Toolkit Overview
    • YUI (Yahoo User Interface Toolkit) Overview
    • Google Maps and Google Ajax Search API Overview
  • VII. Session 7: Cascading Style Sheets (CSS)
    • CSS Overview
    • Defining and Using Styles and Style Sheets
    • Using CSS to Customize Ajax Data Display
  • VIII. Session 8: JavaScript Object Notation (JSON)
    • JSON Overview
    • JSON Data Structure
    • Objects and Arrays in JSON
    • Creating/Working with JSON on the Server using Java
    • Working with JSON in the browser
    • Other JSON Tools Overview
  • IX. Session 9: XML and Ajax
    • XML Overview
    • XML - The x in Ajax
    • Working with XML on the browser
    • Generating XML data on the server with Java
    • Using HTML vs Using XML vs Using JSON
  • X. Session 10: Direct Web Remoting (DWR
    • Overview - Invoking Java via Ajax
    • DWR Architecture
    • Invoking Java Functions From the Browser
    • Registering Callbacks
    • Additional Capabilities
    • Overview of other technologies (JSON-RPC, Google Web Toolkit - GWT)
  • XI. Session 11: Ajax and JavaServer Faces (JSF)
    • JSF Overview
    • JSF and Ajax
    • Demo Lab: Using Ajax with JSF
  • XII. Session 12: Patterns and Best Practices
    • JavaScript Best Practices
    • State of Ajax
    • Ajax Design Patterns
    • Ajax Security Issues
    • Other Ajax Issues
    • Recap of Ajax Technologies and Their Uses
    • Future Directions