.NET Musings

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!

Follow @skimedic Tweet