Showing posts with label WinJS. Show all posts
Showing posts with label WinJS. Show all posts

Tuesday, January 22, 2013

You are Here... "Bing Maps for Windows Store Apps Training Kit"

Bing Maps Blog - Bing Maps for Windows Store Apps Training Kit

Bing Maps for Windows Store apps combine the power of Windows 8 and Bing Maps to provide an enhanced mapping experience for Windows Store apps. Developers can use this Bing Maps control to incorporate the latest road maps, aerial views, and low-angle high-resolution images into a Windows Store app.

Today we are happy to announce the release of the Bing Maps for Windows Store Apps Training Kit. This training kit is made up of a PowerPoint slide deck which serves as an overview to create a Windows Store App using Bing Maps. The slide deck also includes information on existing applications which use Bing Maps that are in the Windows Store. In addition to the training deck there are 2 labs. The first has been designed for the JavaScript developer and the second, for the Native code developer. Each lab is made up of multiple exercises and should take around 90 minutes to complete.


I'm just a sucker for Training Kits...

Tuesday, December 11, 2012

Hello Hilo - Hilo (JavaScript) sample for Windows Store released from Microsoft Patterns and Practices

Developing an end-to-end Windows Store app using JavaScript: Hilo (Windows)

The JavaScript version of the Hilo photo sample provides guidance to JavaScript developers who want to create a Windows 8 app using HTML, CSS, JavaScript, the Windows Runtime, and modern development patterns. Hilo comes with source code and documentation.

Download code
Download eBook (PDF)

After you download the code, see Getting started with Hilo for instructions.

Here's what you'll learn:

  • How to use HTML, CSS, JavaScript, and the Windows Runtime to create a world-ready app for the global market. The Hilo source code includes support for three languages.
  • How to implement tiles, pages, controls, touch, navigation, file system queries, suspend/resume.
  • How to implement the Model-View-Presenter and query builder patterns.
  • How to test your app and tune its performance.


  • Windows 8
  • Microsoft Visual Studio 2012
  • An interest in JavaScript programming

Go to Windows Store app development to download the latest tools for Windows Store app development.

Table of contents at a glance

Here are the major topics in this guide. For the full table of contents, see Hilo table of contents.

Get your Win8/WinRT/WinJS/HTML/CSS/JS photo coding on! Use this to build your perfect holiday photo app? Learn Windows 8 Store app Dev? HTML/JavaScript? Async dev? Yep, all that and more...


(via MSDN UK Team blog - Developing an end-to-end Windows Store app using JavaScript: Hilo (Windows))


Related Past Post XRef:
HiloJS - Hilo moves to Metro (and HTML5/JavaScript)

Tuesday, August 21, 2012

"Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)" 537 page PDF now available (and still free)

Microsoft Press - Free ebook: Programming Windows 8 Apps with HTML, CSS, and JavaScript (Second Preview)

We’re happy to release the Second Preview of our free ebook Programming Windows 8 Apps with HTML, CSS, and JavaScript, by Kraig Brockschmidt, today. Here’s a description of the ebook from Kraig:

Kraig here. Hello again! Now that the RTM build of Windows 8 is out and available to developers, along with upgraded tools, I’m delighted to offer the next preview release of my book, Programming Windows 8 Apps with HTML, CSS, and JavaScript. Since the first release in June, we’ve added eight more chapters, bringing the total to 12 out of a planned 17. The new chapters cover collection controls (everything you wanted to know about ListView!), layout (especially view states), commanding UI (app bars, message dialogs, and their friends), the all-important topic of managing state, a close look at input and sensors (a form of input, really), media, animations, and contracts (share, search, the file pickers, and contacts). The earlier preview chapters (1-4) have also been updated and refined.

Writing a book like this has always been a journey of exploration for myself, and I’m truly grateful that I also have the opportunity to share the results with you. The process has involved many discussions with the Windows engineering team who created the platform, often taking me into far-off corners of the galaxy, so to speak. I’ve also been doing my best to follow app-building discussions both within Microsoft, on the MSDN forums, and StackOverflow so that I can try to anticipate and answer questions that will likely arise in your own mind. And with this over-abundance of information and experience, my goal has been to pull together a narrative story from start to finish, blazing a single trail through what can seem at times like a thick jungle. I would love to hear from you how successful I’ve been at this endeavor.



From the "Who this book is for";

This book is about writing WinRT apps using HTML5, CSS3, and JavaScript. Our primary focus will be on applying these web technologies within the Windows 8 platform, where there are unique considerations, and not on exploring the details of those web technologies themselves. For the most part, then, I'm assuming that you're already at least somewhat conversant with these standards. We will cover some of the more salient areas like the CSS grid, which is central to app layout, but otherwise I trust that you're capable of finding appropriate references for everything else.

I'm also assuming that your interest in Windows 8 has at least two basic motivations. One, you probably want to come up to speed as quickly as you can, perhaps to carve out a foothold in the Windows Store sooner rather than later. Toward that end, I've front-loaded the early chapters with the most important aspects of app development along with "Quickstart" sections to give you immediate experience with the tools, the API, and core platform features. On the other hand, you probably also want to make the best app you can, one that performs really well and that takes advantage of the full extent of the platform. Toward this end, I've also endeavored to make this book comprehensive, helping you at least be aware of what's possible and where optimizations can be made.

Many insights have come from working directly with real-world developers on their real-world apps. As part of the Windows Ecosystem team, myself and my teammates have been on the front lines bringing those first apps to the Windows Store. This has involved writing bits of code for those apps and investigating bugs, along with conducting design, code, and performance reviews with members of the core Windows engineering teams. As such, one of my goals with this book is to make that deep understanding available to many more developers, including you!

Wow, 537 pages and still just the "second preview". Not bad for free!


Related Past Post XRef:
It's an eBook day I guess... "Programming Windows 8 Apps with HTML, CSS, and JavaScript (First Preview)"

[Limited time offer] Programming Windows 6th Edition Preview eBook is now available. Buy the CP edition today for $10 and get the RP/RTM book updates as they are released, free...
Code samples for "Programming Windows, 6th Edition" updated for Windows 8 Release Preview & Visual Studio 2012 RC (and you also get C++ versions too)

Wednesday, August 15, 2012

For the Win[JS] - Blend for Visual Studio 2012 now available (and Blend for WPF/SilverLight & SketchFlow Preview too)

Blendinsider - Available Now: Blend for Visual Studio 2012

Today, I have the great pleasure to announce the latest release of Blend. In this release cycle, our big focus has been Windows 8: Blend now supports UX authoring not just for store apps written in XAML, but also for those written in HTML.

We want to make it really easy for you to create great apps for Windows 8. Therefore, we are now including Blend with Visual Studio 2012, including the free Express for Windows 8 version for authoring Win 8 store apps. With one fast download and install you get VS for your coding-centric tasks and Blend for visual authoring.

Visual Studio 2012 and Blend can be downloaded from MSDN today if you’re an MSDN Subscriber. You can also download the free Visual Studio 2012 Express for Windows 8, which includes Blend, or free trial versions of Visual Studio 2012 with Blend today.


Completely new in Blend is visual authoring for HTML and CSS, especially for Windows 8 store apps.

Blend is a unique, innovative and exciting authoring tool with rich visual tools. It gives you great tools to create, edit and diagnose CSS, supporting some of the latest CSS standards, including CSS Grid, Gradients, Transitions, and media queries. Blend creates clean and standard-conformant markup.

It also is designed to handle app UX that makes heavy use of JavaScript to dynamically create and manipulate DOM elements. Blend constantly runs your code on the design surface, so that content generated by JavaScript can be displayed and edited accurately. Using Interactive Mode you can even interact with the app on the design surface and bring it into states that are not reachable via markup at all.

In summary, Blend for HTML makes visual authoring of HTML, CSS and WinJS productive, fast, and fun again.


Announcing Blend + SketchFlow Preview for Visual Studio 2012

"We are making available a preview version of Blend + SketchFlow Preview for Visual Studio 2012. This release includes support for WPF version 3.5/4.0/4.5, Silverlight 4.0/5.0, SketchFlow, and Blend tools for Windows 8. This preview release will run on Windows 7 SP1, Windows 8, and Windows 8 Server.

WPF, Silverlight, and SketchFlow applications can be developed on any of the operating systems listed above. Windows Store apps authored in HTML and XAML require the Windows 8 client operating system. This preview also includes Blend SDKs for WPF 3.5/4.0/4.5 and Silverlight 4.0/5.0 platforms.

This is a preview version for evaluation only and none of the platforms contain a go-live license. You should use other released versions of Blend for production work. The table below lists the Blend Platforms and the version of Blend you should use for production applications.


Good to see SketchFlow get some love (and that Blend hasn't dropped WPF/SilverLight support...)

Thursday, July 12, 2012

HiloJS - Hilo moves to Metro (and HTML5/JavaScript)

CodePlex - patterns practices - HiloJS: Dev a Windows Metro style app using JavaScript

Welcome to the Hilo JavaScript Community

Hilo guides you though the development of a Windows Metro style app. The Hilo sample is a photo viewing app using HTML 5, CSS3 and JavaScript.

Work to date

Hilo JavaScript includes a reference implementation which is a work in progress which means we will continually improve the quality of the code and add new features each iteration. Similar to other patterns & practices projects, we are publishing our work in progress to get your feedback on the architecture, design, and code itself. We will publishes code and documentation drops approximately every 2 weeks.

The reference implementation currently demonstrates:

  • Metro style UX
  • Usage of Blend for styling and animations
  • Model-View-Presenter (MVP)
  • Unit testing JavaScript

Remember the Windows 7 C++ reference app/project Hilo? Well as you can see above, it looks like it's coming to Windows 8 Metro as a HTML5/JavaScript app. It will interesting to follow this HTML/JS/Metro version and see how it compares to the Win7 C++ version when complete...