Canvas In Action in Windows Store App

The slides contains a brief demonstration on the Canvas and its use in Windows Store app. Also a small intro to the Inking. Continue reading

Video Tutorial for Dynamically Inserting Multiple Progress Bar

In this tutorial we will demonstrate the way to insert the progress bar dynamically to the DOM using JavaScript.

Basic Template:-

<div class="progressBarHolder"
        data-progress="40"
        data-max-progress="100"
        data-show-extra="N">
</div>

Video Tutorial:-

Continue reading

Video Tutorial for Designing Static Progress Bar

This tutorial we will demonstrate the way to design the basic progress bar. First, we will look into the design concept to be used, then will try to make the progress bar quite attractive.

Basic Layout:-

Designing Static Progress Bar

Designing Static Progress Bar

Video Tutorial:-

Desired Output:-

OutPut-Video Tutorial for Designing Static Progress Bar

OutPut-Video Tutorial for Designing Static Progress Bar

To achieve the above design below is the simple code,

Continue reading

One Way Data Binding In WinJS

Introduction
Data binding is one of the key feature in the application development. One way data binding is the way to reflect the data in the control from a model. Any up-gradation made to the data in the model it will reflect in the control to which it is bound.

One way data binding
Below is a one way binding application example to see how it is really working. Let’s add a page item to the project. This will add 3 files in general. One JS file, Html file and a CSS file with the same name specified for the page item.

Continue reading

Choosing a Project Template While Creating a Windows Store Application in WinJS

Introduction:
As a WinJS application programmer, we need to choose a right project template to begin with the application. Templates are the pre-built frames to support the programmers with some pre-written code architectures. So we need to choose the correct template among them.

Visual studio offers 6 types of templates for WinJS as follows.

Continue reading