How To Take This Class

Course Overview

AJAX has brought a rich interactive content to web pages and web applications. The newest vision of Visual Studio, Visual Studio 2010 brings many advantages to creating AJAX web content. This course covers some of the basics for using AJAX, dealing with server and client AJAX controls. Creating content rich AJAX applications will show how to use the UpdatePanel controls, page methods and other items. The AJAX Control Toolkit section will explain the controls, extenders, and script manager. The next part of the course explores the jQuery Library, which Microsoft has fully embraced as its client-side JavaScript library. Students will learn about the library and how to put it to use, including how to write effective selectors to create matched sets of elements. Students will then learn how to bring a page alive with jQuery, using features like changing page content, animating elements on the page, and using the jQuery UI Library for even more effects. One of the original motivations for jQuery was to support AJAX, and the library includes rich support for asynchronous calls to the server. Class participants will also learn how to make use of various other jQuery extensions and see how to build their own plugin.This course can be delivered in Visual Basic or Visual C# to accommodate a student's language preferences.

Course Prerequisites

This course assumes that students are familiar and experienced with Microsoft’s .NET Framework and ASP.NET development tools. They should be familiar with Web development and understand how HTTP and HTML work to produce Web pages for the user. They 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. Students 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. Students should also have some experience with writing JavaScript.

Course Audience

This course is designed for ASP.NET developers who are interested in implementing AJAX and jQuery functionality within their websites.

What You'll Learn

Upon successful completion of this course, students will be able to:
  • Understand a few of the more interesting features in JavaScript that will help write code that runs in the browser
  • Utilize server and client-side components of ASP.NET AJAX
  • Use techniques to avoid full page postbacks that flash in the browser and which can be intolerably slow for a user
  • Use multiple UpdatePanel controls with a Web application
  • Hook into the browser’s history feature with a Web application
  • Understand jQuery integration in .NET
  • Create animations and effects using jQuery
  • Use standard and custom jQuery Extensions

Course Duration

2 Days

Course Outline

  1. AJAX Fundamentals
    • Introducing AJAX
    • Essential JavaScript
    • Server and Client-Side AJAX
  2. Server-Side AJAX: UpdatePanel and Related Controls
    • Partial Page Rendering
    • The ScriptManager Control
    • The UpdatePanel Control
    • Other Server-Side AJAX Controls
  3. Creating Rich AJAX Applications
    • Using Multiple UpdatePanel Controls
    • Using Page Methods
    • AJAX History and the Browser Back Button
  4. ASP.NET AJAX Control Toolkit
    • Introduction to the AJAX Control Toolkit
    • Toolkit Controls and Extenders
    • ToolkitScriptManager Control
  5. The jQuery Library
    • jQuery for the ASP.NET Developer
    • Using jQuery
    • Selectors, Wrapped Sets and Chains
  6. Bring a Web Page Alive with jQuery
    • Work with Page Elements
    • Use Animations and Effects
    • The jQuery User Interface Library
  7. Using jQuery's AJAX Features
    • AJAX Made Simple with jQuery
    • GETs, POSTs and Data Formats
    • Taking Full Control with the AJAX Method
  8. jQuery Extensions
    • jQuery Extensions in Microsoft's World
    • Building Your Own Extensions