際際滷

際際滷Share a Scribd company logo
Visual Studio 2010 and .NET Framework 4 Training Workshop
Presentation Outline (hidden slide): Technical Level : 300 Intended Audience : Developers & Architects Objectives  (what do you want the audience to take away): Understand primary focus around new client-side controls and templating capabilities, from both an imperative and declarative perspective  Help promote the use of ASP.NET AJAX as a client-side JavaScript platform that enables rich web development, even outside of the context of ASP.NET. Presentation Outline : Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
Whats New In ASP.NET AJAX 4 Name Title Organization Email
Agenda Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
 ASP.NET AJAX is alright, but it is way too server-centric for serious client-side development - Uninformed Guy
Common Myths ASP.NET AJAX is tied to ASP.NET, namely WebForms You must use a ScriptManager and UpdatePanels to get anything done It requires Visual Studio to work
Requirements In order to seriously use ASP.NET AJAX, some need Client-side controls Data binding UI templating Easy service communication Modular functionality
Why do some find JavaScript painful?
Who in their right mind wants to do manual XMLHttpRequest work, HTML generation, or data wireup?
Server vs. Client AJAX Initial request:  HTML HTML Form POST HTML + JSON JSON JSON Server AJAX Client AJAX Rendering Rendering
The server should only be concerned with data, not presentation
Client Templates Server-Side (WebForms): <ItemTemplate>   <li><%# Eval(&quot;Name&quot;) %></li> </ItemTemplate> Client-Side: <ul class=&quot;sys-template&quot;>   <li>{{ Name }}</li> </ul>
Client Controls DataView DataContext Dynamic UI Master/Detail DataContext integration Select command bubbling Etc. Server communication WCF ASMX ADO.NET Data Services Etc. Change tracking Etc.
DataContext 1. Request 2. JSON Data 3. Modify  Data 4. Save Data * DataContext includes change tracking automatically ASMX WCF ADO.NET Data Services ASP.NET MVC JsonResult Etc. Data Context
Client Templates DataView DataContext
Maybe youd prefer to write as little JavaScript as possible
Declarative Instantiation Map: xmlns:dataview=&quot;javascript:Sys.UI.DataView 2.  Attach: <div sys:attach=&quot;dataview&quot;></div> 3.  Use: <div  dataview:serviceuri=&quot;myService.svc&quot;>
Did I mention that it is XHTML compliant?
Declarative Instantiation
Command Bubbling Server-Side (WebForms): <asp:Button runat=server CommandName=Select&quot;  /> Client-Side: <button sys:command=&quot;select&quot;  />
Live Bindings Source Target One-Time One-Way Two-Way Object #1 Property #1 Property #2 Property #3 Object #2 Property #1 Property #2 Property #3
Command Bubbling Live Bindings Change Tracking
Summary Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
油

More Related Content

What's hot (20)

Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
Emad Alashi
Model View Controller
Model View ControllerModel View Controller
Model View Controller
urs_tush
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentation
Volkan Uzun
Mvc framework
Mvc frameworkMvc framework
Mvc framework
Dhurham Fahem
MVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros DeveloperMVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros Developer
Nyros Technologies
MVC ppt presentation
MVC ppt presentationMVC ppt presentation
MVC ppt presentation
Bhavin Shah
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms ASP.NET MVC is amazing
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms  ASP.NET MVC is amazingMortal Kombat! ASP.NET MVC vs ASP.NET Webforms  ASP.NET MVC is amazing
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms ASP.NET MVC is amazing
Tom Walker
ASP .Net MVC 5
ASP .Net MVC 5ASP .Net MVC 5
ASP .Net MVC 5
Nilachal sethi
Silver Light By Nyros Developer
Silver Light By Nyros DeveloperSilver Light By Nyros Developer
Silver Light By Nyros Developer
Nyros Technologies
Introduction to the Client OM in SharePoint 2010
Introduction to the Client OM in SharePoint 2010Introduction to the Client OM in SharePoint 2010
Introduction to the Client OM in SharePoint 2010
Ben Robb
Model Binding In ASP.NET MVC
Model Binding In ASP.NET MVCModel Binding In ASP.NET MVC
Model Binding In ASP.NET MVC
Mindfire Solutions
MVC architecture
MVC architectureMVC architecture
MVC architecture
baabtra.com - No. 1 supplier of quality freshers
Building Cool apps with flex
Building Cool apps with flexBuilding Cool apps with flex
Building Cool apps with flex
Joseph Khan
ASP .net MVC
ASP .net MVCASP .net MVC
ASP .net MVC
Divya Sharma
Introduction to mvc architecture
Introduction to mvc architectureIntroduction to mvc architecture
Introduction to mvc architecture
ravindraquicsolv
Future ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developersFuture ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developers
Mark Everard
ASP.NET MVC.
ASP.NET MVC.ASP.NET MVC.
ASP.NET MVC.
Ni
Getting Started with ASP.NET MVC 3 and Razor
Getting Started with ASP.NET MVC 3 and RazorGetting Started with ASP.NET MVC 3 and Razor
Getting Started with ASP.NET MVC 3 and Razor
Dan Wahlin
WMS Inspector - FOSS4G 2010
WMS Inspector - FOSS4G 2010WMS Inspector - FOSS4G 2010
WMS Inspector - FOSS4G 2010
Adri Mercader
What is MVC?
What is MVC?What is MVC?
What is MVC?
Dom Cimafranca
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
Emad Alashi
Model View Controller
Model View ControllerModel View Controller
Model View Controller
urs_tush
ASP.NET MVC Presentation
ASP.NET MVC PresentationASP.NET MVC Presentation
ASP.NET MVC Presentation
Volkan Uzun
MVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros DeveloperMVC Architecture in ASP.Net By Nyros Developer
MVC Architecture in ASP.Net By Nyros Developer
Nyros Technologies
MVC ppt presentation
MVC ppt presentationMVC ppt presentation
MVC ppt presentation
Bhavin Shah
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms ASP.NET MVC is amazing
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms  ASP.NET MVC is amazingMortal Kombat! ASP.NET MVC vs ASP.NET Webforms  ASP.NET MVC is amazing
Mortal Kombat! ASP.NET MVC vs ASP.NET Webforms ASP.NET MVC is amazing
Tom Walker
Silver Light By Nyros Developer
Silver Light By Nyros DeveloperSilver Light By Nyros Developer
Silver Light By Nyros Developer
Nyros Technologies
Introduction to the Client OM in SharePoint 2010
Introduction to the Client OM in SharePoint 2010Introduction to the Client OM in SharePoint 2010
Introduction to the Client OM in SharePoint 2010
Ben Robb
Model Binding In ASP.NET MVC
Model Binding In ASP.NET MVCModel Binding In ASP.NET MVC
Model Binding In ASP.NET MVC
Mindfire Solutions
Building Cool apps with flex
Building Cool apps with flexBuilding Cool apps with flex
Building Cool apps with flex
Joseph Khan
Introduction to mvc architecture
Introduction to mvc architectureIntroduction to mvc architecture
Introduction to mvc architecture
ravindraquicsolv
Future ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developersFuture ASP.NET features for UID / HTML developers
Future ASP.NET features for UID / HTML developers
Mark Everard
ASP.NET MVC.
ASP.NET MVC.ASP.NET MVC.
ASP.NET MVC.
Ni
Getting Started with ASP.NET MVC 3 and Razor
Getting Started with ASP.NET MVC 3 and RazorGetting Started with ASP.NET MVC 3 and Razor
Getting Started with ASP.NET MVC 3 and Razor
Dan Wahlin
WMS Inspector - FOSS4G 2010
WMS Inspector - FOSS4G 2010WMS Inspector - FOSS4G 2010
WMS Inspector - FOSS4G 2010
Adri Mercader

Viewers also liked (15)

Whats New In Asp.Net Web Forms 4
Whats New In Asp.Net Web Forms 4Whats New In Asp.Net Web Forms 4
Whats New In Asp.Net Web Forms 4
Rishu Mehra
Vs2010and Ne Tframework
Vs2010and Ne TframeworkVs2010and Ne Tframework
Vs2010and Ne Tframework
KulveerSingh
Whats New In Entity Framework 4
Whats New In Entity Framework 4Whats New In Entity Framework 4
Whats New In Entity Framework 4
KulveerSingh
The Blair Witch Project
The Blair Witch ProjectThe Blair Witch Project
The Blair Witch Project
guest8ee847
Bios 275:Thomas Hogan:Isgrigg
Bios 275:Thomas Hogan:IsgriggBios 275:Thomas Hogan:Isgrigg
Bios 275:Thomas Hogan:Isgrigg
guest08f896
Whats New In Adonet Data Services 1.5
Whats New In Adonet Data Services 1.5Whats New In Adonet Data Services 1.5
Whats New In Adonet Data Services 1.5
KulveerSingh
Introduction
IntroductionIntroduction
Introduction
KulveerSingh
I Unlock Joy! - ITM Gurgaon
I Unlock Joy! - ITM GurgaonI Unlock Joy! - ITM Gurgaon
I Unlock Joy! - ITM Gurgaon
Rishu Mehra
Windows Azure
Windows AzureWindows Azure
Windows Azure
Rishu Mehra
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
glpribor
Whats New In C Sharp 4 And Vb 10
Whats New In C Sharp 4 And Vb 10Whats New In C Sharp 4 And Vb 10
Whats New In C Sharp 4 And Vb 10
KulveerSingh
What is Microsoft Student Partner Program?
What is Microsoft Student Partner Program?What is Microsoft Student Partner Program?
What is Microsoft Student Partner Program?
Rishu Mehra
all you need to know about windows phone
all you need to know about windows phoneall you need to know about windows phone
all you need to know about windows phone
Rishu Mehra
Asp.NET Validation controls
Asp.NET Validation controlsAsp.NET Validation controls
Asp.NET Validation controls
Guddu gupta
Regiones Geograf鱈co Culturales en HondurasRegiones Geograf鱈co Culturales en Honduras
Regiones Geograf鱈co Culturales en Honduras
Carlos Armando Osorio Roque
Whats New In Asp.Net Web Forms 4
Whats New In Asp.Net Web Forms 4Whats New In Asp.Net Web Forms 4
Whats New In Asp.Net Web Forms 4
Rishu Mehra
Vs2010and Ne Tframework
Vs2010and Ne TframeworkVs2010and Ne Tframework
Vs2010and Ne Tframework
KulveerSingh
Whats New In Entity Framework 4
Whats New In Entity Framework 4Whats New In Entity Framework 4
Whats New In Entity Framework 4
KulveerSingh
The Blair Witch Project
The Blair Witch ProjectThe Blair Witch Project
The Blair Witch Project
guest8ee847
Bios 275:Thomas Hogan:Isgrigg
Bios 275:Thomas Hogan:IsgriggBios 275:Thomas Hogan:Isgrigg
Bios 275:Thomas Hogan:Isgrigg
guest08f896
Whats New In Adonet Data Services 1.5
Whats New In Adonet Data Services 1.5Whats New In Adonet Data Services 1.5
Whats New In Adonet Data Services 1.5
KulveerSingh
I Unlock Joy! - ITM Gurgaon
I Unlock Joy! - ITM GurgaonI Unlock Joy! - ITM Gurgaon
I Unlock Joy! - ITM Gurgaon
Rishu Mehra
Windows Azure
Windows AzureWindows Azure
Windows Azure
Rishu Mehra
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
仂仄亠仍从亳亶 仍亳亠亶 仗亳弍仂仂仂亠仆亳
glpribor
Whats New In C Sharp 4 And Vb 10
Whats New In C Sharp 4 And Vb 10Whats New In C Sharp 4 And Vb 10
Whats New In C Sharp 4 And Vb 10
KulveerSingh
What is Microsoft Student Partner Program?
What is Microsoft Student Partner Program?What is Microsoft Student Partner Program?
What is Microsoft Student Partner Program?
Rishu Mehra
all you need to know about windows phone
all you need to know about windows phoneall you need to know about windows phone
all you need to know about windows phone
Rishu Mehra
Asp.NET Validation controls
Asp.NET Validation controlsAsp.NET Validation controls
Asp.NET Validation controls
Guddu gupta
Regiones Geograf鱈co Culturales en HondurasRegiones Geograf鱈co Culturales en Honduras
Regiones Geograf鱈co Culturales en Honduras
Carlos Armando Osorio Roque

Similar to ASP.NET 4 and AJAX (20)

Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
Sunpawet Somsin
Walther Aspnet4
Walther Aspnet4Walther Aspnet4
Walther Aspnet4
rsnarayanan
Usability AJAX and other ASP.NET Features
Usability AJAX and other ASP.NET FeaturesUsability AJAX and other ASP.NET Features
Usability AJAX and other ASP.NET Features
Peter Gfader
ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008
Caleb Jenkins
DevNext - Web Programming Concepts Using Asp Net
DevNext - Web Programming Concepts Using Asp NetDevNext - Web Programming Concepts Using Asp Net
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
ASP.NET 4.0 Roadmap
ASP.NET 4.0 RoadmapASP.NET 4.0 Roadmap
ASP.NET 4.0 Roadmap
Harish Ranganathan
PPT
PPTPPT
PPT
webhostingguy
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
Dave Bost
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从 仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从  仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从  仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从 仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe
Entity framework and how to use it
Entity framework and how to use itEntity framework and how to use it
Entity framework and how to use it
nspyre_net
ASP
ASPASP
ASP
Ramasubbu .P
Atlas Php
Atlas PhpAtlas Php
Atlas Php
Gregory Renard
Spring MVC
Spring MVCSpring MVC
Spring MVC
yuvalb
Mike Taulty MIX10 Silverlight Frameworks and Patterns
Mike Taulty MIX10 Silverlight Frameworks and PatternsMike Taulty MIX10 Silverlight Frameworks and Patterns
Mike Taulty MIX10 Silverlight Frameworks and Patterns
ukdpe
Using Ajax In Domino Web Applications
Using Ajax In Domino Web ApplicationsUsing Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
dominion
Overview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company indiaOverview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company india
Jignesh Aakoliya
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008
Jonas Folles淡
ASP.NET MVC introduction
ASP.NET MVC introductionASP.NET MVC introduction
ASP.NET MVC introduction
Tomi Juhola
Walther Ajax4
Walther Ajax4Walther Ajax4
Walther Ajax4
rsnarayanan
Asp.Net MVC Intro
Asp.Net MVC IntroAsp.Net MVC Intro
Asp.Net MVC Intro
Stefano Paluello
Introduction to ASP.NET MVC
Introduction to ASP.NET MVCIntroduction to ASP.NET MVC
Introduction to ASP.NET MVC
Sunpawet Somsin
Walther Aspnet4
Walther Aspnet4Walther Aspnet4
Walther Aspnet4
rsnarayanan
Usability AJAX and other ASP.NET Features
Usability AJAX and other ASP.NET FeaturesUsability AJAX and other ASP.NET Features
Usability AJAX and other ASP.NET Features
Peter Gfader
ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008ASP.NET AJAX with Visual Studio 2008
ASP.NET AJAX with Visual Studio 2008
Caleb Jenkins
DevNext - Web Programming Concepts Using Asp Net
DevNext - Web Programming Concepts Using Asp NetDevNext - Web Programming Concepts Using Asp Net
DevNext - Web Programming Concepts Using Asp Net
Adil Mughal
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
ASP.NET 3.5 SP1 (VSLive San Francisco 2009)
Dave Bost
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从 仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从  仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从  仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe - "ASP.NET MVC 磻 仆舒仗仆亳亶 从仂从 仂亰于亳从 亠仆仂仍仂亞 仂亰仂弍从亳 Web...
SoftServe
Entity framework and how to use it
Entity framework and how to use itEntity framework and how to use it
Entity framework and how to use it
nspyre_net
Spring MVC
Spring MVCSpring MVC
Spring MVC
yuvalb
Mike Taulty MIX10 Silverlight Frameworks and Patterns
Mike Taulty MIX10 Silverlight Frameworks and PatternsMike Taulty MIX10 Silverlight Frameworks and Patterns
Mike Taulty MIX10 Silverlight Frameworks and Patterns
ukdpe
Using Ajax In Domino Web Applications
Using Ajax In Domino Web ApplicationsUsing Ajax In Domino Web Applications
Using Ajax In Domino Web Applications
dominion
Overview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company indiaOverview of ASP.Net by software outsourcing company india
Overview of ASP.Net by software outsourcing company india
Jignesh Aakoliya
Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008Silverlight 2 for Developers - TechEd New Zealand 2008
Silverlight 2 for Developers - TechEd New Zealand 2008
Jonas Folles淡
ASP.NET MVC introduction
ASP.NET MVC introductionASP.NET MVC introduction
ASP.NET MVC introduction
Tomi Juhola
Walther Ajax4
Walther Ajax4Walther Ajax4
Walther Ajax4
rsnarayanan

ASP.NET 4 and AJAX

  • 1. Visual Studio 2010 and .NET Framework 4 Training Workshop
  • 2. Presentation Outline (hidden slide): Technical Level : 300 Intended Audience : Developers & Architects Objectives (what do you want the audience to take away): Understand primary focus around new client-side controls and templating capabilities, from both an imperative and declarative perspective Help promote the use of ASP.NET AJAX as a client-side JavaScript platform that enables rich web development, even outside of the context of ASP.NET. Presentation Outline : Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
  • 3. Whats New In ASP.NET AJAX 4 Name Title Organization Email
  • 4. Agenda Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
  • 5. ASP.NET AJAX is alright, but it is way too server-centric for serious client-side development - Uninformed Guy
  • 6. Common Myths ASP.NET AJAX is tied to ASP.NET, namely WebForms You must use a ScriptManager and UpdatePanels to get anything done It requires Visual Studio to work
  • 7. Requirements In order to seriously use ASP.NET AJAX, some need Client-side controls Data binding UI templating Easy service communication Modular functionality
  • 8. Why do some find JavaScript painful?
  • 9. Who in their right mind wants to do manual XMLHttpRequest work, HTML generation, or data wireup?
  • 10. Server vs. Client AJAX Initial request: HTML HTML Form POST HTML + JSON JSON JSON Server AJAX Client AJAX Rendering Rendering
  • 11. The server should only be concerned with data, not presentation
  • 12. Client Templates Server-Side (WebForms): <ItemTemplate> <li><%# Eval(&quot;Name&quot;) %></li> </ItemTemplate> Client-Side: <ul class=&quot;sys-template&quot;> <li>{{ Name }}</li> </ul>
  • 13. Client Controls DataView DataContext Dynamic UI Master/Detail DataContext integration Select command bubbling Etc. Server communication WCF ASMX ADO.NET Data Services Etc. Change tracking Etc.
  • 14. DataContext 1. Request 2. JSON Data 3. Modify Data 4. Save Data * DataContext includes change tracking automatically ASMX WCF ADO.NET Data Services ASP.NET MVC JsonResult Etc. Data Context
  • 16. Maybe youd prefer to write as little JavaScript as possible
  • 17. Declarative Instantiation Map: xmlns:dataview=&quot;javascript:Sys.UI.DataView 2. Attach: <div sys:attach=&quot;dataview&quot;></div> 3. Use: <div dataview:serviceuri=&quot;myService.svc&quot;>
  • 18. Did I mention that it is XHTML compliant?
  • 20. Command Bubbling Server-Side (WebForms): <asp:Button runat=server CommandName=Select&quot; /> Client-Side: <button sys:command=&quot;select&quot; />
  • 21. Live Bindings Source Target One-Time One-Way Two-Way Object #1 Property #1 Property #2 Property #3 Object #2 Property #1 Property #2 Property #3
  • 22. Command Bubbling Live Bindings Change Tracking
  • 23. Summary Client-Side Templates Client Controls Declarative Instantiation Command Bubbling Live Bindings
  • 24.