Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Vorlon.js

463 views

Published on

Slides about vorlon.js used during MVP SUmmit'05

Published in: Software
  • Be the first to comment

  • Be the first to like this

Vorlon.js

  1. 1. David CATUHE Principal Program Manager Microsoft @deltakosh
  2. 2. The web Cross-platformAdaptive Standard Lot of devices
  3. 3. How to debug then? console.logF12
  4. 4. But what about mobile? WeinReProprietary tools
  5. 5. http://vorlonjs.io Remote web debug tool cross browser & cross platform  Node.js  Express.js  Socket.io  Passport.js
  6. 6. 11 plugins by default Interactive console DOM Explorer Object Explorer Modernizr XHR Panel Resource Explorer Network Monitor ngInspector Unit testing Device.io Best practices
  7. 7. Demo
  8. 8. Collaborative demo! http://aka.ms/mvpsummit
  9. 9. How to use vorlon.js ?
  10. 10. or clone/fork http://github.com/microsoftdx/vorlonjs or auto deploy to Azure npm install –g vorlon vorlon Step 1 – Install the server
  11. 11. <script src="http://localhost:1337/vorlon.js"></script> Step 2 – Modify the website that you want to debug And that’s all folks…
  12. 12. Or use the new proxy !
  13. 13. How to create a plugin http://bit.ly/vorlonplugin
  14. 14. Standard website development JavaScript HTML/CSS
  15. 15. Vorlon.js plugin Data collection JavaScript Plugin Display HTML/CSS Vorlon.js server Node.js / Socket.io Vorlon.js Dashboard Debugged website Data receiver JavaScript
  16. 16. myPlugin Let’s code a simple plugin
  17. 17. http://vorlonjs.io QUESTIONS?

×