Scott Hanselman

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

October 21, 2013 Comment on this post [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
Hosting By
Hosted in an Azure App Service
October 21, 2013 5:39
Great :D
October 21, 2013 6:12
Why only to web and front end developers?
Nothing for others? :(
October 21, 2013 6:25
Just because I work for that team. Did you see all the changes for everyone? Check out the visual studio blog!
October 21, 2013 6:35
Awesome features, when we need to work with older versions of VS then only we realize how nice these new features are...
October 21, 2013 6:49
October 21, 2013 7:29
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!

October 21, 2013 7:31
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.
October 21, 2013 7:46
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.
October 21, 2013 8:29
Awesome, Scott.

October 21, 2013 10:49
Can browser link work with IIS (not express)? I usually use it to develop web sites.
October 21, 2013 10:53

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?
October 21, 2013 11:07
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...
October 21, 2013 11:14
Nice Work. Thank you, Scott.
October 21, 2013 11:44
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
October 21, 2013 11:47
Nice, Thanks :)
October 21, 2013 11:58
Nice :)
The code that was used on videos can be downloaded?
October 21, 2013 12:46
'No video with supported format and mime type found' on firefox 24.0 on OSX.
October 21, 2013 12:49
so thanks scott.
really thanks !
October 21, 2013 12:55
wicked, gold coast aus,
October 21, 2013 13:33
What about mobile development against iOS and android platforms?
October 21, 2013 13:59
Great stuff Scott, look forward to watching these over my Ramen noodles.
October 21, 2013 14:51
Really thanks for such great post.
October 21, 2013 14:52
Nice Work, Thank you.
October 21, 2013 15:45
I hope there will be short straight forward videos too regarding new EF, SignalR, MVC5, WebApi2 and Owin/ Katana.
October 21, 2013 16:07
October 21, 2013 16:08
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.
October 21, 2013 17:15
Very nice post. Thanks a lot
October 21, 2013 18:15
Like Nicolas, the videos don't work for me either. IE denotes "Error: Unsupported video type or invalid file path"
October 21, 2013 18:32
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
October 21, 2013 18:43
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.
October 21, 2013 20:41
any insights for asynchronous debugging?
October 21, 2013 20:57
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.
October 21, 2013 21:42
Excellent overview, thanks!
October 21, 2013 21:47
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.
October 22, 2013 0:40
Greta work, Thank you Scott
October 22, 2013 1:17
Hi. I'm new in web development. Can I ask if vs2013 support less files or scss files.

Thanks for the video. Love it!
October 22, 2013 1:20
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.
October 22, 2013 1:21
Found it! Link:

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

ohhhh. I'm gonna love vs2013. <3
October 22, 2013 1:23
Rob - Check out this video on Async Debugging
October 22, 2013 1:35
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.
October 22, 2013 1:38
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.
October 22, 2013 2:04
Scott, I'm working on a project that requires https, so I used the post you made a while back to set that up.

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?

October 22, 2013 5:09
When will VS 2013 be on MSDN?
October 22, 2013 5:22
This is really cool stuff.
October 22, 2013 9:43
The Greatest IDE in the planet!
October 22, 2013 10:50
Awesome stuff there mate ... keep it up!
October 22, 2013 17:05
any other videos in the areas of MVC 5, Web API 2, Razor 3, Entity Framework 6 and SignalR 2.0 updates?
October 22, 2013 19:59
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.
October 22, 2013 22:13
Scott, pretty cool features. Great work.
Keep Going...
October 22, 2013 23:31
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?
October 22, 2013 23:31
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!!!
October 23, 2013 8:35
Scott, the last one video "Publishing in VS2013" is broken, and can not be watched.

October 23, 2013 15:10
Great set of videos on killer features of our favorite IDE. I would like to thank your entire team for building them :)
October 24, 2013 0:40
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?
October 24, 2013 4:21
Video does not work for me in Firefox 24.0, but does in Chrome. FYI
October 28, 2013 20:43
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.

October 29, 2013 18:24
Installed WebEssentials2013, now my web pages wont debug. Glorious.
October 30, 2013 9:57
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.
October 30, 2013 19:16
Thanks !!!!
November 03, 2013 7:10
Outs really quick learning post videos, thanq.
November 05, 2013 10:27

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.
November 12, 2013 7:39
Wow, great job guys :)
November 23, 2013 11:25
Can you please tell whats new in windows form development....
December 07, 2013 22:45
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.