Learn your way! Get started

ASP.NET 4 AJAX and jQuery Using Visual Basic 2010

with Don Kiely


Course at a glance

Included in these subscriptions:

  • Dev & IT Pro Video
  • Dev & IT Pro Power Pack

Release date 4/30/2011
Level Advanced
Runtime 12h 16m
Closed captioning N/A
Transcript N/A
eBooks / courseware Included
Hands-on labs Included
Sample code Included
Exams Included


Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More



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.

Prerequisites

This course assumes that you are familiar and experienced with Microsoft’s .NET Framework and ASP.NET development tools. You should be familiar with Web development and understand how HTTP and HTML work to produce Web pages for the user. You should have experience writing applications with ASP.NET 3.5, 4.0, or later Web forms, and be familiar with how ASP.NET processes page requests, and have strong experience with .NET Framework 3.5, 4.0, or later programming. You should have experience with Visual Studio 2008, 2010, or later for building Web application projects. Experience with building database applications using these tools will be helpful, although not strictly necessary. You should also have some experience with writing JavaScript.

Meet the

Don Kiely Don Kiely is a featured instructor on many of our SQL Server and Visual Studio courses. He is a nationally recognized author, instructor, and consultant specializing in Microsoft technologies. Don has many years of teaching experience, is the author or co-author of several programming books, and has spoken at many industry conferences and user groups. In addition, Don is a consultant for a variety of companies that develop distributed applications for public and private organizations.


Course outline



Module 1

Fundamentals (44:57)
  • Introduction (04:59)
  • Solution is Ajax (02:12)
  • XMLHttpRequest (01:55)
  • Demo: XHR (13:48)
  • Web From Processing (01:15)
  • ASP.NET Page Processing (01:27)
  • ASP.NET AJAX Processing (03:45)
  • Ajax & Visual Studio (02:10)
  • Debug and Explore Ajax (02:05)
  • Demo: Postbacks (10:45)
  • Summary (00:30)
Java Script (33:52)
  • Introduction (01:00)
  • JavaScript, the Language (02:11)
  • Object Orentation (02:28)
  • DHTML (00:45)
  • getElementById() (00:57)
  • Arrays (02:04)
  • innerHTML Property (00:45)
  • style Property (01:16)
  • Multi-Browser Support (02:07)
  • JavaScript Object Notation (01:40)
  • JSON Rules (1) (00:57)
  • JSON Rules (2) (01:34)
  • JSON Rules (3) (01:03)
  • Using JSON (01:23)
  • JavaScript Objects (01:32)
  • Enclosures (03:13)
  • Prototype (03:25)
  • Two Faces of ASP.NET AJAX (00:57)
  • Server-Side AJAX (01:53)
  • Client-Side AJAX (01:54)
  • Summary (00:38)

Module 2

Server Side Ajax (28:12)
  • Introduction (01:46)
  • Ajax Server-Side Controls (01:39)
  • ScriptManager (02:12)
  • Demo: ScriptManager (03:38)
  • Property Collections (02:20)
  • ScriptReference (01:37)
  • ServiceReference (00:56)
  • Demo: Script Service (10:52)
  • Debug Mode (02:40)
  • Summary (00:27)
Update Panel (38:04)
  • Introduction (01:01)
  • UpdatePanel Default Behavior (06:02)
  • Demo: UpdatePanel (10:43)
  • Triggers (01:51)
  • Demo: Async Trigger (03:39)
  • Other Controls (00:25)
  • ScriptManagerProxy (02:18)
  • UpdateProgress (01:02)
  • Demo: UpdateProgress (07:00)
  • Timer Control (00:46)
  • Demo: Timer (02:45)
  • Summary (00:28)

Module 3

Rich Ajax Applications (31:58)
  • Introduction (01:33)
  • Demo: UpdateMode (04:28)
  • Nesting UpdatePanels (01:07)
  • Demo: Nesting (03:21)
  • Minimizing Data Transfer (03:41)
  • Using Page Methods (02:49)
  • Demo: Web Service Call (10:40)
  • Server-Side Page Method (00:57)
  • Demo: Page Method (02:39)
  • Summary (00:39)
Ajax History (13:24)
  • Introduction (00:44)
  • Browser Back Button (00:42)
  • Demo: Browser History (02:10)
  • Use Ajax History (01:06)
  • Demo: Ajax History (08:22)
  • Summary (00:16)

Module 4

Ajax Control ToolKit (20:10)
  • Introduction (01:20)
  • Control Extenders (02:06)
  • Control vs. Extender (01:22)
  • Server and Client Controls (01:37)
  • Server or Client Controls? (01:47)
  • Add Ajax Control Toolkit (03:37)
  • Toolkit Controls and Extenders (00:32)
  • Accordion Control (00:49)
  • Demo: Accordion (02:54)
  • AlwaysVisibleControlExtender (01:23)
  • Demo: Always Visible Extender (02:34)
  • Summary (00:02)
More Toolkit Controls (42:50)
  • Introduction (00:15)
  • AutoCompleteExtender (00:41)
  • Demo: Auto Complete (13:11)
  • FilteredTextBoxExtender (00:23)
  • Demo: Filtered TextBox (02:03)
  • ListSearchExtender (01:36)
  • Demo: List Search (07:31)
  • MaskedEditExtender (01:12)
  • Demo: Masked Edit (04:04)
  • PagingBulletedListExtender (00:36)
  • Demo: Paging Bulleted List (04:25)
  • TextBoxWatermarkExtender (00:46)
  • Demo: TextBox Watermark (01:30)
  • PasswordStrength Control (00:34)
  • Demo: PasswordStrength (03:20)
  • Summary (00:39)
Toolkit Script Manager (16:20)
  • Introduction (01:47)
  • Overview (01:00)
  • Demo: ScriptManager (02:17)
  • Demo: UpdatePanel Animation (03:41)
  • Demo: ScriptResources (01:47)
  • Demo: ToolkitScriptManager (04:23)
  • Demo: Combined Scripts (01:04)
  • Summary (00:17)

Module 5

Intro to jQuery (39:20)
  • Solution is Ajax (02:12)
  • XMLHttpRequest (01:55)
  • Demo: XHR (13:48)
  • Web From Processing (01:15)
  • ASP.NET Page Processing (01:27)
  • ASP.NET AJAX Processing (03:45)
  • Ajax & Visual Studio (02:10)
  • Debug and Explore Ajax (02:05)
  • Demo: Postbacks (10:45)
  • JavaScript, the Language (02:11)
  • Object Orentation (02:28)
  • DHTML (00:45)
  • Introduction (02:50)
  • Summary (00:12)
Using jQuery (26:22)
  • getElementById() (00:57)
  • Arrays (02:04)
  • innerHTML Property (00:45)
  • style Property (01:16)
  • Multi-Browser Support (02:07)
  • JavaScript Object Notation (01:40)
  • Introduction (00:48)
  • Summary (00:16)
Selectors Wrapped Sets Chains (01:00:54)
  • JSON Rules (1) (00:57)
  • JSON Rules (2) (01:34)
  • JSON Rules (3) (01:03)
  • Using JSON (01:23)
  • JavaScript Objects (01:32)
  • Enclosures (03:13)
  • Prototype (03:25)
  • Two Faces of ASP.NET AJAX (00:57)
  • Server-Side AJAX (01:53)
  • Client-Side AJAX (01:54)
  • Ajax Server-Side Controls (01:39)
  • ScriptManager (02:12)
  • Demo: ScriptManager (03:38)
  • Introduction (00:58)
  • Summary (00:35)

Module 6

Work with Page Elements (01:02:16)
  • Property Collections (02:20)
  • ScriptReference (01:37)
  • ServiceReference (00:56)
  • Demo: Script Service (10:52)
  • Debug Mode (02:40)
  • UpdatePanel Default Behavior (06:02)
  • Demo: UpdatePanel (10:43)
  • Triggers (01:51)
  • Demo: Async Trigger (03:39)
  • Introduction (01:44)
  • Summary (00:23)
Use Animation and Effects (42:15)
  • Other Controls (00:25)
  • ScriptManagerProxy (02:18)
  • UpdateProgress (01:02)
  • Demo: UpdateProgress (07:00)
  • Timer Control (00:46)
  • Demo: Timer (02:45)
  • Demo: UpdateMode (04:28)
  • Nesting UpdatePanels (01:07)
  • Demo: Nesting (03:21)
  • Minimizing Data Transfer (03:41)
  • Using Page Methods (02:49)
  • Introduction (02:14)
  • Summary (00:28)
The jQuery UI Library (37:00)
  • Demo: Web Service Call (10:40)
  • Server-Side Page Method (00:57)
  • Demo: Page Method (02:39)
  • Browser Back Button (00:42)
  • Demo: Browser History (02:10)
  • Use Ajax History (01:06)
  • Demo: Ajax History (08:22)
  • Control Extenders (02:06)
  • Introduction (01:38)
  • Summary (00:43)

Module 7

Ajax Made Simple with jQuery (38:28)
  • Control vs. Extender (01:22)
  • Server and Client Controls (01:37)
  • Server or Client Controls? (01:47)
  • Add Ajax Control Toolkit (03:37)
  • Toolkit Controls and Extenders (00:32)
  • Accordion Control (00:49)
  • Demo: Accordion (02:54)
  • AlwaysVisibleControlExtender (01:23)
  • Demo: Always Visible Extender (02:34)
  • Introduction (01:56)
  • Summary (00:27)
Gets Posts and the Ajax Method (37:59)
  • AutoCompleteExtender (00:41)
  • Demo: Auto Complete (13:11)
  • FilteredTextBoxExtender (00:23)
  • Demo: Filtered TextBox (02:03)
  • ListSearchExtender (01:36)
  • Demo: List Search (07:31)
  • MaskedEditExtender (01:12)
  • Demo: Masked Edit (04:04)
  • PagingBulletedListExtender (00:36)
  • Demo: Paging Bulleted List (04:25)
  • Introduction (00:58)
  • Summary (00:30)

Module 8

Replacing the Ajax Method (31:30)
  • TextBoxWatermarkExtender (00:46)
  • Demo: TextBox Watermark (01:30)
  • PasswordStrength Control (00:34)
  • Demo: PasswordStrength (03:20)
  • Overview (01:00)
  • Demo: ScriptManager (02:17)
  • Demo: UpdatePanel Animation (03:41)
  • Demo: ScriptResources (01:47)
  • Demo: ToolkitScriptManager (04:23)
  • Introduction (01:44)
  • Summary (00:55)
Microsoft Extensions (42:08)
  • Demo: Combined Scripts (01:04)
  • Introduction (00:28)
  • jQuery Templates (02:17)
  • Demo: jQuery Templates (11:52)
  • jQuery Data Link (01:48)
  • The Data Link Plugin (01:35)
  • Demo: jQuery Data Link (08:18)
  • jQuery Global (00:59)
  • Demo: jQuery Global (12:48)
  • Summary (00:25)
Validation & Custom Extensions (48:35)
  • Introduction (01:46)
  • Demo: jQuery Validation (13:04)
  • Building Your Own Extensions (01:15)
  • Plugin Conventions (03:18)
  • Demo: Building Your Own Extension (07:04)
  • Plugin Framework (00:53)
  • Plugin Framework Structure (02:35)
  • Demo: Basic Plugin (09:39)
  • Demo: Customizable Plugin (08:33)
  • Summary (00:25)