Visual Studio Toolbox: Building Metro Style Apps with JavaScript (Channel 9)

Previously on Visual Studio Toolbox, Robert showed how to use Visual Studio 11 and XAML to start building Metro style apps for Windows 8. In this episode, Robert shows you how to use JavaScript, demonstrating each of the three project templates Visual Studio provides as well as building an app that uses real data instead of sample data.

Follow the Discussion

Follow
Oops, something didn't work.

Try again?

Sign In to be begin to follow these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.

Getting "follow" information

Stop following these comments

Start following these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.

Removing your "follow"

Setting up your "follow"

Did you know you can
sign up for email notifications?
- Subscribe to this comments

teoman

Apr 11, 2012 at 8:36 PM

can you make videos more quality?

thanks.
koistya RIA Guy | Koistya `Navin

Apr 12, 2012 at 8:53 AM

The outcome looks pretty close to what you can do with XAML.. so, what are the prons and cons of HTML5 vs XAML Metro style app development?
golnazal HEY HEY HEY

Apr 12, 2012 at 3:22 PM

@teoman: You can download the video to watch it more clear. It's the streaming that is causing your poor viewing quality. These videos are all recorded 1280x720 HD.
Streamingguy

Apr 13, 2012 at 1:08 PM

@golnazal Is smooth streaming option removed for Channel9 videos? Earlier, the stream used to switch bitrates when viewed in Full screen.
fidel

Apr 14, 2012 at 4:29 AM

how can I building a data basic
fidel

Apr 14, 2012 at 4:32 AM

como posso construir uma base de dados.
o que fazer para ser bom programador de software
Jules

Apr 14, 2012 at 3:21 PM

I am really not looking forward to this HTML/JS World, it looks really ugly way to develop Apps. Visual Studio 11 looks really dreary.

I am going to stay with XAML/ C# where possible. I feel its more robust and productive to get functionality up and running. Hopefully they will make VS 2011 more colourful for our day Job.
danrendrag

Apr 14, 2012 at 8:10 PM

@golnazal:
There is a problem with the embeded video playback quality on this episode, and it's not just this show - the same problem exists on the defrag show, I first noticed it earlier this week but thought it was just me.
The previous episodes of this show (as well as defrag) are working fine in full screen, and all of the text and video artifacts become razor-sharp after only a few seconds into full screen mode.
I don't know what's going on, but it leads me to believe the something has changed in the last week with C9's content streaming or post production encoding. Note that this video is a follow-on episode to the previous one. Same person doine the video, same setup it appears, but vastly differing playback quality.
Take a look at the text rendering while he is writing code in the previous episode and the come back to this one. You'll see the same thing on the last 2 shows over at Defrag.
Thanks in advance for anything you can do to put this info in front of the correct people at C9.
Dan Gardner
rogreen

Apr 16, 2012 at 9:48 AM

@Jules: You say VS 11 is dreary. Do you mean Visual Studio in general? If so, wouldn't that also be true if you are building XAML apps, as well as non Metro style applications? The IDE is pretty much the same regardless of what type of application you are building.
Or are you saying that the problem is not Visual Studio, but the actual apps you build? I agree that the various templates don't have a lot of color in them. But you can use Blend to create good looking apps. Check out this week's episode (coming Wednesday) on using Blend to create good looking HTML based Metro style apps. And next week's episode will show using Blend with XAML based Metro style apps.
Robert
golnazal HEY HEY HEY

Apr 25, 2012 at 11:13 AM

@danrendrag Streamingguy: you guys are right. the smooth streaming is missing from the latest episodes. I just found out from the dev team that they had turned off the smooth streaming when we were having domain issues. but from here on out it should be on!

thanks!
thealgabban

May 01, 2012 at 11:34 PM

so let me ask the flowing Q? , do you Suggests that I throw all my .net skills that a Learn so hard for tha past 10 years and start learn HTML 5 !! and JS !! , This is a joke but not awesome one !! , I'm stack with Win7 for long long long time
rogreen

May 02, 2012 at 8:22 AM

@thealgabban:No one is suggesting that you throw away any of your skills. If you want to build Metro style apps for Windows 8, you can choose whether you want to use XAML with C#/VB/C++ or use JavaScript with HTML/CSS. This is your choice and they are both good choices. If you don't want to build Metro style apps, you can continue to build the same types of apps you have been building, whether they are Windows Forms, ASP.NET, WPF or Silverlight. And you can do this both on Windows 7 and on Windows 8.
Robert
Griffin Cooper

May 14, 2012 at 9:51 AM

Is there a way to obtain the source code for both projects that were shown in this presentation? Thanks in advance.
favor

May 19, 2012 at 2:23 AM

Is there any way to build a data basic.
steve

Jun 12, 2012 at 11:21 AM

Koistya asked above:
The outcome looks pretty close to what you can do with XAML.. so, what are the prons and cons of HTML5 vs XAML Metro style app development?

I'd be curious as to the response too.