Comment Feed for Channel 9 - Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? http://files.channel9.msdn.com/thumbnail/8f51d0b3-3f99-46c3-b3c6-45061226b1b5.png Channel 9 - Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? Today's Metro (err... um... Windows 8 App) Wednesday project is another kind of common Hello World kind of example application, one that shows that given a public API developers can provide an experience beyond what the API provider might have ever imagined. Oh and it shows other stuff too, like calling an OData service, use HTML5/WinJS, data binding, sharing and more. Now it's up to you to take this and add your imagination, inspiration and... oh, well, you get it.. Netflix Movie Explorer a Metro Application: Creating Step by StepIn this article we will follow step by step approach to create Netflix Movie Explorer Metro Application. We will use HTML and WinJS to create this application. See the video to understand expected behavior of the application. Some of the features of application are as following Browse movies from Netflix Rate the Movies Browse movies in Semantic views Share the Rating of a particular movie with social media or via mail The post continues to walk you through using Visual Studio 2012, taking the Windows 8 HTML5 Blank Template and adding each of the major features for this Explorer. From getting the data; Step 1: Create Data Source Very first we need to create data source by reading JSON data from OData feed of Netflix movie database. That can be done using WinJS.xhr function In above code snippet, we are performing following tasks Making a call to Netflix OData using WinJS .xhr function As input parameter to xhr function, we are passing exact url of OData Endpoint. We are applying projection and providing JSON format information in URL itself. Once JSON data is fetched form Netflix server data is being parsed and pushed as individual items in the WinJS list. To displaying it in a raw form; Step 2: Create ListView After creating data source we need put WinJS ListView control on the page. A HTML div can be converted to WinJS ListView by setting data-win-control attribute to WinJS.UI.ListView. Other options can be set like layout of the ListView. In this case we have set it to GridLayout, so data will be displayed horizontally. ListView needs data source to display data. Data source can be set either in HTML or in code behind. Let us set data source of movieListView to the movieArray. All the way through a adding Windows 8 features like Semantic and sharing Step 6: Adding Semantic Zoom Next we need to add sematic zoom to the ListView. For that very first let us create a Semantic Zoom Template. We want to display movies with first letter of title in semantic zoom view. Step 9: Adding Code to Share Contract We want our user should able to share the rating of movie on other applications like Mail, Twitter, Facebook. For that we will have to use ShareContract. Ending up with a simple but cool Windows 8 Netflix Explorer that you wrote yourself (well, mostly, kind of). This wouldn't be a Coding4Fun Blog project if there wasn't some code to look at. The source is available right on the page, if you just want to glance at it Or the entire project is also available for download too (click through for the download link)! In the end this project will hopefully show you that building a Windows 8 application doesn't have to be hard, isn't complicated and yet you can still build some pretty cool apps, with some cool functionality, en Mon, 20 May 2013 16:22:53 GMT Mon, 20 May 2013 16:22:53 GMT Rev9 Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? posted by SL Fanboy

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634800656647762961 Wed, 08 Aug 2012 23:34:24 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634800656647762961 SL Fanboy Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? @SL Fanboy: so many people write JavaScript every day, including my development team... and many of them love it. Your name suggests you might not be one of them though Smiley

posted by Duncanma

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634800660273911952 Wed, 08 Aug 2012 23:40:27 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634800660273911952 Duncanma Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? posted by Eric

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634802112155378939 Fri, 10 Aug 2012 16:00:15 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634802112155378939 Eric Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? @Eric:I'm disappointed to see that this kind of personal comment is still so common on comment boards. 

Thanks.

-jesse 

posted by JesseL

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634807268775180288 Thu, 16 Aug 2012 15:14:37 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634807268775180288 JesseL Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? Cross-platform and don't compare it with the old days web kiddy script of writing JavaScript.
If you know what singletons, module patterns, CommonJS etc. means: then you are talking.

Cheers,
Erik

posted by RevolutionCoder

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634808996292877508 Sat, 18 Aug 2012 15:13:49 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634808996292877508 RevolutionCoder Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? Cross platform sounds good if we do not  have to rely on WinJS and WinRT. So first having JavaScript is good and a nice move but so close bonding with platform looses ground.

 

Thanks

Vishal

posted by VishalKaushik

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634831262764202518 Thu, 13 Sep 2012 09:44:36 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634831262764202518 VishalKaushik Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? Just so you know, singletons and module patterns have been around way before JS, singletons are used extensively in almost every programming language and module patterns are used to extend languages (e.g. you could write a module-like class to use instead of a namespace in C++, to solve component initialization, etc).
There is a case to be made in regards JS and module patterns being almost exclusive to each other though.

In any case my point is that you shouldn't make comments that you *think* will make you sound smart because you could sound dumb instead.

posted by darionco

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634845266888082559 Sat, 29 Sep 2012 14:44:48 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634845266888082559 darionco Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? posted by wp7agile

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634852197815136422 Sun, 07 Oct 2012 15:16:21 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634852197815136422 wp7agile Re: Hello Netflix? This Windows 8, WinJS and HTML5. Can we talk? posted by zxy

]]> http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634868329181395288 Fri, 26 Oct 2012 07:21:58 GMT http://channel9.msdn.com/coding4fun/blog/Hello-Netflix-This-Windows-8-WinJS-and-HTML5-Can-we-talk#c634868329181395288 zxy