Difference between revisions of "Web Administration Dashboard - Developer's Guide"
From RifidiWiki
(→Npm) |
(→Yeoman) |
||
| Line 10: | Line 10: | ||
==Yeoman== | ==Yeoman== | ||
The web's scaffolding tool for modern web applications | The web's scaffolding tool for modern web applications | ||
| − | + | <br>To install it, go to http://yeoman.io/ | |
| − | + | ||
| − | + | ||
| − | + | ||
==Node JS== | ==Node JS== | ||
Revision as of 16:00, 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
To install it, go to https://www.npmjs.com/package/npm
Yeoman
The web's scaffolding tool for modern web applications
To install it, go to http://yeoman.io/
Node JS
A platform built on Chrome's JavaScript runtime for building network applications
- Right click on server node to delete and then choose 'Delete server'
- Confirm delete operation
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
- Right click on server node and then choose 'Save server config'
- Confirm the save operation
Angular JS
HTML enhanced for web apps
- Right click on "Servers" node and then choose 'Save all servers config'
- Confirm the save operation
Angular Modules
Find modules for AngularJS
- Right click on "Servers" node and then choose 'Save all servers config'
- Confirm the save operation
Angular UI
Companion suite(s) to the AngularJS framework
- Right click on "Servers" node and then choose 'Save all servers config'
- Confirm the save operation
WebStorm
A lightweight IDE for client-side development and server-side development with Node.js
- Right click on "Servers" node and then choose 'Save all servers config'
- Confirm the save operation
