Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's new in Visual Studio 2013 for Web Develo...

What's new in Visual Studio 2013 for Web Developers

Ryan Joy

August 17, 2013
Tweet

More Decks by Ryan Joy

Other Decks in Programming

Transcript

  1. Who am I? •Web developer / JavaScript developer / UX

    developer •Developer Evangelist @ Microsoft •Live in Austin, TX •<3 JavaScript •Passionate about tech community. All community. •I tweet a lot. @atxryan •When not tweeting, you can find me across the entire internet by searching ‘atxryan’
  2. Unified experience • New unified project experience, no more different

    tooling for different ASP.NET project types • Create ASP.NET WebForms, ASP.NET MVC, WCF, or Web API service projects from a single project type, with full scaffolding support for all technologies • Mix and match with core references
  3. Revamped security • Revamped security now supports individual, Windows authentication,

    and no security options • Support for Windows Azure Active Directory • Brand new tooling experience to easily configure new One ASP.NET projects
  4.  A bi-directional channel  Built on open web standards

    – WebSockets + JavaScript  Powered by SignalR & ASP.NET  Enables testing website design in real-time, without refreshing open browsers
  5. Browser Link - Extensable •One JavaScript file, one C# file

    •Implement your own interesting scenarios
  6. Scaffolding •Common tool for all project types (including Web API/MVC/Web

    Forms) •Simply add a Class and build the application •Once the scaffolding is complete, run the application and notice the scaffolded pages use Bootstrap as expected •Ability to scaffold Mobile Views/Areas
  7. JavaScript editor •Document Outline (dropdown for methods): JavaScript files now

    have method lists in a dropdown and they are indented as per their scope. •ECMA Script 6 validation built in: The editor supports ECMA 6 hence if you use ECMA syntax like const, the editor will validate a variable as a const •Identifier Highlighting: A feature that was previously in Web Essentials •Less and CoffeeScript support are also built in now.
  8. HTML5 Editor •Rewritten from scratch. Fully extendable. •Ampersand autocomplete for

    HTML entities and Unicode characters •Support for data-* attributes. The editor now understands these and adds intellisense for these on-the-fly. •Better Smart Tags for various HTML elements. •Native Angular.js support: ng-* Angular tags are now supported in the preview.
  9. HTML5 (cont.) •RDF specifications for Facebook Open graph as well

    as Twitter cards is coming shortly. •Windows phone meta tag support is already in the preview •As is Apple iOS app support •Key point being the new editor is far more extensible than the existing editor  New extensions and improvements are coming out at a much faster rate than before.  Once guidance for building these extensions are released, it will be much easier for you to build your own extensions.