My Workflow

 

 

 

 

 

 

Dirk-Jan de Groot

decoupled frontend/backend

CDN workflow

directory structure

 

/backend

          frontend

 

 

/frontend

/backend

/backend

only accepts & delivers JSON
via rest or sockets

/frontend

only does front-end
 

/frontend

calls backend async
 

/frontend

bootstrap

sass

font-awesome

 

 

/frontend

hosted in global geographical locations (CDN)

angular(2)/ react

es2015

modular styleguide (John Papa)
 

gulp /grunt

yeoman/ hottowel browsersync

gulp-angular

 

 

ngresource / restangular / $http

rest mapping
 

 CDN Cloudflare

CDN = fast & global delivery + failover
 

proxy pass for circumventing CORS

and security issues
 

deployment of backend on digital ocean (ubuntu 14.04)

nginx server

free SSL certificates with let's encrypt

using docker for portability on digital ocean

jwt authentication

oauth(1/2) + satellizer/ passport
 

protractor or webdriverio, mocha for end2end tests

browserstack

asynchronous backend with nodejs and framework

 

(but could be synchronous too)
 

 

design api's with apiary.io
 

mongodb for non-relational & reporting (aggregation framework)
 

github or bitbucket (e.g. linked to netlify)

mobile: ionic

angular-cache
 

 

ui.router

angular-translate

ui-grid

angular-google-maps angular-charts

 

 

 

 

continuous training:

codeschool

pluralsight

mongodb university

 

 

 

 

 

 

 

yeoman demo

 

 

 

 

 

 

 

angular styleguide

https://github.com/johnpapa/angular-styleguide

 

 

 

 

 

 

 

the end