Getting Started

Reader of this documentation is expected to have good knowledge about following.

Features

Atoms.js Power Tools for Visual Studio

Visual Studio HTML Editor Extensions for Atoms.js enables syntax coloring as well as Document Node Tree.

Visual Studio 2012 - Atoms.js Power tools

http://visualstudiogallery.msdn.microsoft.com/ecd49e57-2348-4e4c-90c8-9d21d1d50a1e

Visual Studio 2013 - Atoms.js Power tools 2013

https://visualstudiogallery.msdn.microsoft.com/6956fdb0-174b-4e4c-9bef-e2ed76f1a199

Chrome Extension - Atoms.js Properties Pane

You can inspect Atom Properties associated with DOM element with this Chrome Extension.

https://chrome.google.com/webstore/detail/atomsjs-properties-pane/mboefdeomkdlbekljcecbfimmecffgje

Model Interactive View Controller Pattern

Web application usually contains dual MVC Frameworks, one on server side and another on client side. Maintaining two different MVC is difficult. MVC is good for server side where flow of data is simple as request-process-response. Client side UI frameworks need much more than that.

Thats why with Atoms.js, Model and Controller remains on server side, Interactive View is at client side, and interactive view communicates with server with JavaScript Promises (One Liner AJAX). Atoms.js is built using Component Object Modeling which expose properties for model, and commands for manipulating them.

Components can be adujsted on document and data binding and command binding makes them absolutely free of JavaScript. Each MVC JavaScript requires you to fully understand JavaScript, where else Atoms.js can be used by designers without knowing much of JavaScript.