Introduction To Asp Net Ajax Library(Beta)


Published on

Hi folks,
This is the PPT which I presented at Microsoft Virtual Tech Days on ASP.NET AJAX Library (BETA).

Published in: Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • <script src="" type="text/javascript"></script>  <asp:ScriptManager ID="ScriptManager1" EnableCdn="true" runat="server">  </asp:ScriptManager>
  • Introduction To Asp Net Ajax Library(Beta)

    1. 1. Introduction to ASP.NET AJAX Library (BETA)<br />Krishna Chaitanya T<br />Senior Systems Engineer | Infosys Technologies Limited<br /> |<br />
    2. 2. Agenda<br /><ul><li>ASP.NET AJAX Library - What’s happening?
    3. 3. More developer friendly
    4. 4. Cross browser, any platform
    5. 5. Don’t change your style!
    6. 6. Enhanced performance
    7. 7. Microsoft AJAX CDN
    8. 8. Script loader - Script combining, lazy/parallel loading
    9. 9. Client side data binding, invoking remote services</li></li></ul><li>What’s happening?<br />ASP.NET AJAX Library now moved to Codeplex as open source project<br />More focus on client side web development<br />Full support for jQuery<br />Merging Ajax Control Toolkit with ASP.NET AJAX Library<br />All ACT controls can now be instantiated as jQuery plugins<br />Full product support after full release <br />
    10. 10. More developer friendly<br />Compatible with all major browsers<br />IE6+, Firefox, Chrome, Safari, Opera<br />Not tightly bound to ASP.NET<br />Supports ASP.NET MVC, Ruby on Rails, PHP<br />Supporting powerful jQuery selectors<br />~34 controls converted to pure client side script, JavaScript/jQuery intellisense provision<br />It’s open source! Explore n enjoy <br />
    11. 11. Don’t change your style!<br />Use the new controls as per your coding style.<br />Multiple ways of instantiating controls:<br />Imperative - in JavaScript (Sys.create)<br />Imperative - using jQuery<br />Declarative - in HTML markup<br />ASP.NET Web form control – with ASP.NET web forms<br />
    12. 12. Instantiating AJAX client controls<br />Imperatively, Declaratively, using jQuery<br />DEMO<br />
    13. 13. Enhanced Performance<br />Microsoft AJAX Content Delivery Network<br />High performance servers, <br />Cached content<br />CDN contains the following:<br />ASP.NET AJAX Library & its releases<br />jQuery, jQuery validation & its releases<br />ASP.NET MVC releases<br /><script src="" type="text/javascript"></script>  <br /><asp:ScriptManager ID="ScriptManager1" EnableCdn="true" runat="server">  </asp:ScriptManager><br />
    14. 14. AJAX Script Loader<br />Located in start.js<br />Capable of loading ASP.NET AJAX library scripts, jQuery, jQuery validation.<br />Detecting DOM ready<br />Sys.onReady<br />Loading required scripts<br />Sys.require<br />
    15. 15. AJAX Script Loader<br />Loading scripts in parallel<br />Script combining <br />Loading dependent scripts<br />Dependencies & Execution dependencies<br />On demand loading (lazy loading) and loading custom scripts<br />Sys.require & Sys.loadScripts<br />
    16. 16. Script Loader<br />Lazy loading, script combining<br />DEMO<br />
    17. 17. Client side data binding<br />DataView component for client side templating<br />Can be used imperatively, declaratively or by using jQuery.<br />Can be imagined as client side repeater<br />Light weight JSON data format for data binding<br />Data from ASMX, WCF, ADO.NET web services and from remote websites can be bound easily on the client side.<br />
    18. 18. Client side data binding<br />Adding event handlers, Invoking remote services, client side templating<br />DEMO<br />
    19. 19. References<br />ASP.NET AJAX Library<br /><br />Channel 9<br /><br />
    20. 20. Feedback / QnA<br />Your Feedback is Important!<br />Please take a few moments to fill out our online feedback form<br />Use the Question Manager on LiveMeeting to ask your questions now!<br />
    21. 21. Contact<br />Blog Address<br /><br />Email Address<br /><br />