0
Thai Microsoft MVP<br />Since 2004<br />ASP.NET MVC 3in JavaScript, Ajax, and Model Validation<br />Ajarn Suthep Sangvirot...
Agenda<br />2<br />
Agenda<br /><ul><li>MVC 3
Razor
jQuery
Unobtrusive JavaScript
Remote Validation
JSON Binding
Validation Interfaces</li></ul>Ajarn Suthep Sangvirotjanaphat<br />http://greatfriends.biz<br />http://facebook.com/suthep...
ASP.NET MVC 3<br />3rd Generation<br />4<br />
ASP.NET MVC 3<br />5<br />We will discover these topics in this session.<br />
Razor<br />New View engine<br />6<br />
A little bit about Razor<br />7<br />
jQuery<br />Unobtrusive JavaScript and Client-Side Validation<br />8<br />
jQuery included in Web Form and MVC by default<br />We have the jQuery.js file ready to use when create a new ASP.NET proj...
Adding jQuery in the page<br />10<br />
Unobtrusive JavaScript<br />Best practice in JavaScript programming<br />11<br />
Unobstrusive JavaScript<br />12<br />
Unobtrusive JavaScript<br />It’s a best practice in JavaScript programming.<br />Separation of functionality. <br />separa...
Unobtrusive JavaScript<br />Separation of functionality. <br />independence from specific framework<br />14<br />
Client-Side Validation is Enabled by Default in MVC 3<br />But if want to change from this…<br />15<br />
Remote Validation<br />While still face to user, turn back to talk with the server mentally.<br />16<br />
Remote Validation (In Model)<br />MVC 3 uses Remote validation feature of jQuery Validate plugin.<br />17<br />Action name...
Remote Validation in Action<br />18<br />11:01 AM<br />11:01 AM<br />11:02 AM<br />11:03 AM<br />
Remote Validator (In Controller)<br />19<br />11:01 AM<br />
JSON Binding<br />Sending data from client to controller is now more easier<br />20<br />
Upcoming SlideShare
Loading in...5
×

ASP.NET MVC 3 in area of Javascript and Ajax improvement

4,038

Published on

Let's see improvement in ASP.NET MVC 3 about Javascript and Ajax that covers unobtrusive javascript, JSON binding, and especially we will talk deeper about data validation that everyone must be involved. In ASP.NET MVC 3 we can make validation more simpler and better by Model Validation and Remote Validation.

Speaker: Ajarn Suthep Sangvirotjanaphat
A Microsoft Most Valuable Professional (MVP) award since 2004-present. Founder of the GreatFriends.Biz community which is a small but nice and peaceful .net developer community in Thailand. The GreatFriends.Biz also provides training classes in .NET technologies and OOAD/OOP/UML to more than 1,800 developers in several companies and organizations.

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total Views
4,038
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
127
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "ASP.NET MVC 3 in area of Javascript and Ajax improvement"

  1. 1. Thai Microsoft MVP<br />Since 2004<br />ASP.NET MVC 3in JavaScript, Ajax, and Model Validation<br />Ajarn Suthep Sangvirotjanaphat<br />http://greatfriends.biz<br />http://facebook.com/suthep<br />
  2. 2. Agenda<br />2<br />
  3. 3. Agenda<br /><ul><li>MVC 3
  4. 4. Razor
  5. 5. jQuery
  6. 6. Unobtrusive JavaScript
  7. 7. Remote Validation
  8. 8. JSON Binding
  9. 9. Validation Interfaces</li></ul>Ajarn Suthep Sangvirotjanaphat<br />http://greatfriends.biz<br />http://facebook.com/suthep<br />
  10. 10. ASP.NET MVC 3<br />3rd Generation<br />4<br />
  11. 11. ASP.NET MVC 3<br />5<br />We will discover these topics in this session.<br />
  12. 12. Razor<br />New View engine<br />6<br />
  13. 13. A little bit about Razor<br />7<br />
  14. 14. jQuery<br />Unobtrusive JavaScript and Client-Side Validation<br />8<br />
  15. 15. jQuery included in Web Form and MVC by default<br />We have the jQuery.js file ready to use when create a new ASP.NET project<br />You’ll got jquery1.4.1 in Web Form and MVC 2<br />In MVC 3, You’ll got jquery1.4.4 by default.<br />Current jQuery version is 1.5.2(release on Mar 31, 2011)<br />Do you knowwhich one to use?<br />9<br />
  16. 16. Adding jQuery in the page<br />10<br />
  17. 17. Unobtrusive JavaScript<br />Best practice in JavaScript programming<br />11<br />
  18. 18. Unobstrusive JavaScript<br />12<br />
  19. 19. Unobtrusive JavaScript<br />It’s a best practice in JavaScript programming.<br />Separation of functionality. <br />separate behavior from markup<br />13<br />
  20. 20. Unobtrusive JavaScript<br />Separation of functionality. <br />independence from specific framework<br />14<br />
  21. 21. Client-Side Validation is Enabled by Default in MVC 3<br />But if want to change from this…<br />15<br />
  22. 22. Remote Validation<br />While still face to user, turn back to talk with the server mentally.<br />16<br />
  23. 23. Remote Validation (In Model)<br />MVC 3 uses Remote validation feature of jQuery Validate plugin.<br />17<br />Action name<br />Controller name<br />
  24. 24. Remote Validation in Action<br />18<br />11:01 AM<br />11:01 AM<br />11:02 AM<br />11:03 AM<br />
  25. 25. Remote Validator (In Controller)<br />19<br />11:01 AM<br />
  26. 26. JSON Binding<br />Sending data from client to controller is now more easier<br />20<br />
  27. 27. JSON Binding<br />21<br />11:15 AM<br />
  28. 28. JSON Binding<br />22<br />
  29. 29. JSON Binding<br />23<br />
  30. 30. Validation Interfaces<br />24<br />
  31. 31. Validation Interfaces<br />25<br />
  32. 32. GreatFriends.Biz Training<br />Public or In-house training class for:OOAD, OOP, ASP.NET MVC, jQuery, VB, C#, Silverlight<br />26<br />00:01 AM<br />00:02 AM<br />00:03 AM<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×