Microsoft MVP<br />2004 - Present<br />Improve your productivity in web development using Visual Studio 2010<br />Suthep S...
Agenda<br />0930-1015 Effective designing web application<br />1015-1030 Break<br />1030-1130 ASP.NET 4 Preview (Introduci...
Effective designing web application<br />Use Object-Orientation approach to analysis your problem and design desired syste...
Use Case diagram<br />4<br />
Class diagram<br />5<br />
Sequence diagram<br />6<br />
Then back to update the class diagram<br />7<br />
What’s new in ASP.NET 4 Core Services<br />Web.config File Refactoring<br />Extensible Output Caching<br />Auto-Start Web ...
What’s new in ASP.NET 4 Core Services<br />Page.MetaKeywords and Page.MetaDescription<br />Enabling View State for Individ...
ASP.NET Web Form VS ASP.NET MVC<br />Advantages of Web Form Model<br />Provides RAD development.<br />Easy development mod...
Introducing to ASP.NET MVC<br />11<br />
ASP.NET MVC: Model-View-Controller<br />12<br />
What is jQuery<br />JQuery is a popular JavaScript framework created by John Resig (ejohn.org)<br />Microsoft choose JQuer...
jQuery sample<br />Just include a single JavaScript file for using JQuery<br />Starting point of your JQuery code <br />(j...
how it works<br />Content<br />Script<br />Style<br />Result<br />15<br />
Basic jQuery Selectors<br />E<br />E.class<br />E#id<br />E F<br />E > F<br />E[a]<br />E[a=v]<br />E[a^=v], E[a$=v], E[a*...
Basic jQuery Events and Methods<br />Events:<br />click(fn)<br />mouseover(fn)<br />mouseout(fn)<br />hover(fnOver, fnOut)...
Hands-on Lab:ASP.NET MVC and jQuery<br />18<br />
Drill down ASP.NET MVC<br />19<br />
More about ActionResults<br />20<br />
ContentResult<br />21<br />
JsonResult<br />22<br />
Basic jQuery Ajax methods<br />$(selector).load(url, data)<br />$.get(url, data, callback)<br />$.post(url, data, callback...
Hands-on Lab:Doing Ajax with jQuery and ASP.NET MVC<br />24<br />
VS 2010 capabilities for common development tasks<br />25<br />
Web Application Performance Testing<br />26<br />
Analyzing Web Application Performance by Using Performance Profiling tools<br />27<br />
Analyzing Web Application Performance by Using Performance Profiling tools<br />28<br />
Load Testing<br />29<br />
Q&A<br />30<br />
GreatFriends.Biz Training<br />Public or In-house training class for:OOAD, OOP, ASP.NET MVC, jQuery, VB, C#, Silverlight<b...
Upcoming SlideShare
Loading in …5
×

Improve your Web Development using Visual Studio 2010

1,244 views

Published on

This slide not is designed for self-learning, but just used as a supplement in speaker's presentation.

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

No Downloads
Views
Total views
1,244
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Improve your Web Development using Visual Studio 2010

  1. 1. Microsoft MVP<br />2004 - Present<br />Improve your productivity in web development using Visual Studio 2010<br />Suthep Sangvirotjanaphat<br />http://greatfriends.biz<br />http://facebook.com/suthep<br />
  2. 2. Agenda<br />0930-1015 Effective designing web application<br />1015-1030 Break<br />1030-1130 ASP.NET 4 Preview (Introducing to ASP.NET 4 Core, ASP.NET MVC, jQuery)<br />1130-1230 Lunch<br />1230-1330 Hands-on Lab #1<br />1330-1430 Drill down ASP.NET MVC<br />1400-1500 Hands-on Lab #2<br />1500-1515 Break<br />1515-1600 VS 2010 capabilities for common dev. Tasks(Web performance testing, performance profiling, load testing)<br />1600-1630Q&A. Closing Remark.<br />2<br />
  3. 3. Effective designing web application<br />Use Object-Orientation approach to analysis your problem and design desired system<br />Visual Studio 2010 supports UML 2 for 5 types of diagrams (from 14 totally)<br />Use Case diagram<br />Class diagram<br />Sequence diagram<br />Activity diagram<br />Component diagram<br />UI prototyping using Expression SketchFlow<br />3<br />
  4. 4. Use Case diagram<br />4<br />
  5. 5. Class diagram<br />5<br />
  6. 6. Sequence diagram<br />6<br />
  7. 7. Then back to update the class diagram<br />7<br />
  8. 8. What’s new in ASP.NET 4 Core Services<br />Web.config File Refactoring<br />Extensible Output Caching<br />Auto-Start Web Applications<br />Permanently Redirecting a Page<br />Session State Compression<br />Expanding the Range of Allowable URLs<br />jQuery included with Web Forms and MVC<br />Content Delivery Network (CDN) Support<br />8<br />
  9. 9. What’s new in ASP.NET 4 Core Services<br />Page.MetaKeywords and Page.MetaDescription<br />Enabling View State for Individual Controls<br />Page Routing<br />Setting Client IDs<br />And much more..<br />9<br />
  10. 10. ASP.NET Web Form VS ASP.NET MVC<br />Advantages of Web Form Model<br />Provides RAD development.<br />Easy development model for heavy data-driven LOB apps.<br />Provides rich controls.<br />Familiar model for windows form developers.<br />Advantages of MVC Model<br />Enable clean separation of concerns (SoC).<br />Enable full control over the rendered HTML.<br />Enable Test Driven Development (TDD) (built with TDD in mind).<br />SEO and REST friendly URL.<br />Easy integration with JavaScript frameworks.<br />Support third-party view engines such as NVelocity, Brail, NHaml.<br />No ViewState and PostBack events.<br />Follows the stateless nature of web.<br />Extensible and Pluggable framework. <br /> Ideal platform for Web 2.0 applications.<br />10<br />
  11. 11. Introducing to ASP.NET MVC<br />11<br />
  12. 12. ASP.NET MVC: Model-View-Controller<br />12<br />
  13. 13. What is jQuery<br />JQuery is a popular JavaScript framework created by John Resig (ejohn.org)<br />Microsoft choose JQuery and includes it in ASP.NET MVC<br />Cross-browser support.<br />Easy to code and easy to maintain.<br />Extensible with plug-ins. Huge community.<br />Get up to date and download latest version at http://www.jquery.com<br />13<br />
  14. 14. jQuery sample<br />Just include a single JavaScript file for using JQuery<br />Starting point of your JQuery code <br />(just like event Page_Load or Form_Load)<br />14<br />
  15. 15. how it works<br />Content<br />Script<br />Style<br />Result<br />15<br />
  16. 16. Basic jQuery Selectors<br />E<br />E.class<br />E#id<br />E F<br />E > F<br />E[a]<br />E[a=v]<br />E[a^=v], E[a$=v], E[a*=v]<br />16<br />
  17. 17. Basic jQuery Events and Methods<br />Events:<br />click(fn)<br />mouseover(fn)<br />mouseout(fn)<br />hover(fnOver, fnOut)<br />Methods:<br />hide(), show()<br />slideUp(), slideDown()<br />append(), prepend()<br />html()<br />17<br />
  18. 18. Hands-on Lab:ASP.NET MVC and jQuery<br />18<br />
  19. 19. Drill down ASP.NET MVC<br />19<br />
  20. 20. More about ActionResults<br />20<br />
  21. 21. ContentResult<br />21<br />
  22. 22. JsonResult<br />22<br />
  23. 23. Basic jQuery Ajax methods<br />$(selector).load(url, data)<br />$.get(url, data, callback)<br />$.post(url, data, callback)<br />23<br />
  24. 24. Hands-on Lab:Doing Ajax with jQuery and ASP.NET MVC<br />24<br />
  25. 25. VS 2010 capabilities for common development tasks<br />25<br />
  26. 26. Web Application Performance Testing<br />26<br />
  27. 27. Analyzing Web Application Performance by Using Performance Profiling tools<br />27<br />
  28. 28. Analyzing Web Application Performance by Using Performance Profiling tools<br />28<br />
  29. 29. Load Testing<br />29<br />
  30. 30. Q&A<br />30<br />
  31. 31. GreatFriends.Biz Training<br />Public or In-house training class for:OOAD, OOP, ASP.NET MVC, jQuery, VB, C#, Silverlight<br />31<br />00:01 AM<br />00:02 AM<br />00:03 AM<br />

×