Difference between revisions of "Web Administration Dashboard - Developer's Guide"
From RifidiWiki
(→Development tools) |
(→Development tools) |
||
Line 3: | Line 3: | ||
=Development tools= | =Development tools= | ||
In developing this responsive html5 web application, we leverage on these technologies: | In developing this responsive html5 web application, we leverage on these technologies: | ||
+ | |||
+ | ==NPM== | ||
+ | A package manager for javascript | ||
+ | |||
+ | # Right click on 'Servers' node and then choose 'Add server'<br>[[File:add_server_link.png]] | ||
+ | # Provide the values for attributes: Display name, IP address, protocol and port where rest services are deployed on that server.<br>[[File:add_server.png]] | ||
+ | # Click on 'Create' button and confirm<br>[[File:add_server_confirm2.png]] | ||
+ | |||
==Yeoman== | ==Yeoman== |
Revision as of 15:56, 25 April 2015
Note: Use Edge developer setup as a reference - http://wiki.rifidi.net/index.php?title=Edge_Server_Development_Environment
Contents
Development tools
In developing this responsive html5 web application, we leverage on these technologies:
NPM
A package manager for javascript
- Right click on 'Servers' node and then choose 'Add server'
- Provide the values for attributes: Display name, IP address, protocol and port where rest services are deployed on that server.
- Click on 'Create' button and confirm
Yeoman
The web's scaffolding tool for modern web applications
- Right click on 'Servers' node and then choose 'Add server'
- Provide the values for attributes: Display name, IP address, protocol and port where rest services are deployed on that server.
- Click on 'Create' button and confirm
Node JS
A platform built on Chrome's JavaScript runtime for building network applications
Grunt
A JavaScript task runner
- Click on server node to modify and then go to properties editor area
- Provide the values for attributes: Display name, IP address, protocol and port where rest services are deployed on that server.
- Click on 'Save' button and confirm
Bower
A package manager for the web
Enables or disables the menu auto refresh feature, so web app periodically synchronizes with server to reflect actual state of elements
- Click on servers node and then go to properties editor area
- Provide the values for attributes: Enable auto refresh and auto refresh delay.
- Click on 'Save' button and confirm
Bootstrap
HTML, CSS, and JS framework for developing responsive, mobile first projects on the web
Angular JS
HTML enhanced for web apps
Angular Modules
Find modules for AngularJS
Angular UI
Companion suite(s) to the AngularJS framework
WebStorm
A lightweight IDE for client-side development and server-side development with Node.js