ASP.NET MVC 4 –
New Features
By Mayank Srivastava
MPS Partners LLC
About me
Mayank Srivastava
Senior Consultant / Specialist Web,
MPS Partners LLC.
http://MayankSrivastava.com
MayankSri@Liv...
Know your audience
• Experience on ASP.NET MVC prior versions?
• Understanding of ASP.NET MVC framework?
• jQuery Mobile /...
Topics
• Quick Look
• Solution Templates – Web and Mobile
• Cloud Ready
• Controller Anywhere
• Cleaner Global.ascx.cs
• D...
Quick Look
CNUG07-18-2012
The Mobile Buzz…
Why Target Mobile Platform?
CNUG07-18-2012
Case for Mobile
CNUG07-18-2012
World’s population 7 billion
Total Mobile Broadband Users Hit 1 Billion in 2011
The new pri...
Top 10 CIO Technology Priorities in
2012 - SurveybyGartner
1. Analytics and business intelligence. (Last year's rank: 5)
2...
Building a Mobile Web App
Leveraging your existing skills to build Mobile applications.
What are the options?
Client Side:...
Client side: CSS style – Pre HTML 5
CNUG07-18-2012
What is HTML 5
• New version of HTML
• A new standard UI platform.
• Accepted on wide verity of platforms, not just web
• ...
Client side : Adaptive rendering
Problems:
Bandwidth -Amount of data sent over the wire same whether mobile or desktop.
Ap...
Server side : Display Modes
Being able to send different views to different devices.
CNUG07-18-2012
DAL
Business Logic
Pre...
Demo
• Display modes
• jQuery Mobile
CNUG07-18-2012
Web API
• A framework that makes it easy to build HTTP services that
reach a broad range of clients, including browsers an...
Improvements to Mobile Web
CNUG07-18-2012
DAL
Business Logic
Web API
Desktop
Browser
IE Mobile
Win Ph 7
Safari
iPhone
Safa...
Client side JavaScript libraries
• Knockout.js
• http://knockoutjs.com/
• http://learn.knockoutjs.com/
• History.js
• http...
Web APIs Demo
CNUG07-18-2012
Bundling and Minification
CNUG07-18-2012
Productivity feature
Compression and bundling
• CSS
• JavaScript
• Folder Bundles...
Async Controllers
Old Event-based Asynchronous Pattern
CNUG07-18-2012
Async Controllers
Task based asynchronous pattern
CNUG07-18-2012
Razor Enhancements
• Use of ~ as Root.
CNUG07-18-2012
Download DEMO & Slides
http://blogs.MPSPartners.com/MayankSrivastava/Default.aspx
Also
http://www.MayankSrivastava.com/
CN...
Upcoming SlideShare
Loading in …5
×

CNUG ASP.NET MVC 4 – New Features

640 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
640
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

CNUG ASP.NET MVC 4 – New Features

  1. 1. ASP.NET MVC 4 – New Features By Mayank Srivastava MPS Partners LLC
  2. 2. About me Mayank Srivastava Senior Consultant / Specialist Web, MPS Partners LLC. http://MayankSrivastava.com MayankSri@Live.com MayankSri CNUG07-18-2012
  3. 3. Know your audience • Experience on ASP.NET MVC prior versions? • Understanding of ASP.NET MVC framework? • jQuery Mobile / HTML 5? CNUG07-18-2012
  4. 4. Topics • Quick Look • Solution Templates – Web and Mobile • Cloud Ready • Controller Anywhere • Cleaner Global.ascx.cs • Display Modes and Mobile Features • Web APIs • Bundling and minification • Task-based async controllers • Razor enhancements CNUG07-18-2012
  5. 5. Quick Look CNUG07-18-2012
  6. 6. The Mobile Buzz… Why Target Mobile Platform? CNUG07-18-2012
  7. 7. Case for Mobile CNUG07-18-2012 World’s population 7 billion Total Mobile Broadband Users Hit 1 Billion in 2011 The new primary way to browse the web.
  8. 8. Top 10 CIO Technology Priorities in 2012 - SurveybyGartner 1. Analytics and business intelligence. (Last year's rank: 5) 2. Mobile technologies. (Last year's rank : 3) 3. Cloud computing, including SaaS. (Last year's rank : 1) 4. Collaboration/workflow technologies. (Last year's rank : 8) 5. Legacy modernization. 6. IT management. (Last year's rank : 4) 7. CRM 8. ERP applications 9. Security 10. Virtualization. (Last year's rank : 2) CNUG07-18-2012
  9. 9. Building a Mobile Web App Leveraging your existing skills to build Mobile applications. What are the options? Client Side: HTML 5 / CSS 3 – Meta Viewport tag / Media Queries Server Side ASP.NET MVC – Display Modes CNUG07-18-2012
  10. 10. Client side: CSS style – Pre HTML 5 CNUG07-18-2012
  11. 11. What is HTML 5 • New version of HTML • A new standard UI platform. • Accepted on wide verity of platforms, not just web • Metro Apps • Apple web kit • Android platform • Packaging HTML 5 Websites as Apps using Phone Gap (aka Adobe Cordova) http://phonegap.com/ CNUG07-18-2012
  12. 12. Client side : Adaptive rendering Problems: Bandwidth -Amount of data sent over the wire same whether mobile or desktop. Application performance – Potentially additional data fetch for mobile. User Experience – Smaller screen might need simpler UI design (button/links). CNUG07-18-2012 DAL Business Logic Presentation Logic (URL) Desktop Browser IE Mobile Win Phone Safari iPhone Safari iPad DB Web Application BrowsersStandard markup
  13. 13. Server side : Display Modes Being able to send different views to different devices. CNUG07-18-2012 DAL Business Logic Presentation Logic (URL) Desktop Browser IE Mobile Win Ph 7 Safari iPhone Safari iPad DB Web Application BrowsersClient specific markup
  14. 14. Demo • Display modes • jQuery Mobile CNUG07-18-2012
  15. 15. Web API • A framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices • A platform for building RESTful applications on the .NET Framework • New landing page - http://www.asp.net/web-api • Demo from Channel 9 http://www.asp.net/web-api/samples CNUG07-18-2012
  16. 16. Improvements to Mobile Web CNUG07-18-2012 DAL Business Logic Web API Desktop Browser IE Mobile Win Ph 7 Safari iPhone Safari iPad DB Web Application BrowsersClient specific HTML & JS based App Web App Web App Web App Web App
  17. 17. Client side JavaScript libraries • Knockout.js • http://knockoutjs.com/ • http://learn.knockoutjs.com/ • History.js • https://github.com/balupton/history.js/wiki/Showcase • Upshot.js http://nuget.org/packages/upshot Single page Applications • http://code.msdn.microsoft.com/ASPNET-Single-Page-d6d7172c CNUG07-18-2012
  18. 18. Web APIs Demo CNUG07-18-2012
  19. 19. Bundling and Minification CNUG07-18-2012 Productivity feature Compression and bundling • CSS • JavaScript • Folder Bundles • Declarative Static bundles • Custom Dynamic bundles
  20. 20. Async Controllers Old Event-based Asynchronous Pattern CNUG07-18-2012
  21. 21. Async Controllers Task based asynchronous pattern CNUG07-18-2012
  22. 22. Razor Enhancements • Use of ~ as Root. CNUG07-18-2012
  23. 23. Download DEMO & Slides http://blogs.MPSPartners.com/MayankSrivastava/Default.aspx Also http://www.MayankSrivastava.com/ CNUG07-18-2012 Questions

×