LOGO For Immediate Assistance Call 855-211-9361

Open Enrollment

AJAX Developer (480)

Price: $1,750.00

Call for availability 855-211-9361

PB Tech's AJAX (Asynchronous JavaScript and XML) course teaches students to work with Asynchronous JavaScript when developing advanced Web applications. AJAX enables developers to create a whole new level of user interaction and responsiveness when building their next generation Web applications. The class covers a number of tools and techniques using JavaScript, XML, CSS, XSLT, and various server side technologies.

Course Overview

By the end of the class students will be able to:

  • Understand and work with AJAX technologies
  • Modify pages without having a refresh
  • Use the XMLHttp Request object in a browser-neutral way
  • Use the DOM
  • Work with XML document manipulation
  • Fully understand what AJAX is, how it works, and what differentiates an AJAX application from a conventional web application.
  • Improve usability of existing Web pages by combining AJAX techniques and page elements with static elements.
  • Send and receive data from the application server without interrupting the userís workflow by refreshing the page.
  • Use such data in either XML or JSON format to add to, remove from, or update the pageís content.
  • Understand how asynchronous updates may improve (or detract from) the userís experience and perception of the application.
  • Use development tools including Javascript debuggers, DOM inspectors, and profilers to observe, debug and improve performance of AJAX apps.
  • Implement and bring home a set of frequently-used AJAX interaction techniques to use as a starting points in adding AJAX to actual applications.
  • Use popular libraries including Prototype, Dojo, Sarissa, and Scriptaculous to simplify AJAX implementation and insure cross-browser compatibility.

Prerequisites

300 PB Tech Capstone: JavaScript: DOM scripting (DHTML), or equivalent industry experience
142 XHTML and Cascading Style Sheets
415 PB Tech Capstone Series: XML Developer, or equivalent industry experience
Or equivalent experience.

Course Outline

  • Using AJAX

    • The Purpose of AJAX
    • Rich Internet Applications
    • Sending Instructions the the Browser
  • Making AJAX Requests

    • Request Objects
    • HTTP Ready States
    • Cached Request URLs
  • Asynchronous JavaScript

    • Asynchronicity
    • External JavaScript Files
    • Iterative development
    • Multiple Request Objects
  • Document Object Model and JavaScript

    • Creating a DOM Document with JavaScript
    • DOM Nodes
    • Navigating DOM tree
    • DOM Applications
  • POST Requests

    • Error messages
    • Request and Response Headers
    • Content Types
  • XML Requests and Responses

    • XML and responseText
    • responseXML
    • DOM and XML
  • JavaScript Object Notation (JSON)

    • XML vs JSON
    • JSON data format
    • JSON on the server
  • A new design for the Web

    • Why Ajax rich clients?
    • The four defining principles of Ajax
    • Ajax rich clients in the real world
    • Alternatives to Ajax
  • First steps with Ajax

    • The key elements of Ajax
    • Orchestrating the user experience with JavaScript
    • Defining look and feel using CSS
    • Organizing the view using the DOM
    • Loading data asynchronously using XML technologies
    • What sets Ajax apart
  • Introducing order to Ajax

    • Order out of chaos
    • Some small refactoring case studies
    • Model-View-Controller
    • Web server MVC
    • Third-party libraries and frameworks
  • The page as an application

    • A different kind of MVC
    • The View in an Ajax application
    • The Controller in an Ajax application
    • Models in an Ajax application
    • Generating the View from the Model
  • The role of the server

    • Working with the server side
    • Coding the server side
    • The big picture: common server-side designs
    • The details: exchanging data
    • Writing to the server
  • The user experience

    • Getting it right: building a quality application
    • Keeping the user informed
    • Designing a notification system for Ajax
    • Implementing a notification framework
    • Using the framework with network requests
    • Indicating freshness of data
  • 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
  • Ajax by example

    • Dynamic double combo
    • 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
  • 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
    • Avoiding the projectís restrictions