iGov - frontend infrastructure
General Overview
Service Layer. Proxy. Router.
Client Application
✓ AngularJS
✓ AngularUI
✓ Twitter Bootstrap
✓ Yeoman + Angular-Fullstack
✓ Grunt
Client Application. Theme and skins.
✓ Old good app.scss
✓ No skins
✓ No themes
✓ Twitter Bootstrap
✓ SCSS
Client Application. Builder.
✓ Yeoman http://yeoman.io/
✓ Angular-Fullstack generator
✓ Grunt
grunt serve
./central-js/_/_1_build_run.sh
./_1_build_run.sh
Client Application. Angular-Fullstack
✓ https://github.com/angular-fullstack/generator-angular-fullstack
✓ Common development style
✓ Naming conventions
✓ Generator features. yo angular-fullstack:route pagename
✓ Workflow was modified to support modules
✓ MEAN Application
MEAN. Mongo, AngularJS, Express, Node.js
✓ http://mean.io ✓ Is a framework for an easy starting point with MongoDB, Node.js, Express,
and AngularJS based applications. ✓ It is designed to give you a quick and organized way to start developing✓ MEAN based web apps with useful modules like Mongoose and Passport
pre-bundled and configured. ✓ Take care of the connection points between existing popular frameworks
and solve common integration problems.
Client Application. AngularJS
✓ Directives
✓ Controllers
✓ Services
✓ Viewes/Partials
Client Application. AngularUI.
✓ AngularJS
✓ AngularUI
✓ Twitter Bootstrap
✓ Yeoman + Angular-Fullstack
✓ Grunt
Client Application. AngularUI. Router.
✓ States and Routes
✓ Examples central-js/client/app/journal central-js/client/app/documents
✓ https://scotch.io/tutorials/angular-routing-using-ui-routerhttps://github.com/angular-ui/ui-router/wiki
Questions