MashupJS Dev Tools

http://robertdunaway.github.io

http://mashupjs.github.io
The Mashup is a learning tool that also serves as a bootstrap project for line-of-business applications.
Please commend tools/tips…

Tools

Tools used in the development workflow of the MahsupJS.

Update Versions
Periodically check for the latest version of dev tools and libraries.

Dev Tools

Visual Studio .NET 2013

Check for latest update - update 4

Web Essentials

http://vswebessentials.com

Latest update for VS.NET Update 4

dropbox

Productivity Power Tools

Microsoft’s link

dropbox

Resharper

https://www.jetbrains.com/resharper/

dropbox

Version 9.0 update 1

TortoiseSVN

Is the subversion client. I’m using subversion to access GitHub.

http://tortoisesvn.net/

Version 1.8.10.26129-x64-svn-1.8.11

dropbox

VisualSVN

Visual Studio integration with TortoiseSVN.

https://www.visualsvn.com/

Version ‘4.0.11’

dropbox

NodeJS

http://nodejs.org/

npm cache clean -f 

npm install -g n 

n stable

Updating NodeJS

• http://davidwalsh.name/upgrade-nodejs
  
• http://theholmesoffice.com/node-js-fundamentals-how-to-upgrade-the-node-js-version/

Utilities

LPE.exe (Long Path Eraser)

Removes long file/dir names node_modules creates a lot of directories and exceeds windows ability to deal with them.

I cannot find the original source or author on this. I’d like to find another utility that works as well but with a more well known source.

http://long-path-eraser-free.en.softonic.com/
 
http://www.softpedia.com/get/System/System-Miscellaneous/Long-Path-Eraser-Free.shtml

dropbox

Dropbox

Using Dropbox to bundle development tools for the team.

dropbox - Client Install

Libraries

Grunt

Task manager

http://gruntjs.com/getting-started
 
http://gruntjs.com/installing-grunt

Upgrading Grunt

Before switching to the latest version of Grunt, be sure to uninstall the old one if you installed it globally. Then reinstall grunt with the command above.

npm uninstall -g grunt


npm install -g grunt-cli

Gulp

Task manager
https://www.npmjs.com/package/gulp

Install
https://www.npmjs.com/package/gulp-install

npm install --save gulp-install

npm_modules

Go through each npm_modules and look for updated releases.

Libraries
Angular
Angular-UI
Bootstrap
Font-Awesome
jQuery
jQWidgest or Kendo ?
lodash
modernizr 2.6.2 ( doesn’t change much )
ocLazyLoad.js ( not sure how long this will last. new angular router should replace )
ydn ( this should go away at some point. needs refactored out )

NuGet

Keep NuGet updated.

Check all NuGet packages for updates.

Databases

These might not be tools you need but if you plan to leverage SQL Server files in ASP.NET for development purposes then you’ll need these.

SQLExpress2014

Enable the use of the SQL Server file within a WebApi
http://www.microsoft.com/en-us/download/details.aspx?id=42299

SQLManagementStudio

Visual management tools for SQL Server
http://www.microsoft.com/en-us/download/details.aspx?id=35579

IndexedDb

No installation required
https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

DevOps

Team City

This isn’t integrated yet but I’m looking for a build system to adopt.
https://www.jetbrains.com/teamcity/

Chef

https://www.chef.io/solutions/devops/

My utilityService for Angular

utilityService

http://robertdunaway.github.io

The Mashup is a learning tool that also serves as a bootstrap project for line-of-business applications.

http://mashupjs.github.io

The utilityService provides general utility functions to modules.

Purpose

Every application needs utility functions. In an effort to modularize the Mashup, general functions that can be reused are placed into utility modules.
Utility modules begin with “utility_“.

Two examples of utility modules are:
- utility_LogHelper.js
- utility_UtcDateService.js

An application can easily have 20 or 30 module utilities and a controller might need five or six of them. To reduce dependency injection complexity, all utilities are exposed by the utility module hosted in the utilityService.

utilityService

Here is an example of what the utilityService looks like when exposing only two other modules.

/*global mashupApp:false */

mashupApp.service('utility', function (utility_UtcDateService, utility_LogHelper) {

    //---------------------------------------------------------------------
    // INSTRUCTIONS for 'utility' usage.
    //---------------------------------------------------------------------
    //---------------------------------------------------------------------
    // Keeps like utility groups together in their own modules then reference 
    // them here and use this general utility class throughout the project.
    // This will allow for more modular, testable, code while keeping the 
    // number of dependency injected modules to minimum.
    //---------------------------------------------------------------------
    //---------------------------------------------------------------------

    //---------------------------------------------------------------------
    // Provides access to the utility_UtcDateService functions.
    // For converting to and from local and UTC dates.
    //---------------------------------------------------------------------
    var utcMilToLocalMil = utility_UtcDateService.utcMilToLocalMil;
    var localMilToUtcMil = utility_UtcDateService.localMilToUtcMil;
    var localDateToUtcDate = utility_UtcDateService.localDateToUtcDate;
    var utcDateToLocalDate = utility_UtcDateService.utcDateToLocalDate;
    //---------------------------------------------------------------------
    //---------------------------------------------------------------------


    var getLogObject = utility_LogHelper.getLogObject;

    return {
        //---------------------------------------------------------------------
        // Provides access to the utility_UtcDateService functions.
        // For converting to and from local and UTC dates.
        //---------------------------------------------------------------------
        localDateToUtcDate: localDateToUtcDate,
        utcDateToLocalDate: utcDateToLocalDate,
        localMilToUtcMil: localMilToUtcMil,
        utcMilToLocalMil: utcMilToLocalMil,
        //---------------------------------------------------------------------
        //---------------------------------------------------------------------

        getLogObject: getLogObject
    };
});

The Future of UI is 3D

http://robertdunaway.github.io

The Future of UI is 3D

I’m not a UI expert. I’m not creating bleeding edge UI design guidelines and tools to build the next generation of User Interfaces. I’m just another programmer who sees the writing on the wall and who’s keeping an interested eye on the horizon.

The client stack

The latest evolution in the Modern Web brings performant client applications capable of running on all platforms with a single code base.

What’s next?

The 3D UI

I’ve been waiting for the tooling and design guidelines for building 3D UIs. I don’t know the science behind 3D UI but it seems obvious that more information can be communicated to the user faster than can be done with a 2D UI.

Some technologies that are pushing this are Famo.us, D3JS, and Three.js. The combination of these JavaScript libraries with modern Greenfield browsers makes the 3D UI possible.

It seems clear to me, the future of UI development is JavaScript and probably some kind of 3D UI with human interfaces other than the mouse and keyboard.

Intel interview: Dave Fetterman inside the Famo.us JavaScript framework

Dave Fetterman was skeptical about this approach until he saw it demonstrated. Now he’s the architect of a major initiative to speed up DOM manipulation with JavaScript. New libraries for DOM manipulation with JavaScript are really fast. Dave Fetterman’s version of the Facebook app uses JavaScript, and when compared to the native running Facebook app, you can’t distinguish the difference. The look, feel, and performance are comparable.

Three-minute video
https://www.youtube.com/watch?v=ElVd_M8ow2s

Famo.us works by flattening out the DOM for higher performance. Browser standards are looking to integrate Famo.us directly into their browsers. This will be a game changer.

JARVIS

In the near future, we will stop designing UIs imitating paper forms in favor of 3D designs that share more information quicker, increasing user productivity.

I’m not sure Jarvis is an example of a more productive interface. It’s just cool.
https://www.youtube.com/watch?v=ExVdnT1wqVk

3D video
https://www.youtube.com/watch?v=hmNpgye-mno

3D design guidelines

3D design guidelines are still in the early stages of development, but the end result is supposed to be the ability to create apps that make users much more productive. The first release of 3D design guidelines should be coming from IEEE mid-2015.
http://3dui.org/cfp-papers

Holo Lens

This time next year the world might look completely different. Maybe in two years…

Imagine no more monitors.

Imagine being aided in everything we do with technology.
 
If you are going for a run down the street a little guy pops up with a stop sign indicating there is a car you didn’t see.

Imagine you are in a fire in an unfamiliar place and technology guides you to safety.
Imagine you want to remodel your kitchen and now you can literally walk through the finished product before you begin.

Imagine you are in the kitchen cooking. On the left is a flat screen TV with your favorite show and on the right is a recipe. Only the TV isn’t really there and the recipe is 5 feet tall and you can read if from across the room.

This is a game changer…
https://www.youtube.com/watch?v=aThCr0PsyuA