Hilo table of contents (Windows Store apps using JavaScript and HTML)

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

Previous page

Download

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

Table of contents

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

  Prerequisites

  Tables of contents at a glance

  Learning resources

• Getting started with Hilo (Windows Store apps using JavaScript and HTML)

  Building and running the sample

  Designing the UX

  Projects and solution folders

  The development tools and languages

• Async programming patterns in Hilo (Windows Store apps using JavaScript and HTML)

  A brief introduction to promises

  How to use a promise chain

  Grouping a promise

  Nesting in a promise chain

  Wrapping values in a promise

  Handling errors

  Related topics

• Using a separated presentation pattern in Hilo (Windows Store apps using JavaScript and HTML)

  MVP and the supervising controller pattern

  Mediator pattern

  Separating responsibilities for the AppBar and the page header

  Separating responsibilities for the ListView

• Using the query builder pattern in Hilo (Windows Store apps using JavaScript and HTML)

  The builder pattern

  The query object pattern

  Code walkthrough

  Making the file system objects observable

  Related topics

• Working with tiles and the splash screen in Hilo (Windows Store apps using JavaScript and HTML)

  Why are tiles important?

  Choosing a tile strategy

  Designing the logo images

  Placing the logos on the default tiles

  Updating tiles

  Adding the splash screen

• Creating and navigating between pages in Hilo (Windows Store apps using JavaScript and HTML)

  Adding New Pages to the Project

  Defining pages in Visual Studio and Blend

  Choosing a navigation model

  Navigating between pages in the single-page navigation model

  Creating and loading pages

  Loading the hub page

  Establishing the Data Binding

  Supporting portrait, snap, and fill layouts

• Using controls in Hilo (Windows Store apps using JavaScript and HTML)

  Common controls used in Hilo

  ListView

  FlipView

  AppBar

  SemanticZoom

  Canvas

  Img

  Styling controls

  Touch and gestures

  Testing controls

• Working with data sources in Hilo (Windows Store apps using JavaScript and HTML)

  Declarative binding in the month view

  Choosing a data source for a page

  Querying the file system

  Implementing group support with a synchronous data source

  Other considerations: using a custom data source

  Considerations in choosing a custom data source

  Implementing a data adapter for a custom data source

  Binding the ListView to a custom data source

• Using touch in Hilo (Windows Store apps using JavaScript and HTML)

  Tap for primary action

  Slide to pan

  Swipe to select, command, and move

  Pinch and stretch to zoom

  Turn to rotate

  Swipe from edge for app commands

  Swipe from edge for system commands

• Handling suspend, resume, and activation in Hilo (Windows Store apps using JavaScript and HTML)

  Tips for implementing suspend/resume

  Understanding possible execution states

  Code walkthrough of suspend

  Code walkthrough of resume

  Code walkthrough of activation

  Other ways to close the app

• Improving performance in Hilo (Windows Store apps using JavaScript and HTML)

  Performance tips

  Limit the start time

  Emphasize responsiveness

  Use thumbnails for quick rendering

  Retrieve thumbnails when accessing items

  Release media and stream resources when they are no longer required

  Optimize ListView performance

  Keep DOM interactions to a minimum

  Optimize property access

  Use independent animations

  Manage layout efficiently

  Store state efficiently

  Keep your app's memory usage low when suspended

  Minimize the amount of resources that your app uses

  Understanding performance

  Improving performance by using app profiling

  Other performance tools

• Testing and deploying Windows Store apps: Hilo (JavaScript and HTML)

  Ways to test your app

  Using Mocha to perform unit and integration testing

  Testing asynchronous functionality

  Testing synchronous functionality

  Using Visual Studio to test suspending and resuming the app

  Using the simulator and remote debugger to test devices

  Using pseudo-localized versions for localization testing

  Security testing

  Using performance testing tools

  Making your app world ready

  Using the Windows App Certification Kit to test your app

  Creating a Windows Store certification checklist

• Meet the Hilo team (Windows Store apps using JavaScript and HTML)

  Meet the team