DPAS web tech

• Reduces boiler plate associated with updating the dom
• Good separation of model and view ( MVVM )
• Module system
• Dependency injection
• Testing support is built in
• Just enough structure, yet flexible
• Create your own html tags
• <emc-graphic>, <emc-list>, <emc-guided-ui>, ...
• Developed by Google to speed up development
• Open-sourced in 2011

• Dependency injection at it's core
• Applications are made up of modules
• Modules can be component libraries
  
• Modules can be whole features
  
• Modules can even be whole applications 
  
• Modules can be worked on separately
• Separate repositories
• Versioned
• Testable
• Mockable

• manages client-side javascript dependencies
• runs on nodeJS
• talks to git
• created by twitter ( open sourced ) 
  
  

which millions?

1. jquery
2. angularjs
3. underscore
4. 28,000 + registered gui packages

 {
  "name": "hyperv-flr",
  "version": "0.1.2",
  "dependencies": {
    "angular": "1.2.6",
    "jquery": "~1.10.2",
    "emc-ui": "http://stash.lss.emc.com/gui/emc-ui#0.1.x",
    "emc-angular-login": "http://stash.lss.emc.com/gui/emc-login#0.1.4"
  },
  "devDependencies": {
    "angular-mocks": "1.2.6",
    "angular-scenario": "1.2.6"
  }
}

bower install 

• Basics (File IO, Network IO, TCP,UDP,HTTP, REST,...)
• Database drivers (Mongo, Couch, Cassandra,...)
• Message bus drivers (AMQP, JMS)
• Execute java byte code (node java bridge)
• Unit test frameworks (Mocha, Jasmine)
• Code test coverage (Istanbul)
• Static code analysis (JSHint)
• Build automation (Grunt)
• Robotics (NodeBots, Cylon.js)
• Home Automation
• much more...

• For better or worse, javascript is the most popular programming language on the planet
• Built-in HTTP server
  
• Excellent package management (NPM)
• Speed of development (quick development loop)
• So says LinkedIn, Ebay, Walmart
• Big active community
• tons of on-line resources, community meetups, etc.

• As a proxy for various rest apis
• To manipulate and munge JSON
• To store and retrieve data in JSON database
• To track the user's web session
• WebSockets
  
  

• GRUNT ( our build tool )
  
• KARMA ( our test runner )
  
• It's a mocking layer
  
• It's our development server too

• 175K total libraries and growing
• 2 billion library downloads last month
• packages install into a node_modules directory
• can interact directly with git
• semver
• npm private repo ( sinopia )
• ucas-npm.lss.emc.com

 {
  "name": "emc-rest-hypervflr",
  "private": true,
  "description": "REST for hypervflr",
  "version": "0.0.1",
  "dependencies": {
    "emc-base-server": "ucas-stash.lss.emc.com/raven/emc-base-server.git",
    "emc-rest-login": "ucas-stash.lss.emc.com/raven/emc-rest-login.git",
    "emc-harmony-auth": "ucas-stash.lss.emc.com/raven/emc-harmony-auth.git",
    "underscore": "~1.6.0",
    ...
  },
  "devDependencies": {
     ....

• Standardized build settings
• Version and release support
• Handles module integrations
• AngularJS best practices baked in
• NodeJS / Express routing
• Karma, Mocha, JsHint, Sass
• Module consistency
• Follows very popular open-source
  patterns and standards that should be 
  familiar to experienced web developers

• Bower
• Npm
• Pull Requests
• Tagged dependencies
• Branch naming schemes
• All development in branches
• Branch away.  No approval necessary!
• No down time - No single point of failure
• Stash is approved by PSO