what s new in asp net 4 5
Download
Skip this Video
Download Presentation
What’s New in ASP.NET 4.5

Loading in 2 Seconds...

play fullscreen
1 / 28

What’s New in ASP.NET 4.5 - PowerPoint PPT Presentation


  • 56 Views
  • Uploaded on

What’s New in ASP.NET 4.5. Ori Calvo , 2012 John Bryce Hi-Tech College [email protected] http://blogs.microsoft.co.il/blogs/oric/. Objectives. Part 1 - ASP.NET Web Forms 4.5 Part 2 - IDE Enhancements Part 3 - ASP.NET MVC 4. Prerequisites. ASP.NET Developer

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' What’s New in ASP.NET 4.5' - damian-rodriquez


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
what s new in asp net 4 5

What’s New in ASP.NET 4.5

OriCalvo, 2012

John Bryce Hi-Tech College

[email protected]

http://blogs.microsoft.co.il/blogs/oric/

objectives
Objectives
  • Part 1 - ASP.NET Web Forms 4.5
  • Part 2 - IDE Enhancements
  • Part 3 - ASP.NET MVC 4
prerequisites
Prerequisites
  • ASP.NET Developer
  • Good understanding of HTML and HTTP
  • Good understanding of C# Language
getting started
Getting Started
  • Install Visual Studio 11 Beta
    • http://www.microsoft.com/visualstudio/11/en-us
  • Some new features require Windows 8 Consumer Preview
    • http://windows.microsoft.com/en-us/windows-8/download
    • And then install Visual Studio 11
asp net web forms 4 5
ASP.NET Web Forms 4.5
  • Strongly Typed Data Control
  • Model Binding
  • Unobtrusive validation
  • HTML5 Updates
  • Core Runtime and Framework
    • Bundling and Minification
    • Support for Web Sockets API
strongly typed data controls
Strongly Typed Data Controls
  • Still uses the <%# and %> syntax
  • Uses a new “ItemType” attribute
  • New syntax is supported under a web control template
    • Item
    • BindItem
  • IntelliSense works !!!
  • Invoking a method is supported
model binding
Model Binding
  • New data binding mechanism
  • A data bound control can specify
    • Select/Update/Insert/Delete methods
  • Method’s parameters are automatically bound to control state
    • Can bind parameters to other value providers
  • Validation is supported through DataAnnotation
is it mvvm
Is it MVVM?
  • New model binding makes ASP.NET feels like an MVVM framework
    • Each control is bound to an ItemType (A.K.A ViewModel)
  • Use AutoMapper to switch between Model and ViewModel
  • Can it be testable too?
    • See my blog: http://blogs.microsoft.co.il/blogs/oric/archive/2012/02/22/asp-net-web-forms-and-mvvm.aspx
knockoutjs
KnockoutJS
  • Open Source project developed by Steve Sanderson
  • An MVVM library
  • Can bind HTML elements to a JavaScript ViewModel
  • Install through NuGet
asp net web api
ASP.NET Web API

“Stop looking at HTTP through the eyes of WCF”

  • More control over HTTP
  • Simplifying configuration
  • More testability
  • Multiple formats on a single service
  • OData support
bundling and minification
Bundling and Minification
  • Must be enabled at Application_Start
  • Can bundle a whole directory
    • Alphabetical order 
    • Known libraries are moved to top 
    • Can be customized
    • Minification can be skipped
  • Consider a NuGet package named “Cassette”
    • http://getcassette.net/
web sockets
Web Sockets
  • Bi-directional, full-duplex communication channel
  • Over a single TCP socket
  • Requires implementation by both web server and web browsers
    • IIS 8
    • IE 10
  • See sample
small improvements
Small Improvements
  • HTML Encoded Data-Binding
    • Use <%#:
    • More secured
    • Not the default
  • Unobtrusive Validation
    • Cleaner page
    • Small page
  • HTML5 Updates
    • TextBox.TextMode new values
    • FileUpload supports multiple files
ide enhancements
IDE Enhancements
  • HTML Editor
  • JavaScript Editor
  • CSS Editor
  • Page Inspector
  • Publishing
  • IIS Express
html editor
HTML Editor
  • Smart Tasks inside source view
  • New HTML5 snippets
  • Extract to user control
  • IntelliSense inside attributes
  • Automatic renaming of matching tag
  • Event Handler generation
  • Smart indentation
  • Auto reduce statement completion
  • Refactoring effects markup too
javascript editor
JavaScript Editor
  • Code outlining
  • Brace Matching
  • Go to definition
  • Implicit references
  • DOM IntelliSense
css editor
CSS Editor
  • Hierarchical indentation
  • Intellisense for CSS Hacks
  • Ctrl+K,C
  • Color picker
  • Vendor specific prefixes
  • Snippets for browser specific settings
page inspector
Page Inspector

Determine which server-side code has produced the HTML markup

  • Install through Web Platform Installer
  • Right click a file and select “View in Page Inspector”
  • Renders web pages directly into visual studio
  • Allows you to examine source code and HTML
more ide enhancements
More IDE Enhancements
  • Browser chooser
    • Multiple
  • Image Thumbnails
asp net mvc 4
ASP.NET MVC 4
  • New Project Templates
  • Better Mobile Support
  • Display Modes and View Switcher
  • Recipes
  • Task Support for Asynchronous Controllers
project templates
Project Templates
  • Default Project Template
    • Modern looking
    • Richer UI through jQuery UI dialog
    • Adaptive Rendering
  • Mobile
    • Incorporate jQuery Mobile scripts
  • Single Page Application
    • Integrates upshot & Knockout
    • Come to next session 
  • Web API
better mobile support
Better Mobile Support
  • Adaptive Rendering
  • Display Modes
  • View Switcher
  • Mobile Template Project
display modes
Display Modes
  • Useful when adding mobile support for existing web site
    • Install-Package jQuery.Mobile.MVC
  • Allows view/layout selection depending on the browser
  • Can override current browser “User Agent String”
    • Can be used to implement a “View Switcher”
  • Can register custom display modes
jqm server vs client centric
JQM – Server vs. Client centric
  • JQM can be used for both type of application
  • The challenge is to create a real Mobile/Web application
    • Need to preload all application views
    • Views should be filled by client code
      • KnockoutJS
    • What if server is down?
      • HTML5 Offline Web Applications
summary
Summary
  • ASP.NET Web Forms
    • New data binding mechanism
  • ASP.NET MVC 4
    • Better mobile support
  • Visual Studio
    • Better JavaScript development support
    • Lots of nice/small improvements
read more
Read more
  • Course 1373 at John Bryce
  • http://weblogs.asp.net/scottgu/
  • http://www.hanselman.com/blog/
  • http://www.asp.net/mvc
  • http://jquery.com/
  • http://jquerymobile.com/
  • http://blogs.microsoft.co.il/blogs/oric/
ad