ASP.NET AJAX and jQuery Programming

4 Day Instructor-Led Onsite or Online Course

Course Summary:

AJAX (Asynchronous JavaScript and XML) technologies provide a way to build richer and more efficient Web applications using JavaScript, XMLHttp and DHTML. In this hands-on course you'll learn how AJAX technologies work together to perform partial-page updates to speed up data delivery to the browser. You'll see how Microsoft's ASP.NET AJAX Extensions can simplify the process of AJAX-enabling applications and increase developer productivity. Topics covered include ASP.NET AJAX server-side controls, script library classes and functions, creating and calling Web Services, debugging AJAX-enabled applications, using ASP.NET AJAX services and using ASP.NET AJAX Toolkit controls.

You'll also learn how the popular jQuery JavaScript library can be used to add advanced AJAX functionality into pages. Key jQuery topics covered include using selectors, control chaining, animations and custom plug-ins. Learn how to make AJAX calls to REST APIs and services using built-in xmlHttp functionality.

Pre-Requisites:

Previous experience with ASP.NET and C# or VB is required. Experience working with JavaScript is recommended.

What You'll Learn:
  • AJAX technologies and architecture
  • The purpose of the ScriptManager
  • How to use the UpdatePanel control
  • Providing request progress status to end users
  • PageRequestManager events and other client-side classes and functions
  • How to cancel or abort AJAX requests
  • The process of creating and calling ASP.NET Web Services with AJAX
  • The role of JSON
  • AJAX debugging tips, tricks and tools
  • How to access security and profile information using ASP.NET AJAX
  • ASP.NET AJAX Toolkit controls
  • The process of selecting objects using jQuery selectors
  • How to use jQuery command chaining
  • How to manipulate the DOM with jQuery
  • How events can be triggered using jQuery
  • How to call services or REST APIs with jQuery
  • The process for combining scripts to speed up page loads

Course Details:

AJAX Technologies and Concepts
  • What is AJAX?
  • AJAX architecture and technologies
  • Using the XMLHttpRequest object to perform asynchronous postback operations
  • Cross-browser issues
  • Writing callback functions
  • Getting started with the ASP.NET AJAX Extensions
ASP.NET AJAX Controls
  • ASP.NET AJAX controls
  • The purpose of the ScriptManager and ScriptManagerProxy controls
  • Combining scripts using CompositeScript
  • Making asynchronous calls with the UpdatePanel control
  • Defining UpdatePanel triggers
  • Updating data on a timed basis with the Timer control
  • Showing progress with the UpdateProgress control
  • Using the History Control
ASP.NET AJAX Script Library
  • Introduction to the ASP.NET AJAX Script Library
  • Using ASP.NET AJAX shortcut functions
  • What is the PageRequestManager class?
  • Handling initialize, load and completion events
  • Preventing duplicate AJAX requests and aborting AJAX requests
Working with Remote Data
  • Web Services Architecture
  • The purpose of JSON
  • AJAX-enabling ASP.NET Services
  • The ScriptService and ScriptMethod attributes
  • AJAX-enabling WCF Services
  • Referencing Services with the ScriptManager
  • Using client-side JavaScript proxy objects
Debugging AJAX Applications
  • Find bugs and issues with AJAX debugging tools
  • Debugging with VS.NET 2005 and the Script Explorer
  • Viewing AJAX request/response messages with Fiddler
  • Debugging with FireFox and FireBug
Using ASP.NET AJAX Services
  • Configuring Membership and Profile services for AJAX applications
  • Authenticating users with the Membership service
  • Accessing user profiles with the Profile service
  • Writing success and failure callbacks
ASP.NET AJAX Toolkit Controls
  • Introduction to the ASP.NET AJAX Toolkit
  • Installing and configuring the toolkit
  • Exploring toolkit controls:
    • AutoComplete
    • ReorderList
    • ModalPopUp
    • MaskedEdit
    • ValidatorCallOut
    • More…
Getting Started with jQuery
  • Why use jQuery?
  • Introduction to Selectors
  • Understanding Control Chaining and Commands
  • The Role of the ready() Command
The jQuery Event Model
  • jQuery Event Model Benefits
  • Handling Click Events
  • Using bind() and unbind()
  • Firing Events Once with one()
  • Handling Hover Events
  • Accessing Event properties
Manipulating the DOM with jQuery
  • Using the each() command
  • Modifying Object Properties
  • Locating and Modifying Attributes
  • Adding and Removing Nodes
  • Modifying Styles and CSS Classes
  • Using the is() and hasClass() commands
  • Reading and Modifying Element Text with the html() command
  • Extracting text with the text() command
  • Using the wrap() command
Using jQuery to Call Back to the Server
  • Loading HTML Content from the Server
  • Collecting Form Data using the serialize() command
  • Making GET Requests
  • Making POST Requests
  • Working with JSON Data
  • Using the ajax() Command
  • Setting Default Properties for ajax() Calls
  • Attaching AJAX Success and Error Listeners
Using jQuery Animations and Effects
  • Showing and Hiding elements
  • Toggling elements with the toggle() command
  • Fading in and out
  • Sliding up and down
  • Custom Animations
  • Using Custom jQuery Animation Extensions

Contact Us for information about onsite or online courses.

Video Tips Newsletter for .NET and SharePoint Developers
Sign-up to receive our free video tips newsletter for .NET and SharePoint developers and learn about technologies that can help make you more productive: