• Save
Improve your Web Development using Visual Studio 2010
Upcoming SlideShare
Loading in...5
×
 

Improve your Web Development using Visual Studio 2010

on

  • 1,318 views

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

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

Statistics

Views

Total Views
1,318
Views on SlideShare
1,317
Embed Views
1

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 1

http://bit.ly 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

Improve your Web Development using Visual Studio 2010 Improve your Web Development using Visual Studio 2010 Presentation Transcript

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