Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Shawn WildermuthPresident, AgiliTrainMicrosoft MVP (Data)
©2012, Wildermuth Consulting Services, LLC   MVVM for the Web
   Your Skills Applied to the Web           ◦ Markup           ◦ Design           ◦ Separation of Concerns           ◦ Da...
XAML                HTML                           Styling              CSS/LESS/SASS                Databinding          ...
   Turning Structure to Object Graphs           ◦ XAML => Render Tree           ◦ HTML => DOM©2012, Wildermuth Consulting...
   Cascading Style Sheets           ◦ Like XAML Styles           ◦ Rules instead of Setters           ◦ Support hierarchi...
   Binding in Markup           ◦ Can use Frameworks to solve               KnockoutJS               Ember.js           ...
   jQuery’s ajax functionality           ◦ Asynchronous           ◦ Supports success and failure correctly           ◦ XM...
   Single Package Doesn’t Exist           ◦ Markup Delivery Drives Packages               Typically package and minimize...
   Proper, Modern Web Development Works           ◦ Don’t have to abandon your methodology           ◦ Doesn’t mean that ...
Nächste SlideShare
Wird geladen in …5
×

Web Development for XAML Devs

8.807 Aufrufe

Veröffentlicht am

Short talk on mapping web development techniques to XAML development techniques.

Veröffentlicht in: Business, Technologie
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Web Development for XAML Devs

  1. 1. Shawn WildermuthPresident, AgiliTrainMicrosoft MVP (Data)
  2. 2. ©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  3. 3.  Your Skills Applied to the Web ◦ Markup ◦ Design ◦ Separation of Concerns ◦ Data Access ◦ Data Binding?©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  4. 4. XAML HTML Styling CSS/LESS/SASS Databinding KnockoutJS (et al.) Data Access $.ajax XAP Not Exactly… XAML (WPF, SL, Metro, WP7) Browser©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  5. 5.  Turning Structure to Object Graphs ◦ XAML => Render Tree ◦ HTML => DOM©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  6. 6.  Cascading Style Sheets ◦ Like XAML Styles ◦ Rules instead of Setters ◦ Support hierarchical rules better than XAML ◦ Can get named styles/rules with meta langs  LESS and SASS are good solutions ◦ No Control Templates  But Less Necessary in HTML©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  7. 7.  Binding in Markup ◦ Can use Frameworks to solve  KnockoutJS  Ember.js  KendoUI  (Backbone.js is really MVC for the client, not Data Binding) ◦ Templates solve the DataTemplate problem too©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  8. 8.  jQuery’s ajax functionality ◦ Asynchronous ◦ Supports success and failure correctly ◦ XML or JSON are both straightforward  JSON is easier in JavaScript©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  9. 9.  Single Package Doesn’t Exist ◦ Markup Delivery Drives Packages  Typically package and minimize  Minimizing is akin to ‘compiling’©2012, Wildermuth Consulting Services, LLC MVVM for the Web
  10. 10.  Proper, Modern Web Development Works ◦ Don’t have to abandon your methodology ◦ Doesn’t mean that every app should be web  But full-reach apps can be  LOB/Single Page Apps still feel like XAML to me©2012, Wildermuth Consulting Services, LLC MVVM for the Web

×