Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

Building AJAX Applications with Advanced JavaScript Techniques

( Duration: 3 Days )

The Building AJAX Applications with Advanced JavaScript Techniques training course is designed to provide the skills to build AJAX applications, as well as knowledge of foundation technologies, the Document Object Model (DOM), JavaScript client-side techniques for manipulating a page dynamically. While the AJAX API is covered in detail, you will also learn the pitfalls and best practices associated with its usage. In addition, the course teaches advanced JavaScript techniques such as prototype chaining, how to create a library that includes AJAX and other functionality.

By attending Building AJAX Applications with Advanced JavaScript Techniques workshop, delegates will learn to:

  • Write code that implements AJAX techniques
  • Modify the architecture of an application in order to enable AJAX
  • Utilize CSS, the HTML DOM and JavaScript to create impressive visual effects in Web pages
  • Employ MVC techniques such as the separation of content from behavior
  • Build a library to encapsulate the AJAX API, Event Handling, etc.
  • Utilize prototype chaining techniques to employ inheritance in JavaScript
  • Discuss the various third party AJAX framework/libraries

This Building AJAX Applications with Advanced JavaScript Techniques class is suitable for:

  • Web-based Application Developers
  • Web site Designers

COURSE AGENDA

1

JavaScript DOM API

  • Document Object Model (DOM) Definition
  • The Document Object
  • Nodes
  • Elements
  • Other Node types
  • Elements and their Style object
  • Creating Nodes
  • Adding new Nodes to the DOM
  • Event Handlers
  • Modifying Element Styles within the DOM
2

CSS and JavaScript

  • Advanced style manipulation
  • The Style Object
  • The Computed Style Object
  • Setting the Style of an Element(s) via JavaScript
  • Working With Style Sheets via JavaScript
3

Working With Events

  • The Event Object
  • Creating/ Registering Event handlers
  • Managing browser Event handling differences
  • Event Propagation
  • Encapsulating Events
  • Capture/Bubble of Events
  • DOM Level 2 Event handling
  • Observer Pattern
4

User (Developer) Created Objects

  • Why JavaScript is not an Object-Oriented but an Object-Based Language
  • Object Literals
  • Format
  • When to use
  • Build new Objects with a Definition/Constructor function
  • Prototype Object
  • Prototype Chaining
  • Call / Apply
  • Understanding the keyword this
  • How prototype chaining can be Implemented
  • Polymorphism
  • Constructor property
  • Multiple Inheritance with JavaScript
5

Introduction to AJAX

  • Ajax, JavaScript and DHTML
  • Asynchronous Server Communication
  • Ajax and XML
  • Complexities AJAX Introduces
  • Synchronization Issues
  • User Action Issues
  • Cross Browser Issues
  • The AJAX API
6

AJAX API

  • The Request Object
  • Creating the Request Object
  • Making a POST Request
  • Making Concurrent Requests
  • Using Inner Functions (Closures)
  • Memory Leaks with Inner Function
  • Modifying the DOM with the Response Data (text)
  • Use of XML in an AJAX application
  • Modifying the DOM with the Response Data (XML)
7

JSON

  • JSON Basics
  • Versus XML
  • AJAX with JSON
  • Cross-domain work around
  • JSON-P
8

Creating own library

  • Object literals as namespaces
  • A Universal AJAX library
  • Handle concurrent outstanding requests
  • Manage Browser differences
  • Provide other services
  • The $ function
  • Managing Events among different browsers
9

XML

  • History / Purpose
  • XSL/CSS with XML
  • DTDs
10

WEB 2.0

  • Technologies - folksonomy, mashups, RSS, etc.
  • Browser Incompatibilities
  • Box Model Issues
  • DOCType Switching
  • Separation of Content, Behavior and Presentation
  • JavaScript best practices
11

Ajax Tools Overview

  • AJAX Initiative
  • AJAX Hub
  • Third-party libraries and Frameworks
  • Overview and statistics
  • DWR
  • Dojo
  • Sarissa
  • Backbase
  • Bindows
  • JackBe NQ Suite

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X