Coding4Fun Blog

Hello Hilo [JS]

Description

Since it's Christmas Eve and cameras are going to be clicking all day tomorrow, I thought this Windows 8 HTML/JavaScript App Store project fitting.

One of the things I found interesting was that this JavaScript project is a "port" of a C++ project. Oh it's not a real "port" but then again, it kind of is.

Do you all remember the Hilo C++ project from the Windows 7 release period? Now that it's the Windows 8 release period, it's also time for a new Hilo...

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

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.

Note

Prerequisites
  • 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.

Learning resources

If you're new to JavaScript programming for Windows Store apps, read Roadmap for Windows Store app using JavaScript. If you're new to the JavaScript language, see JavaScript fundamentals before reading this guidance.

The topic Writing code for Windows Store apps (JavaScript) contains important information for web developers learning how to write Windows Store apps.

You might also want to read Index of UX guidelines for Windows Store apps and Blend for Visual Studio to learn more about how to implement a great UX. The document Designing the UX explains how we designed the Hilo UX for both C++ and JavaScript.

Here's a snap of the Project

image

From UI elements to some cool exif helpers, there's a good bit of code here to check out...

SNAGHTML8d263b4

Here's some shots of it in action;

Screenshot (3)

Screenshot (2)

Screenshot (4)

Screenshot (5)

The good news is that this isn't a complete app, there's still a good deal you all can do to flesh this out and add your own features and touches, but you don't have to start from scratch...

The Discussion

  • uncertainty

    This isn't "modern development patterns". I mean, C++, HTML, JavaScript? I thought we moved on from that about 10 years ago.

    The state of development on Microsoft platforms has never been more uncertain since Windows 8. Before that it was all .NET this, .NET that. But now Microsoft starts pushing C++ and other unmanaged technologies which had been left for dead years ago. You guys really need to get your priorities straight.

Comments closed

Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.