Putting the V in MVC - Code Camp
Upcoming SlideShare
Loading in...5
×
 

Putting the V in MVC - Code Camp

on

  • 1,149 views

MVC gives us total control over markup in ASP.NET. Or in other words, you better learn how to turn HTML into something pretty. Luckily, there is a great framework to help us out: jQuery UI! We will ...

MVC gives us total control over markup in ASP.NET. Or in other words, you better learn how to turn HTML into something pretty. Luckily, there is a great framework to help us out: jQuery UI! We will take a look at using jQuery UI to do exactly that. We will start with simple HTML markup and transform it into interactive widgets with very little code. jQuery UI widgets add style and behavior to otherwise drab markup without changing its semantics. We will also look at Wijmo, a new toolkit that extends jQuery UI. Wijmo brings over 30 widgets to jQuery UI from Menus to SVG Charts, 18 of which are Open Source. Both jQuery UI and Wijmo can take your Views from boring to brilliant in ASP.NET MVC. After this session you will be ready to start putting the V in MVC!

Statistics

Views

Total Views
1,149
Views on SlideShare
1,072
Embed Views
77

Actions

Likes
0
Downloads
6
Comments
0

2 Embeds 77

http://our.componentone.com 76
http://forumadmin.componentone.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Putting the V in MVC - Code Camp Putting the V in MVC - Code Camp Presentation Transcript

  • Putting the V in MVCChris Bannon
  • about:me Chris Bannon Product Manager @b4nn0n Hello!
  • The Big V• V stands for View• It is the “Presentation Layer”• Responsible for the UI• Consists of HTML• HTML rendered via HTML Helpers
  • HTML Helpers• “Help” us create HTML• Provide Helpers for simple elements – TextBoxes, HyperLinks, etc.• In the end, they just return a String• Complex HTML Helpers can get messy – Menu, Grid, Tree, etc.
  • “If only there were a way to turnsimple HTML into a rich UI…” ?
  • Enter jQuery UI• Widget library – Turns HTML into interactive UI – As easy to use as jQuery – Pre-themed with CSS – Works in every browser – Falls back to semantic HTML markup• Easily apply animation effects
  • “If only there were more of theseawesome jQuery UI widgets…” …
  • Enter Wijmo• Extends jQuery UI (not replaces it) – Adds features to jQuery UI widgets • Slider, Progressbar, etc. – Adds new widgets to jQuery UI – Grid, Charts, Tree, etc.• Works in every browser (even IE6)• Themeroller-ready That’s me!• As easy to use as jQuery• HTML5, CSS3 and SVG
  • The Ultimate View HTML jQuery! Widgets Java- HTML Script CSS Boom
  • In Other Words $(“ul”).wijmenu();
  • $(“code”).show();
  • Benefits of “The Ultimate View”• Take control over your markup – Clean & lean HTML – Maintainable markup• Highly interactive UI• Easily integrates jQuery.ajax()• Themeroller support
  • ComponentOne’s Web Stack MVC made easy!
  • ResourcesWijmo: http://wijmo.comjQuery: http://jquery.comjQueryUI: http://jqueryui.comThemeroller: http://jqueryui.com/themeroller/Me: http://twitter.com/b4nn0n Thanks!
  • $(this).end(); l8r!