Scott Hanselman

SCREENCASTS: What's New in Visual Studio 2013 - learn over lunch!

October 21, '13 Comments [65] Posted in ASP.NET | Screencasts | VS2013
Sponsored By

I could write a whole epic post about what's new in VS2013 for Web folks and front-end developers, but this time instead I did some videos. I'm proud of them and I think they really show some of the cool new features in a very clear way.

These are short, clear and to the point. I did them on my own and there's no marketing-speak, just "here's what we built." Here's the full release notes for ASP.NET and Web Tools for you to check out if you really like reading.

Otherwise, take about 30 minutes total, perhaps over lunch, and watch these short videos with live demos of what's new in Visual Studio for Web Developers and Front End Devs.

HTML5 in VS2013

CSS in VS2013

BrowserLink in VS2013

Page Inspector in VS2013

JavaScript in VS2013

Publishing in VS2013

If you've been paying attention over the last year, you may have seen some of these features. I realize that these may not ALL feel like "amazing new surprises." That's the price for being open, eh? If you'd prefer we hide out for a year and make stuff then appear and DROP it on you, let me now. Otherwise, we're sticking with a more Open Web.

Hope you enjoy the tools and the direction.

About Scott

Scott Hanselman is a former professor, former Chief Architect in finance, now speaker, consultant, father, diabetic, and Microsoft employee. He is a failed stand-up comic, a cornrower, and a book author.

facebook twitter subscribe
About   Newsletter
Sponsored By
Hosting By
Dedicated Windows Server Hosting by ORCS Web
Monday, October 21, 2013 1:39:15 AM UTC
Great :D
Thanks
Asif Rahman
Monday, October 21, 2013 2:12:26 AM UTC
Why only to web and front end developers?
Nothing for others? :(
Sumanesh
Monday, October 21, 2013 2:25:01 AM UTC
Just because I work for that team. Did you see all the changes for everyone? Check out the visual studio blog!
Monday, October 21, 2013 2:35:40 AM UTC
Awesome features, when we need to work with older versions of VS then only we realize how nice these new features are...
Kanagasubramanian
Monday, October 21, 2013 2:49:31 AM UTC
Thanks...
Monday, October 21, 2013 3:29:23 AM UTC
One small suggestion, when the cursor is on viewmodel.js, why can't we just hit F12 and go to the js source? I saw in the screencast you were trying to do that, right? :)

Thanks for the nice post!

Weijie
Monday, October 21, 2013 3:31:00 AM UTC
Awesome! I was hoping that you'd write a feature breakdown of VS 2013. I was digging through the release notes and bug fixes a few days ago on the VS blog, but the good parts didn't jump out as well as I wanted them to.
Monday, October 21, 2013 3:46:48 AM UTC
Scott - thank you for the videos! In the browserlink video at 1:18, any idea how to turn off that error list popup when doing the refresh? It gets extremely annoying after a while.
cyrus
Monday, October 21, 2013 4:29:10 AM UTC
Awesome, Scott.

thanks.
bill
Monday, October 21, 2013 6:49:46 AM UTC
Can browser link work with IIS (not express)? I usually use it to develop web sites.
glat
Monday, October 21, 2013 6:53:12 AM UTC
Scott,

New stuff is great, but one thing bothers me.

Is Microsoft introducing new stuff too fast?

Period between Visual Studios has lowered between one to two years, which I belive is too short for adoptation. That is a period of a major product or application. When will the teams have time to adapt? Just in ASP.NET there are novelties that takes you weeks to learn well enough.

I understand that new stuff from competitors and open source is coming out at an accelerated rate, but, personally, we just can't keep up with all of it.

Any comments or ideas?
Ivan
Monday, October 21, 2013 7:07:10 AM UTC
I think made a huge mistake making codesence only for ultimate. It's should be part of core. It's also silly it only works off tfs. You have local test data too so why only use tfs data?
One small niggle: you should probably mention in the title if this article is only about web...
Mladen Mihajlovic
Monday, October 21, 2013 7:14:53 AM UTC
Nice Work. Thank you, Scott.
Monday, October 21, 2013 7:44:50 AM UTC
Hi Scott
Tnx for Awesome Post.
I wanna follow your post in rss Feed.
Please add RSS Feed feat feature to your Blog.


Tnx Scott
Mahdi
Monday, October 21, 2013 7:47:10 AM UTC
Nice, Thanks :)
Monday, October 21, 2013 7:58:15 AM UTC
Nice :)
The code that was used on videos can be downloaded?
Monday, October 21, 2013 8:46:56 AM UTC
'No video with supported format and mime type found' on firefox 24.0 on OSX.
Dan Harman
Monday, October 21, 2013 8:49:59 AM UTC
so thanks scott.
really thanks !
رها
Monday, October 21, 2013 8:55:03 AM UTC
wicked, gold coast aus,
Costas Aletrari
Monday, October 21, 2013 9:33:07 AM UTC
What about mobile development against iOS and android platforms?
Ahmed Abdullah
Monday, October 21, 2013 9:59:26 AM UTC
Great stuff Scott, look forward to watching these over my Ramen noodles.
Monday, October 21, 2013 10:51:56 AM UTC
Really thanks for such great post.
Monday, October 21, 2013 10:52:56 AM UTC
Nice Work, Thank you.
Mahmoud Mosbah
Monday, October 21, 2013 11:45:38 AM UTC
I hope there will be short straight forward videos too regarding new EF, SignalR, MVC5, WebApi2 and Owin/ Katana.
HeavyMetalDude
Monday, October 21, 2013 12:07:40 PM UTC
Great...
Soori
Monday, October 21, 2013 12:08:34 PM UTC
Sounds cool but unfortunately did not manage to make videos to works with chrome/ie/firefox. I also tried to browse the video source directly, it worked with IE, but at some point a bug happened and the video and audio source were not synchronized.
Nicolas D.
Monday, October 21, 2013 1:15:44 PM UTC
Very nice post. Thanks a lot
Monday, October 21, 2013 2:15:15 PM UTC
Like Nicolas, the videos don't work for me either. IE denotes "Error: Unsupported video type or invalid file path"
Bobby
Monday, October 21, 2013 2:32:26 PM UTC
Gr8 Thanks!!!

What abt microsoft azure hosting services in VS.Net 2013
Can i host directly to azure hosting in this version.
It's less painful
Pramod Narayan
Monday, October 21, 2013 2:43:30 PM UTC
Very useful. Thanks, Scott. I hadn't seen a good demonstration of the Page Inspector up until now. If only I could use any of these cool new features with SharePoint...

You also left out TypeScript being included in 2013 RTM. It might be worth a mention, as although the new JS editor Intellisense files are really nice, they can only get you so far.
Sam
Monday, October 21, 2013 4:41:49 PM UTC
any insights for asynchronous debugging?
Monday, October 21, 2013 4:57:45 PM UTC
Hi Scott,

I’m a new Developer in .NET, C# and I’m about to put my first Personal Site Live but I needed to include Photo Gallery Page, Music Page, and Music Video Page is there is any best way for programming this Pages or any sources Code info or book in this topics thanks for your Videos it help me a lot.
Robert Laso
Monday, October 21, 2013 5:42:01 PM UTC
Excellent overview, thanks!
Bogus Hawtsauce
Monday, October 21, 2013 5:47:43 PM UTC
Hey Scott. Just a heads up - the video's won't play in Chrome, at least, on neither of my PCs. If I open the target link to the mp4's directly, last night they were timing out; today, Chrome returns immediately with an empty video (can't be played, muted, 0-time length). They work fine in IE.

You probably can't do much about this, but I wanted to let you know in case you were using a new codec or anything fun like that. I've never had an issue with your videos in the past.
Monday, October 21, 2013 8:40:49 PM UTC
Greta work, Thank you Scott
Monday, October 21, 2013 8:52:53 PM UTC
Catsler
Monday, October 21, 2013 9:17:51 PM UTC
Hi. I'm new in web development. Can I ask if vs2013 support less files or scss files.

Thanks for the video. Love it!
Neil
Monday, October 21, 2013 9:20:33 PM UTC
Neil - We support LESS. You can support SCSS from the command line.

Catsler - What version of Chrome? I'm running Chrome and I have inline videos.
Monday, October 21, 2013 9:21:35 PM UTC
Found it! Link: http://www.asp.net/visual-studio/overview/2013/release-notes

"Visual Studio 2013 also comes with both CoffeeScript and LESS editors built in."

ohhhh. I'm gonna love vs2013. <3
Neil
Monday, October 21, 2013 9:23:31 PM UTC
Rob - Check out this video on Async Debugging
Monday, October 21, 2013 9:35:00 PM UTC
One of feature in VS2013 I like is the whole code preview like in SublimeText, I'll helpful for long aspx and code files.
Well done Scott and your team are rapid change VS and always adding new features to Web, I think Microsoft Web Team is the best team in Microsoft.
Monday, October 21, 2013 9:38:21 PM UTC
Mads has said that he is trying to get SASS support into Web Essentials sometime early next year.

Scott, are there any plans to support using JSDoc for Intellisense? Seems like having separate Intellisense files is a bit redundant when similar information is already contained in JSDoc comments in many libraries, like AngularJS.
Justin Lovero
Monday, October 21, 2013 10:04:59 PM UTC
Scott, I'm working on a project that requires https, so I used the post you made a while back to set that up.

http://www.hanselman.com/blog/WorkingWithSSLAtDevelopmentTimeIsEasierWithIISExpress.aspx

When I try to hit my site in Page Inspector, VS 2013 crashes. Also, Browser Link won't connect to my browser. Do these features only work with http?

Thanks!
Chris McCOwn
Tuesday, October 22, 2013 1:09:23 AM UTC
When will VS 2013 be on MSDN?
Kal
Tuesday, October 22, 2013 1:22:33 AM UTC
This is really cool stuff.
Tuesday, October 22, 2013 5:43:15 AM UTC
The Greatest IDE in the planet!
Andy
Tuesday, October 22, 2013 6:50:41 AM UTC
Awesome stuff there mate ... keep it up!
Tuesday, October 22, 2013 1:05:30 PM UTC
any other videos in the areas of MVC 5, Web API 2, Razor 3, Entity Framework 6 and SignalR 2.0 updates?
Tuesday, October 22, 2013 3:59:49 PM UTC
Scott - I'm running Chrome Version 30.0.1599.101 and IE 10.0.92000.16721 on Win 2008 R2. Neither browser will play the videos in-line; however, IE will actually play the videos via the links Catsler provided assuming the videos are not supposed to have sound.
Bobby
Tuesday, October 22, 2013 6:13:40 PM UTC
Scott, pretty cool features. Great work.
Keep Going...
Tuesday, October 22, 2013 7:31:36 PM UTC
Selected Single Page Application, created ok. Ran and no SPA? If it's a template shouldn't it have a SPA in it somewhere or am I being think and not seeing it?
Richard
Tuesday, October 22, 2013 7:31:38 PM UTC
VS has always been my favorite IDE. 2013 has really taken the web dev experience to a whole new level. Thanks guys and keep up the great work you're doing!!!
Cullen Tsering
Wednesday, October 23, 2013 4:35:33 AM UTC
Scott, the last one video "Publishing in VS2013" is broken, and can not be watched.

mike
Wednesday, October 23, 2013 11:10:01 AM UTC
Great set of videos on killer features of our favorite IDE. I would like to thank your entire team for building them :)
Wednesday, October 23, 2013 8:40:17 PM UTC
I tried BrowserLink feature with my project; and found that context menu only shows "Refreshe" when I right click on the browser link shown on BrowserLink dashboard. And all wordings under Prerequisites are grayed out. Therefore I expected that this is not related to pre-requisites. Any ideas?
Problem using browserlink
Thursday, October 24, 2013 12:21:58 AM UTC
Video does not work for me in Firefox 24.0, but does in Chrome. FYI
RonJ
Monday, October 28, 2013 4:43:20 PM UTC
Thanks for respond to my emails.

I love to use Visual studio Express web 13. I am a happy customer and my feedback are following :-

1. I want to create Console app in VWD 13. I can open it and I can't create it. It is not good to install VSE for desktop just for thing that can be done in VWD.

2. 13 remove the MVC3 support. No big issue for me but .cshtml page doesn't show me correctly. intellisense of c# is disturbed now. I can't type ViewData using Intellisense for now.

:)
Anirudha
Tuesday, October 29, 2013 2:24:21 PM UTC
Installed WebEssentials2013, now my web pages wont debug. Glorious.
Walt
Wednesday, October 30, 2013 5:57:07 AM UTC
Hi Hansal,

The futures are really awesome and helps us lot and reduces our coding time. CSS preview, java script intellisense are great features. Now we need to find out what to develop...

The Team meeting within the Visual studio instead of switching to the browser will make sense.
Kanagasubramanian
Wednesday, October 30, 2013 3:16:10 PM UTC
Thanks !!!!
Johnson Sebastian
Sunday, November 03, 2013 3:10:35 AM UTC
Outs really quick learning post videos, thanq.
Nataraju.N
Tuesday, November 05, 2013 6:27:31 AM UTC
Hi,

I have query about publishing feature of VS 2013.

Microsoft recommends to use package to update changes in production or staging environment of azure because if anything goes incorrect with azure environment so Azure controller will able to deploy same package in new environment with minimal downtime.

But after using this feature my earlier deployed package and app code will not be in sync.

How VS 2013 and azure handle this scenario.
Ramvilas Varma
Tuesday, November 12, 2013 3:39:46 AM UTC
Wow, great job guys :)
Dimitar Dimitrov
Saturday, November 23, 2013 7:25:47 AM UTC
Hi..
Can you please tell whats new in windows form development....
Zaid
Zaid
Saturday, December 07, 2013 6:45:33 PM UTC
When will VS 2013 be on MSDN?
Comments are closed.

Disclaimer: The opinions expressed herein are my own personal opinions and do not represent my employer's view in any way.