JustCode JavaScript Templates for WinJS

I’ve been doing a lot of WinJS work recently, and I am an avid user of the JustCode Template functionality.  So, I thought I’d share my templates as I have them now, and will update this post as I update them or create more.  For more information on creating JustCode templates, please see this help content.

For each template, I show my acronym in parenthesis.  For example, the first template’s acronym is “winjsfile”.  I also don’t show the results for every template, since some of them are obvious.

Templates for New JavaScript File

This template and the related templates following are used when I have created a new, blank JavaScript file.

Template (winjsfullfile):

/// <reference path="//Microsoft.WinJS.1.0/js/ui.js" />  
 
/// <reference path="//Microsoft.WinJS.1.0/js/base.js" />  
 
(function () { 
 
    "use strict"; 
 
    WinJS.Namespace.define("$1$", { 
 
         | 
 
    }); 
 
})();
 

Related templates

Microsoft WinJS References and Self Executing Function

Template (winjsfile):

/// <reference path="//Microsoft.WinJS.1.0/js/ui.js" />  
 
/// <reference path="//Microsoft.WinJS.1.0/js/base.js" />  
 
(function () { 
 
    "use strict"; 
 
  | 
 
})();
 

Microsoft WinJS References

Template (references):

/// <reference path="//Microsoft.WinJS.1.0/js/ui.js" /> 
 
/// <reference path="//Microsoft.WinJS.1.0/js/base.js" /> 
 
|
 

Self Executing Function

Template (sefunc):

(function () {
 
    "use strict";
 
	|    
 
})();
 

WinJS Namespace

Template (namespace):

WinJS.Namespace.define("$1$", { 
 
   | 
 
});
 

Namespace Templates

I’ve created several templates for common items in namespaces, such as property functions, observable properties, and class definitions.

Property Function

Template (propfunc):

$1$: function ($2$)  { 
 
    | 
 
},
 

Observable Property

Template (bindingprop):

$1$: WinJS.Binding.as({ 
 
   | 
 
}), 
 

WinJS Class (within a namespace)

Template (winjsclass):

$1$:WinJS.Class.define(function($2$) {
 
 this._initObservable();
 
 this.$2$ = $2$;
 
          |
 
}),
 

WinJS Class Binding Mixin

WinJS.Class.mix($1$,
 
             WinJS.Binding.mixin,
 
             WinJS.Binding.expandProperties({ $2$: "", $3$: ""})
 
);
 

Miscellaneous Templates

Binding List

Template (bindinglist):

var $1$ = new WinJS.Binding.List();
 

Event Listener

Template (listener):

$1=SELECT_VARIABLE()$.addEventListener('$2=SELECT(click,change,focus,load,select,submit)$', function (e) { 
 
    | 
 
}); 
 

Pages

Template (pages):

WinJS.UI.Pages.define("/$1$.html", { 
 
  ready: function(element) { 
 
         | 
 
  }, 
 
});
 

I hope these help.  If you have some great templates, share them with me!

Happy Coding!