SCREENCASTS: What's New in Visual Studio 2013 - learn over lunch!
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.
About Newsletter
Hosting By
Just because I work for that team. Did you see all the changes for everyone? Check out the visual studio blog!
Awesome features, when we need to work with older versions of VS then only we realize how nice these new features are...
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
Thanks for the nice post!
Weijie
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.
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.
Can browser link work with IIS (not express)? I usually use it to develop web sites.
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?
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?
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...
One small niggle: you should probably mention in the title if this article is only about web...
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
Tnx for Awesome Post.
I wanna follow your post in rss Feed.
Please add RSS Feed feat feature to your Blog.
Tnx Scott
'No video with supported format and mime type found' on firefox 24.0 on OSX.
What about mobile development against iOS and android platforms?
Great stuff Scott, look forward to watching these over my Ramen noodles.
I hope there will be short straight forward videos too regarding new EF, SignalR, MVC5, WebApi2 and Owin/ Katana.
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.
Like Nicolas, the videos don't work for me either. IE denotes "Error: Unsupported video type or invalid file path"
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
What abt microsoft azure hosting services in VS.Net 2013
Can i host directly to azure hosting in this version.
It's less painful
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.
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.
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.
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.
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.
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.
For those missing vids inline in Chrome:
HTML5 in VS2013
CSS in VS2013
BrowserLink in VS2013
Page Inspector in VS2013
JavaScript in VS2013
Publishing in VS2013
HTML5 in VS2013
CSS in VS2013
BrowserLink in VS2013
Page Inspector in VS2013
JavaScript in VS2013
Publishing in VS2013
Hi. I'm new in web development. Can I ask if vs2013 support less files or scss files.
Thanks for the video. Love it!
Thanks for the video. Love it!
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.
Catsler - What version of Chrome? I'm running Chrome and I have inline videos.
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
"Visual Studio 2013 also comes with both CoffeeScript and LESS editors built in."
ohhhh. I'm gonna love vs2013. <3
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.
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.
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.
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.
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!
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!
any other videos in the areas of MVC 5, Web API 2, Razor 3, Entity Framework 6 and SignalR 2.0 updates?
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.
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?
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!!!
Scott, the last one video "Publishing in VS2013" is broken, and can not be watched.
Great set of videos on killer features of our favorite IDE. I would like to thank your entire team for building them :)
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?
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.
:)
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.
:)
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.
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.
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.
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.
Comments are closed.
Thanks