IRIDIUM.JS

Create web applications by using html, css and javascript. No extra knowledge or ninja skills are required.

Don't use server technologies to render html data (PHP, JSF, GWT, CGI (sic)...). This library is server independent, so your html code will be portable. Just use the server as a data provider.

You will use the existing html tags and some HTML5 data-* attributes to create dynamic pages. No coffeescript, no typescript, no npm, bower, grunt, gulp, etc is needed (but it is also welcome). Learning curve?, if you know a little of html, css,javascript, and REST, learning ALL the features takes one day (half a day if you feel happy, and two hours if you are a ninja).

This Javascript library is strongly oriented to these concepts:

• following Model View Controller (MVC) pattern. Models: the objects containing data, View: the html tags to display data, Controller: The code to manage data flow between the model an the view.
• HTML attributes and syntax, instead of typing lots of javascript code. Example: <p>{{userName}}</p> will display the real user name, loaded from a REST call
• the server doesn't create any HTML, it is just a REST API. This allows to separate front-end developers (HTML5+CSS+JS) from back-end developers (PHP, JAVA, .NET, NODE, RUBY , PYTHON...)

FEATURES

• set of generic utilities, like ajaxForm (given a form name, send all parameters to a server via ajax) or security (keep authentication token between calls).
• load html pages on demand, load pages from server, asynchronously and in background.
• routing, load one or several pages, given a logic name, navigate by using logic links, etc.
• templating, write your dynamic code inside the html itself.
• REST oriented, if the server is just a REST API, this is the best case scenario, since the GET POST PUT DELETE operations are already built-in.
• two-way data binding available, watch changes between your input tags and the text tags.
• built-in authentication, all the rest calls can be secured, just call the ir.security, the first time.
• multiscope, the templates can use data from its own model or from other models.

USAGE

insert into your html page the following code

<script src="http://ax1.github.io/iridiumjs/versions/iridium-latest.min.js"></script>

or alternatively, download iridium javascript file to your local project folder.

<script src="js/iridium-latest.min.js"></script>

Then, either add special attributes to the html tags, or use the javascript object iridium or ir.

<!--html example, use data-target attribute to load details into the id="yourcontainer" box-->
<a href="#/details" data-target="#yourcontainer">details</a>

<!--javascript example, load users into content box-->
<script>
    //ir and iridium are aliases to the same object
    ir.load("details","#yourcontainer");
</script>