What's new in Visual Studio 2013 for Web Developers

Transcript

1. What's new in Visual Studio 2013 for Web Developers Ryan Joy - @atxryan
2. 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’
5. Like Visual Studio 2012 before, VS2013 supports round-tripping with older projects. Give it a try today.
6. One ASP.NET
7. 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
8. 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
9. Browser link Get rid of the sandbox. Simultaneously see changes in any modern browser
10.  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
11. Browser Link - Extensable •One JavaScript file, one C# file •Implement your own interesting scenarios
12. http://www.flickr.com/photos/ell-r-brown/5231857174
13. Twitter Bootstrap •Twitter Bootstrap as the default Responsive UI framework.
14. 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
15. Updates to the IDE editors
16. 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.
17. 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.
18. 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.
19. Web Essentials 2013
20. Web Essentials 2013 Preview •vswebessentials.com •github.com/madskristensen/WebEssentials2013
21. http://rj.cx/learn-visual-studio
22. Thanks!!! Ryan Joy - @atxryan Developer Evangelist @ Microsoft
23. Code Camp 2013 Sponsors Gold Silver Bronze