-
Notifications
You must be signed in to change notification settings - Fork 0
Home
Create web applications by using html, css and javascript. No extra knowledge or ninja skills are required.
Do not 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.
The library 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?, with some basic knowledge of html, css, javascript, and REST, learning ALL the features takes one day.
Bonus: zero dependencies!
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 does not create any HTML, it is just a REST API for data. This allows to separate front-end developers (HTML5+CSS+JS) from back-end developers (PHP, JAVA, .NET, NODE, RUBY , PYTHON, GO, ...).
- 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.
JUST insert into your html page the location of the latest iridium version.
<script src="http://ax1.github.io/iridiumjs/versions/iridium-latest.min.js"></script>or, download the iridium javascript file to your local project folder.
<script src="iridium/iridium.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>For a quick review of features, please check the cheat sheet.
Detailed documentation, and list of available attributes, objects can be found here.
Contents:
- Load HTML pages dynamically. Routing.
- Render data from server. Model-View-Controller.
- Events. Interact with the server
- Security.
- Internationalization.
- Create an application from scratch. Demo.
- Advanced. Tips & tricks
Tip: the tutorial covers the most common scenarios, so finishing the tutorial is recommended. Then, when developing a custom app, go directly to reference pages for every property learned (more options and lots of examples there). You will master the library!!!.