ASP.NET 4.0 AJAX and jQuery Using Visual C# 2010 with Don Kiely

ASP.NET 4.0 AJAX and jQuery Using Visual C# 2010

with Don Kiely

Course Description: AJAX is based on a collection of open and standards-based technologies that can give Web pages you build a responsiveness that rivals what you get in desktop applications. The course starts out with an exploration of the fundamentals of AJAX. Then you’ll go through a few of the more interesting features in JavaScript that will help you write code that runs in the browser. Next up is an introduction to the five server-side controls that you can use in a Web forms page to reduce the amount of data that has to move between client and server. Then you’ll explore some of the techniques you can use to create applications that give users a good experience with your Web application. Next you’ll look at the AJAX Control Toolkit, a collection of server-side controls and extenders that do a lot of the work that you used to have to write reams of JavaScript code to accomplish.

12+ hours of media runtime 

Fundamentals

Solution is Ajax
XMLHttpRequest
Demo: XHR
Web From Processing
ASP.NET Page Processing
ASP.NET AJAX Processing
Ajax & Visual Studio
Debug and Explore Ajax
Demo: Postbacks

JavaScript

JavaScript, the Language
Object Orentation
DHTML
getElementById()
Arrays
innerHTML Property
style Property
Multi-Browser Support
JavaScript Object Notation
JSON Rules (1)
JSON Rules (2)
JSON Rules (3)
Using JSON
JavaScript Objects
Enclosures
Prototype
Two Faces of ASP.NET AJAX
Server-Side AJAX
Client-Side AJAX

Server Side Ajax

Ajax Server-Side Controls
ScriptManager
Demo: ScriptManager
Property Collections
ScriptReference
ServiceReference
Demo: Script Service
Debug Mode

Update Panel

UpdatePanel Default Behavior
Demo: UpdatePanel
Triggers
Demo: Async Trigger
Other Controls
ScriptManagerProxy
UpdateProgress
Demo: UpdateProgress
Timer Control
Demo: Timer

Rich Ajax Applications

Demo: UpdateMode
Nesting UpdatePanels
Demo: Nesting
Minimizing Data Transfer
Using Page Methods
Demo: Web Service Call
Server-Side Page Method
Demo: Page Method

Ajax History

Browser Back Button
Demo: Browser History
Use Ajax History
Demo: Ajax History

Ajax Control ToolKit

Control Extenders
Control vs. Extender
Server and Client Controls
Server or Client Controls?
Add Ajax Control Toolkit
Toolkit Controls and Extenders
Accordion Control
AlwaysVisibleControlExtender
Demo: Always Visible Extender

More Toolkit Controls

AutoCompleteExtender
Demo: Auto Complete
FilteredTextBoxExtender
Demo: Filtered TextBox
ListSearchExtender
Demo: List Search
MaskedEditExtender
Demo: Masked Edit
PagingBulletedListExtender
Demo: Paging Bulleted List
TextBoxWatermarkExtender
Demo: TextBox Watermark
PasswordStrength Control
Demo: PasswordStrength

Toolkit Script Manager

Overview
Demo: ScriptManager
Demo: UpdatePanel Animation
Demo: ScriptResources
Demo: ToolkitScriptManager
Demo: Combined Scripts

Intro to jQuery

The Microsoft Ajax Library
Ajax Library Components
The jQuery Library
Benefits of jQuery
Which Version
Progressive Enhancement
Delivering jQuery to the Browser
Hosted on Your Site
Use a Content Delivery Network
Using a CDN
Compressed & Uncompressed jQuery
Demo: Versions of jQuery

Using jQuery

Demo: Intro to jQuery
Demo: Review the Code
A jQuery Statement
The jQuery Function
Waiting for the Page to Load
Demo: Positioning the Script

Selectors Wrapped Sets Chains

Demo: Selectors Test Page
Demo: Selectors Source Code
Using jQuery Selectors
Simple Selectors
Demo: Selectors
Demo: Selector Flexability
Attribute Value Selectors
Demo: Selector Alt Tags
jQuery Filters
Demo: Filters
Demo: Filter Images
Other Filters
Wrapped Sets and Chaining

Work with Page Elements

Work with Page Elements
Demo: Modifying CSS
Hiding and Showing Elements
Demo: Hiding/Showing Elements
Demo: Hiding Elements Code
Changing Element Content
Demo: Changing Content
Adding and Removing Elements
Demo: Handling Disabled JS

Use Animation and Effects

Hovering Effects
Demo: Hovering Effects
Demo: Reviewing the Code
Hiding and Showing Content
Demo: Simple Animations
Demo: Alt Show Hide Method
Demo: Multiple Animations
The Animate Method
Forms of animate()
Limitations to animate()
Demo: The animate Method

The jQuery UI Library

jQuery User Interface Library
Downloading the jQuery UI Library
Demo: The jQuery Website
Demo: Using the UI Lib
Creating a jQuery UI Lib Theme
Demo: Creating a UI Lib Theme
Building a jQuery UI Page
Demo: Building a jQuery UI Page

Ajax Made Simple with jQuery

Server Side of Ajax
Demo: Ajax Services
Ajax Made Simple with jQuery
The load Method
Content From HTML Files
Demo: Content from HTML Files
Demo: All.html
Content From a Web Service
Demo: Content from Web Service

Gets Posts and the Ajax Method

GET versus POST in load method
Demo: GET versus POST
The get and post Methods
Demo: get and post Methods
Taking Full Control: ajax Method
Demo: ajax Method
Setting Global ajax Method Options
Demo: ajaxSetup
Ajax Local and Global Events
Demo: Ajax Events

Replacing the Ajax Method

The Ajax Control Toolkit
Watermarking
Demo: Watermarking
Rounded Corners
Demo: Rounded Corners
Color Picker
Demo: Color Picker
Rich Text Editor
Demo: Rich Text Editor

Microsoft Extensions

Microsoft Extensions
jQuery Templates
Demo: jQuery Templates
jQuery Data Link
The Data Link Plugin
Demo: jQuery Data Link
jQuery Global
Demo: jQuery Global

Validation & Custom Extensions

Demo: jQuery Validation
Building Your Own Extensions
Plugin Conventions
Demo: Building Your Own Extension
Plugin Framework
Plugin Framework Structure
Demo: Basic Plugin
Demo: Customizable Plugin