javascript & angular .js for the enterprise, lessons learned, typescript scalable code quality
DESCRIPTION
javascript angular.js angular using typescript scalable code enterprise quality directives services demo project lessons learned advanced manageable codeTRANSCRIPT
![Page 1: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/1.jpg)
Angular.js: Lessons Learned
At DAB-Bank
![Page 3: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/3.jpg)
![Page 4: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/4.jpg)
![Page 5: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/5.jpg)
![Page 6: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/6.jpg)
![Page 7: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/7.jpg)
DEMOhttps://www.dab-bank.de/Konto-Kredit/DAB-Finanzmanager-Demo/
https://www.dab-bank.de/Special/Videos/Video-Finanzmanager.xhtml
![Page 8: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/8.jpg)
![Page 9: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/9.jpg)
![Page 10: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/10.jpg)
![Page 11: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/11.jpg)
![Page 12: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/12.jpg)
![Page 13: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/13.jpg)
![Page 14: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/14.jpg)
![Page 15: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/15.jpg)
![Page 16: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/16.jpg)
![Page 17: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/17.jpg)
![Page 18: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/18.jpg)
![Page 19: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/19.jpg)
![Page 20: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/20.jpg)
![Page 21: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/21.jpg)
![Page 22: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/22.jpg)
![Page 23: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/23.jpg)
![Page 24: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/24.jpg)
![Page 25: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/25.jpg)
![Page 26: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/26.jpg)
![Page 27: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/27.jpg)
![Page 28: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/28.jpg)
![Page 29: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/29.jpg)
![Page 30: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/30.jpg)
![Page 31: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/31.jpg)
![Page 32: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/32.jpg)
Additional Slides
![Page 33: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/33.jpg)
![Page 34: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/34.jpg)
![Page 35: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/35.jpg)
Angular Module Dependencies
![Page 36: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/36.jpg)
/app
/applicationContext.js
/modules
/submodule
/submodule-service.js
/submodule-directive.js
/submodule-controller.js Miško Hevery
Inspired By
1.
2.
Module Creation & Referencing
Module Retrieval & Chargement
![Page 37: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/37.jpg)
Single Point of Dependency Wireing
/app applicationContext.js
angular.module(‘de.dab.pfm.app’, [‘dashboard’]);angular.module(‘de.dab.pfm.dashboard’, [‘de.dab.pfm.dashboard.header’]);angular.module(‘de.dab.pfm.dashboard..header’, [‘de.dab.pfm.dashboard.intro’,‘pieChart]);angular.module(‘de.dab.pfm.dashboard.intro’, [‘...’]);angular.module(‘de.dab.shared.pieChart’, [‘...’]);
Registration
![Page 38: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/38.jpg)
By Module, loose coupled
pieChart pie-chart-directive.js
angular.module(‘de.dab.shared.pieChart’).directive(‘de.dab.shared.pieChartService’, ...);
pie-chart-service.jsangular.module(‘de.dab.shared.pieChart’).service(‘de.dab.shared.pieChartService’, ...) pie-chart-model.js
pie-chart.tpl.html
Getter
full qualifier?
![Page 39: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/39.jpg)
Compiling & TypeScript
Why TypeScript?● Compilation Imposed by Google● Sweet Home Java/.Net-Developer● Refactoring Made Easy● Models Management● Future-Proof Syntax, Angular 2.0, ...
Choice of TypeScriptifying
![Page 40: Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality](https://reader034.vdocument.in/reader034/viewer/2022051323/5497248db479596a4d8b5114/html5/thumbnails/40.jpg)
● https://www.dab-bank.de/Special/Videos/Video-Finanzmanager.xhtml● https://www.dab-bank.de/Konto-Kredit/DAB-Finanzmanager-Demo/
● (Team Setup: Scrum)● Circumstances
● Competitors
Personal Finance Management
“ Rund zwei Drittel der Teilnehmer zeigen Interesse an Personal Finance Management und können sich dabei auch eine langfristige Nutzung vorstellen”
http://www.ibi.de/1317-aktuelle-studie-personal-finance-management.html