![email [email_address] Caleb Jenkins Senior Consultant Training Mentor blog developingUX.com twitter .com/calebjenkins](https://image.slidesharecdn.com/aspnetajaxvs2008-1216102322570587-9/75/ASP-NET-AJAX-with-Visual-Studio-2008-4-2048.jpg)
![protected void UpdatePanel1_PreRender(object sender, EventArgs e) { // This code will only be executed if the partial postback // was raised by a __doPostBack('UpdatePanel1', '') if (Request[" __EVENTTARGET "] == UpdatePanel1. ClientID ) { // Insert magic here. } } what about when you want to execute code only if a particular UpdatePanel is targeted? check the __EVENTTARGET: UpdatePanel Events use triggers check for !IsPostBack and !IsInAsyncPostBack](https://image.slidesharecdn.com/aspnetajaxvs2008-1216102322570587-9/75/ASP-NET-AJAX-with-Visual-Studio-2008-37-2048.jpg)
![[all images in this presentation are the property and copyright of their owners… Most of which I just found on the Internet and really have no idea who that might be.] copyright](https://image.slidesharecdn.com/aspnetajaxvs2008-1216102322570587-9/75/ASP-NET-AJAX-with-Visual-Studio-2008-53-2048.jpg)
![email [email_address] Caleb Jenkins Senior Consultant Training Mentor blog developingUX.com twitter .com/calebjenkins](https://image.slidesharecdn.com/aspnetajaxvs2008-1216102322570587-9/75/ASP-NET-AJAX-with-Visual-Studio-2008-54-2048.jpg)
Uploaded byCaleb Jenkins
ASP.NET AJAX with Visual Studio 2008
This document provides an overview of ASP.NET AJAX with Visual Studio 2008, including: 1) Benefits of using ASP.NET AJAX such as asynchronous JavaScript calls that reduce page loads and improve the user experience. 2) Key concepts of ASP.NET AJAX including UpdatePanels, triggers, and client-side JavaScript libraries. 3) Differences between client-centric and server-centric programming models in ASP.NET AJAX.
ASP.NET AJAX with Visual Studio 2008
- 1. asp.net ajax withvisual studio 2008
- 2.
- 3.
- 4. email [email_address]Caleb Jenkins Senior Consultant Training Mentor blog developingUX.com twitter .com/calebjenkins
- 5.
- 6. asp.net ajax withvisual studio 2008
- 7.
- 8. the ux leveroffers new market opportunities differentiates product/service provides operational efficiency and business insight raises the bar
- 9.
- 10.
- 11. limitations of web applications
- 12. Traditional Web Applicationsuse costly Postbacks for Server operations and UI operations. No “ integrated ” way to work with client side scripting
- 13.
- 14. A synchronous J avaScript A nd X ML Not a “new” technology – It’s a specific way of using existing technologies. Used in Outlook Web Access (IE 5) Transfer just the “ data ” between browser and server <XML DATA>
- 15.
- 16.
- 17. <XML DATA> JSONDATA; REST SOAP
- 18. Side Note: notall AJAX uses XML Another popular data transfer mechanism is JSON (Pronounced: Jason) J ava S cript O bject N otation JSON is much faster than XML for browser to process not all XML is SOAP WebServices another type of WebServices is a light weight REST service (popular with PHP and Ruby on Rails) AJAX sounds better than AJAJ
- 19.
- 20. Difficulties with AJAXToo “Close to the wire ” Heavy DHTML plumbing required Browser compatibilities with DHTML
- 21. AJAX can alsorefer to a “ web 2.0 ” site Embodies not only AJAX data calls, but an over all adherence to good User Experience ( UX ) principals. Usability CSS/ (x)HTML Standards Overall Immersive Web Experience ASP.NET AJAX has features to support both : AJAX Data Calls and Rich UX Side Note:
- 22. ASP.NET AJAX WebServer IE Firefox Safari Browser Clients JSON Bridge Support Membership & Personalization Support ASP.NET Server Control Integration ASP.NET AJAX Client JavaScript Libraries MicrosoftAjax.js MicrosoftAjax.en-us.js MicrosoftAjax.debug.js MicrosoftAjaxTimer.js MicrosoftAjaxWebForms.js IIS & ASP.NET Apache & PHP ColdFusion
- 23. Client Centric TwoBasic Development Models Server Centric
- 24. Client Centric leaneron the wire smart client architecture longer development time less IDE support UI and Data on the wire keep viewstate intact better developer productivity ASP.NET type IDE support Server Centric
- 25. Server-Centric Programming ModelBrowser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls Client Script Framework Client Application Services Component/UI Framework, Controls ASP.NET Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
- 26. Client-Centric Programming ModelBrowser Presentation (HTML/CSS) AJAX Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls ASP.NET Application Pages Web Services Atlas Script Framework Client Application Services Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data Data
- 27. AJAX Application Do not trust client input Do not enforce business rules on the client Do not think that this is for “Everything” Is it bookmark-able? Search Engine Spiderable ( SEO )? Do I need to be able use the back button? { consider history extender } Consider my API and API Security No-No’s and Gotchas!
- 28. External Services MyApplication Client Bridge Proxy (Script) External Service Server Pages UI + Logic (HTML + Script) Bridge Config Initiate Request Cache Lookup Create Service Request Invoke Service Process Service Response Update Display
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35. Separate download Libraryof free ASP.NET AJAX enabled controls ASP.NET 2.0 and .NET 3.5 (w / w/o source) available Download from http://ajax.asp.net Collaborative source model All source freely available with modification license Microsoft & non-Microsoft developers contribute Already contains 35+ really cool controls Goal is to get 50-100 great controls Biggest challenge creating new controls? Thinking of behaviors that aren’t already offered! Control Toolkit
- 36. Demo “ HelloWorld” with the UpdatePanel ScriptManager, UpdatePanel, Triggers, UpdateProgress
- 37. protected void UpdatePanel1_PreRender(object sender, EventArgs e) { // This code will only be executed if the partial postback // was raised by a __doPostBack('UpdatePanel1', '') if (Request[" __EVENTTARGET "] == UpdatePanel1. ClientID ) { // Insert magic here. } } what about when you want to execute code only if a particular UpdatePanel is targeted? check the __EVENTTARGET: UpdatePanel Events use triggers check for !IsPostBack and !IsInAsyncPostBack
- 38. UpdatePanel Eventsknow your asp.net page life cycle UpdatePanel Button updatepanel_ load button_ click updatepanel_ prerender
- 39. Demo Working withExtenders ASP.NET AJAX Control Toolkit
- 40.
- 41. Demo Working withVisual Studio 2008 ASP.NET 3.5 Preview, Debug, JavaScript Intellisense
- 42. custom extender controls provide framework for hooking up properties and links between server and client side components provide framework for hooking up properties and links between server and client side components
- 43. custom extender controls provide framework for hooking up properties and links between server and client side components
- 44. ASP.NET AJAX Componentstypes of client components
- 45. Demo Building YourOwn Extender Extender Walkthrough: Confirm Button Extender
- 46.
- 47. IE7 with Developer Toolbar FireFox with Web Developer ToolBar FireFox with FireBug Nikhil’s Web Developer Helper http://projects.nikhilk.net/Projects/WebDevHelper.aspx Resources + Tools (!)
- 48. How Do I Videos
- 49. How Do I Videos
- 50. How Do I Videos
- 51. “ Official ASP.NETAJAX” - http://ajax.asp.net Fiddler http://www.fiddlertool.com/fiddler/ JavaScript Bible Resources + Tools ++
- 52.
- 53. [all images inthis presentation are the property and copyright of their owners… Most of which I just found on the Internet and really have no idea who that might be.] copyright
- 54. email [email_address]Caleb Jenkins Senior Consultant Training Mentor blog developingUX.com twitter .com/calebjenkins
- 55. www.ImprovingEnterprises.com http://CommunityCast.tv http://ineta.orgwww.DevelopingUX.com
- 56.
- 57.