angular coding: from project management to web and mobile deploy

31

Upload: corley-srl

Post on 09-Jan-2017

602 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Angular coding: from project management to web and mobile deploy

AngularJSfrom Code to Mobile

Page 2: Angular coding: from project management to web and mobile deploy

Who I am?

Gabriele Mittica@gabrielemittica

from CorleyCloud

CloudConf + AngularConf Ideator

Page 3: Angular coding: from project management to web and mobile deploy

Why we useAngular?

Page 4: Angular coding: from project management to web and mobile deploy

Works with DOMData binding

DI, Routing, ServicesDifferent ways to do the

same thingsGreat community

Page 5: Angular coding: from project management to web and mobile deploy

 

I want to be a pirate

Page 6: Angular coding: from project management to web and mobile deploy
Page 7: Angular coding: from project management to web and mobile deploy

Confusing!

Page 8: Angular coding: from project management to web and mobile deploy

 

(become a pirate is not easy)

Page 9: Angular coding: from project management to web and mobile deploy

Angular is Complicated

 

Page 10: Angular coding: from project management to web and mobile deploy

Angular is Complicated

Angular is Complex

Page 11: Angular coding: from project management to web and mobile deploy
Page 12: Angular coding: from project management to web and mobile deploy

 

Page 13: Angular coding: from project management to web and mobile deploy

Reusable code!

Page 14: Angular coding: from project management to web and mobile deploy

Okay, the project is sorted, but...

1. How manage assets and graphics?

2. How code faster and better?

3. How deploy quickly?

Page 15: Angular coding: from project management to web and mobile deploy

 

Page 16: Angular coding: from project management to web and mobile deploy
Page 17: Angular coding: from project management to web and mobile deploy
Page 18: Angular coding: from project management to web and mobile deploy

ngStartupa boilerplate for your apps

http://ngstartup.corleycloud.com/

Page 19: Angular coding: from project management to web and mobile deploy
Page 20: Angular coding: from project management to web and mobile deploy

 

Page 21: Angular coding: from project management to web and mobile deploy

grunt-devcode

Page 22: Angular coding: from project management to web and mobile deploy

grunt-jshintgrunt-uglifygrunt-watch

Page 23: Angular coding: from project management to web and mobile deploy

$ grunt compile:web

minificationoptimization

test

Page 24: Angular coding: from project management to web and mobile deploy

JS: from 1.4mb to 0.4mbCSS: from 0.3mb to 0.2mb

Page 25: Angular coding: from project management to web and mobile deploy
Page 26: Angular coding: from project management to web and mobile deploy

 

Page 27: Angular coding: from project management to web and mobile deploy

 

Page 28: Angular coding: from project management to web and mobile deploy

grunt-html2js

Page 29: Angular coding: from project management to web and mobile deploy

 

Page 30: Angular coding: from project management to web and mobile deploy

: a javascript task runner: a boilerplate for your apps

: to build your app onbuild.phonegap.com

: to minify your angular templates: to switch your codes in different

stages: to watch your code changes

and reload page: to upload your app to AWS S3

: to add/remove annotationsduring compiling

GruntJSngStartupgrunt-phonegap

grunt-html2jsgrunt-devcode

grunt-contrib-watch

grunt-awsgrunt-ng-annotate

Page 31: Angular coding: from project management to web and mobile deploy

Thanks for listeningGabriele Mittica - @gabrielemittica