Learn your way! Get started

ASP.NET AJAX Using Visual Basic 2005

with expert Scott Cate


Course at a glance

Included in these subscriptions:

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

Release date Release date 4/30/2008
Level Level Advanced
Runtime Runtime 12h 44m
Closed captioning Closed captioning N/A
Transcript Transcript N/A
eBooks / courseware eBooks / courseware Included
Hands-on labs Hands-on labs Included
Sample code Sample code Included
Exams Exams Included
Platform Platform Internet Explorer Only


Enterprise Solutions
Enterprise Solutions

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



Course description

Microsoft has provided the ASP.NET AJAX Extensions, a set of assemblies based on the .NET Framework 2.0, which makes AJAX style web programming extremely simple. A task that used to take weeks; is now simplified to a drag and drop operation. This course quickly dives into the history of AJAX and the simplification of AJAX made possible with the ASP.NET AJAX Extensions. You’ll learn how to make partial page updates, work with Web Services in JavaScript, advanced AJAX debugging techniques, and more.

Prerequisites

This course assumes you have a basic programming background and basic knowledge of Visual Basic, HTML, CSS, JavaScript, and building Web-based applications using Visual Studio 2005.

Meet the expert

Scott Cate Scott Cate is the president of a technology company specializing in commercial ASP.NET applications. He is the co-author of the book "Beginning AJAX with ASP.NET" and leader of the Arizona .NET User Group, one of the largest and most active user group communities in the country. Scott has been selected as a Microsoft MVP for ASP.NET for several years in a row and is a member of ASP.NETInsiders.com, a group devoted to providing early feedback directly to the Microsoft ASP.NET Team.


Course outline



Module 1

Introduction to AJAX (19:01)
  • Introduction (02:16)
  • AJAX Terminology (01:51)
  • Making AJAX Easy (00:30)
  • Adding JavaScript (02:04)
  • LoadFamily (03:48)
  • Reviewing the Code (01:01)
  • Partial Page Update (01:07)
  • DHTML and AJAX (02:16)
  • Using Arrays (03:37)
  • Summary (00:26)
Introducing JSON (25:14)
  • Introduction (00:51)
  • What is JSON? (02:07)
  • Construct a JSON Object (03:36)
  • Using JSON (03:27)
  • Names Array (02:39)
  • Running the Name Array (00:15)
  • JSON Tips (02:09)
  • Prototypes and Enclosures (02:46)
  • Prototypes v. Enclosures (05:15)
  • Memory Footprint (01:38)
  • Summary (00:26)
AJAX Framework Benefits (25:10)
  • Introduction (00:59)
  • ASP.NET AJAX Framework (02:31)
  • Demo: Web Service (01:38)
  • Demo: ConsumeProducts (01:09)
  • View web.config (03:58)
  • ConsumeProducts.aspx.js (02:18)
  • Demo: Fancy DataGrid (01:13)
  • DataGrid Problems (00:54)
  • Overview: UpdatePanel (00:49)
  • ScriptManager (01:34)
  • How Does It Work? (02:37)
  • New Framework Features (01:14)
  • StringBuilder Explained (02:45)
  • Review of AJAX Benefits (00:23)
  • Summary (01:02)

Module 2

Script Manager (37:36)
  • Introduction (01:16)
  • Overview: ScriptManager (02:50)
  • Client Side Framework (02:01)
  • Add JavaScript File (02:05)
  • Load and View Script (03:33)
  • Use Debug Scripts (01:06)
  • ScriptReference ScriptMode (01:18)
  • ScriptManager ScriptMode (04:13)
  • Localization (01:02)
  • Add Resource File (03:26)
  • Register Resource File (01:53)
  • Add WebResource (03:33)
  • Load an Embedded Resource (06:49)
  • View Available Languages (01:04)
  • Summary (01:20)
Web Services (36:00)
  • Introduction (01:40)
  • Overview: Web Services (01:33)
  • Create Web Service (00:52)
  • ScriptMethod (00:33)
  • ScriptService (04:35)
  • Add ServiceReference (00:56)
  • Enhance the Sample (00:06)
  • View Support Files (02:07)
  • Add DropDownList (01:13)
  • Test DropDownList (00:13)
  • Add New WebService (03:14)
  • Add ScriptManager (00:51)
  • Create SelectCities (04:12)
  • Debug WebService (01:42)
  • Add Display Markup (05:05)
  • Test WebService (00:31)
  • How it all Works (05:36)
  • Summary (00:55)
ScriptManagerProxy (20:19)
  • Introduction (01:42)
  • Overview: ScriptManagerProxy (01:01)
  • Demo: ScriptManagerProxy (00:53)
  • Demo: Add User Control (03:44)
  • Browse Page (00:34)
  • Script Manager Benefits (03:07)
  • Executing Timed Events (00:49)
  • Demo: Add a Timer (01:20)
  • Code: Timer1_Tick event (00:43)
  • View Timer Page (00:30)
  • Modify Server Callback (01:43)
  • Demo: Use Multiple Timers (03:37)
  • Summary (00:31)

Module 3

UpdatePanel - Server (29:39)
  • Introduction (01:39)
  • Overview: UpdatePanel (01:32)
  • Demo: UpdatePanel (03:15)
  • Partial Page Update (04:50)
  • UpdatePanel Magic (01:38)
  • Multiple UpdatePanels (04:29)
  • Always v. Conditional Mode (04:00)
  • Block v. Inline Render (04:32)
  • Content Outside UpdatePanel (02:55)
  • Summary (00:45)
UpdatePanel - Client (34:29)
  • Introduction (01:13)
  • Overview: Client Events (02:01)
  • Demo: PageRequestManager (04:23)
  • sys.application.add_init (04:34)
  • initialzeRequest (06:25)
  • Debug Client Events (04:35)
  • pageLoaded code (04:10)
  • Use a Stringbuilder (06:05)
  • Summary (01:00)
Triggers / UpdateProgress (39:01)
  • Introduction (02:27)
  • Overview: Triggers (01:33)
  • Demo: Create a Trigger (05:14)
  • Add AsyncPostBack Trigger (01:19)
  • Add PostBack Trigger (03:09)
  • ChildrenAsTriggers (01:50)
  • UpdateMode (03:24)
  • Add Triggers in Source View (01:49)
  • Overview: UpdateProgess Ctl (01:47)
  • Demo: UpdateProgress Ctl (04:27)
  • DisplayAfter Property (02:43)
  • AssociatedUpdatePanelID (00:17)
  • Multiple Update Panels (01:15)
  • Multiple Progress Ctls (06:45)
  • Summary (00:55)

Module 4

Introducing Control Toolkit (45:42)
  • Introduction (01:40)
  • Overview: Control Toolkit (04:03)
  • Accordion (01:34)
  • AlwaysVisibleControl (03:15)
  • Animation/AutoComplete (01:31)
  • Calendar/CascadingDropDown (02:40)
  • ConfirmButton (03:25)
  • DropDown/DropShadow (02:13)
  • DynamicPopulate (00:38)
  • FilteredTextBox (00:49)
  • HoverMenu/ListSearch (01:42)
  • MaskedEdit/ModalPopup (01:51)
  • MutuallyExclusiveCheckbox (01:13)
  • NoBot/NumericUpDown (03:00)
  • PagingBulletedList (01:22)
  • PasswordStrength (01:04)
  • PopupControl (00:48)
  • Rating/ReorderList (01:17)
  • ResizableControl (01:07)
  • RoundedCorners/Slider (02:00)
  • SlideShow/Tabs (01:33)
  • TextBoxWatermark (00:53)
  • ToggleButton (00:39)
  • UpdatePanelAnimation (02:15)
  • ValidatorCallout (02:31)
  • Summary (00:26)
Using the Control Toolkit (46:03)
  • Introduction (00:45)
  • Five Popular Controls (01:29)
  • Demo: ListSearch (10:19)
  • Demo: PagingBulletList (03:31)
  • Demo: AutoComplete (09:05)
  • Demo: ModalPopup (13:28)
  • Demo: RoundedCorners (06:47)
  • Summary (00:36)
ToolkitScriptManager (19:53)
  • Introduction (00:39)
  • Overview (01:43)
  • Demo: ScriptManager (01:23)
  • UpdatePanelAnimationExt. (00:33)
  • Create New Animation (02:54)
  • View Scripts Created (02:06)
  • Demo: ToolkitScriptManager (01:26)
  • Combine Scripts (02:54)
  • CombineScriptHandlerUrl (00:49)
  • Handler Explained (05:00)
  • Summary (00:21)

Module 5

Using Toolkit Animations (34:15)
  • Introduction (00:41)
  • Toolkit Animation Extender (01:51)
  • Demo: Animations (01:38)
  • Add AnimationExtender (01:17)
  • Create Sequence (01:10)
  • Sequential Sequence (00:50)
  • Parallel Sequence (00:23)
  • AnimationTarget property (02:08)
  • Collapse/Resize Animation (03:06)
  • Expand/Resize Animation (04:21)
  • Naming Convention Tip (01:06)
  • scriptAction Sequence Event (00:45)
  • Add JavaScript Block (06:16)
  • enableAction Animation (05:22)
  • Add Sequence Animation (02:55)
  • Summary (00:20)
Build an AJAX App (Part 1) (30:00)
  • Introduction (00:53)
  • Task Overview (01:38)
  • View Setup App (00:23)
  • Create Master Page (00:51)
  • Add Reference to CSS (00:36)
  • Add Login Control (01:15)
  • ASP.NET Website Admin Tool (01:44)
  • Create New User (00:48)
  • Add Roles (02:37)
  • Include DB in Project (01:19)
  • Add LoginView Control (02:43)
  • Create Default.aspx Page (01:29)
  • View Default.aspx (02:16)
  • Create New Database (05:08)
  • Create DataSet (01:20)
  • Create Table Adapter (04:40)
  • Summary (00:14)
Build an AJAX App (Part 2) (35:01)
  • Introduction (00:30)
  • Task Overview (00:58)
  • Add GridView (01:45)
  • Configure DataSource (03:07)
  • Configure GridView (01:09)
  • Test Gridview (00:49)
  • Edit Gridview Columns (01:43)
  • View ObjectDataSource (03:38)
  • Insert New Data (04:01)
  • Add DetailsView (03:05)
  • Add LoginView Control (02:39)
  • Create Partial Page Postback (04:04)
  • Modify LoginView Control (06:38)
  • Summary (00:49)

Module 6

Build an AJAX App (Part 3) (18:37)
  • Introduction (00:57)
  • Task Overview (00:50)
  • Add New Web Service (03:46)
  • Reference Web Service (00:44)
  • Submit Question Button (02:27)
  • Utilize ScriptMethod (00:48)
  • Add Callbacks (02:27)
  • Test the App (00:00)
  • Debug Web Service (05:48)
  • Summary (00:45)
Debug JavaScript (39:45)
  • Introduction (01:21)
  • Overview: Debug JavaScript (02:14)
  • Demo: Debug Sample (00:40)
  • View Page Source (05:09)
  • Attach to IE Process (01:01)
  • Types of Debuggers (00:45)
  • VS Script Explorer (02:40)
  • Test Breakpoint (02:15)
  • Overview: Visualizers (00:37)
  • Quick Watch Window (01:02)
  • Add a Watch (01:37)
  • ScriptManager ScriptMode (02:37)
  • Examine ScriptResource File (03:34)
  • Debug JavaScript File (04:57)
  • Sys.Stringbuilder (02:21)
  • Debug in Framework (05:49)
  • Summary (01:00)
Debug in Internet Explorer (29:57)
  • Introduction (01:26)
  • Overview: Debug in IE (04:35)
  • Demo: Debug in IE (02:44)
  • Nikhil"s Web Dev Helper (00:17)
  • HTTP Logging (01:51)
  • Deserialize to JSON (02:46)
  • Script Console (01:09)
  • Sys.Debug (01:15)
  • Create Debug Scripts (06:03)
  • trace v. traceDump (00:41)
  • Script Class Browser (06:31)
  • Summary (00:33)

Module 7

AJAX Client Library (53:29)
  • Introduction (00:46)
  • JavaScript Shortcuts (01:43)
  • Demo: JavaScript Shortcuts (04:30)
  • $get shortcut (01:09)
  • $addHandler shortcut (03:30)
  • $removeHandler shortcut (03:24)
  • $clearHandler shortcut (03:43)
  • JavaScript Extensions (01:12)
  • Demo: JavaScript Extensions (01:02)
  • Add JavaScript Reference (04:59)
  • Overview: Array (02:06)
  • Array.add (04:11)
  • Array.dequeue (02:27)
  • Array.insert (02:44)
  • Array.removeAt (05:02)
  • String Builder/String.format (05:41)
  • Number.parseLocale (04:39)
  • Summary (00:34)
Exploring Sys NameSpace (32:31)
  • Introduction (00:46)
  • Overview (02:37)
  • .Application (04:32)
  • .StringBuilder (01:14)
  • append() (00:23)
  • toString() (02:02)
  • .Serialization.JavaScriptSerial... (03:52)
  • serialize() (00:46)
  • deserialize() (04:34)
  • PageRequestManager (05:55)
  • .UI.DomElement (05:12)
  • Summary (00:34)

Module 8

Object Oriented AJAX (47:43)
  • Introduction (01:20)
  • Object Oriented AJAX (01:31)
  • Demo: OOP Demo (00:50)
  • Overview: OOP (01:40)
  • Register a Namespace (00:36)
  • Create Auto Class (04:42)
  • Create Class Instances (05:43)
  • Register the Auto Class (01:10)
  • Implement IDisposable (00:57)
  • Create Inheritance Chain (02:37)
  • Create Helper Functions (07:45)
  • View in Browser (03:07)
  • Object Inheritance (03:53)
  • Interfaces Explained (00:59)
  • Create IHighSpeed Interface (02:08)
  • Register IHighSpeed Interface (03:10)
  • Code to Implement Interface (05:03)
  • Summary (00:27)
Intro to Deployment (38:24)
  • Introduction (01:02)
  • Overview: Deployment (02:30)
  • Demo: Intro to Deployment (00:14)
  • Create New Web Site (01:07)
  • Explore Web Site Files (00:38)
  • New AJAX Web Application (00:43)
  • Explore the BIN Folder (02:24)
  • Deployment Options (00:55)
  • Copy Web Site (01:46)
  • Publish Web Site (02:32)
  • Using Roeder"s Reflector (06:14)
  • Publish Web Project (03:26)
  • Add Script Manager to Site (02:16)
  • AJAX 2.0 Extensions (02:23)
  • Global Assembly Cache (GAC) (05:23)
  • web.config File Settings (04:24)
  • Summary (00:19)
Database Deployment (26:18)
  • Introduction (01:44)
  • Overview: DB Deployment (02:56)
  • Demo: Deployment (00:33)
  • Create App Data Folder (00:50)
  • View Connection String (01:36)
  • Overview: DataDirectory (01:25)
  • Deployment Issues (03:01)
  • ASP.NET Web Admin Tool (02:00)
  • View machine.config (02:00)
  • aspnet_regsql.exe (04:10)
  • Prepare Membership DB (03:33)
  • View Membership Tables (01:19)
  • Summary (01:05)