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.

1. Thai Microsoft MVP Since 2004 ASP.NET MVC 3in JavaScript, Ajax, and Model Validation Ajarn Suthep Sangvirotjanaphat http://greatfriends.biz http://facebook.com/suthep

2. Agenda 2

4. Razor

5. jQuery

6. Unobtrusive JavaScript

7. Remote Validation

8. JSON Binding

9. Validation InterfacesAjarn Suthep Sangvirotjanaphat http://greatfriends.biz http://facebook.com/suthep

10. ASP.NET MVC 3 3rd Generation 4

11. ASP.NET MVC 3 5 We will discover these topics in this session.

12. Razor New View engine 6

13. A little bit about Razor 7

14. jQuery Unobtrusive JavaScript and Client-Side Validation 8

15. jQuery included in Web Form and MVC by default We have the jQuery.js file ready to use when create a new ASP.NET project You’ll got jquery1.4.1 in Web Form and MVC 2 In MVC 3, You’ll got jquery1.4.4 by default. Current jQuery version is 1.5.2(release on Mar 31, 2011) Do you knowwhich one to use? 9

16. Adding jQuery in the page 10

17. Unobtrusive JavaScript Best practice in JavaScript programming 11

18. Unobstrusive JavaScript 12

19. Unobtrusive JavaScript It’s a best practice in JavaScript programming. Separation of functionality. separate behavior from markup 13

20. Unobtrusive JavaScript Separation of functionality. independence from specific framework 14

21. Client-Side Validation is Enabled by Default in MVC 3 But if want to change from this… 15

22. Remote Validation While still face to user, turn back to talk with the server mentally. 16

23. Remote Validation (In Model) MVC 3 uses Remote validation feature of jQuery Validate plugin. 17 Action name Controller name

24. Remote Validation in Action 18 11:01 AM 11:01 AM 11:02 AM 11:03 AM

25. Remote Validator (In Controller) 19 11:01 AM

26. JSON Binding Sending data from client to controller is now more easier 20

27. JSON Binding 21 11:15 AM

28. JSON Binding 22

29. JSON Binding 23

30. Validation Interfaces 24

31. Validation Interfaces 25

32. GreatFriends.Biz Training Public or In-house training class for:OOAD, OOP, ASP.NET MVC, jQuery, VB, C#, Silverlight 26 00:01 AM 00:02 AM 00:03 AM