際際滷

際際滷Share a Scribd company logo
Angular.js: 
Lessons Learned 
At DAB-Bank
David.Amend@it-amend.de
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
DEMO 
https://www.dab-bank.de/Konto-Kredit/DAB-Finanzmanager-Demo/ 
https://www.dab-bank.de/Special/Videos/Video-Finanzmanager.xhtml
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Additional 際際滷s
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality
Angular Module Dependencies
/app 
/applicationContext.js 
/modules 
/submodule 
Module Creation & Referencing 
Module Retrieval & Chargement 
Inspired By 
1. 
2. 
/submodule-service.js 
/submodule-directive.js 
/submodule-controller.js Mi邸ko Hevery
Single Point of Dependency Wireing 
/app 
applicationContext.js 
Registration 
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, [...]);
By Module, loose coupled 
pieChart 
pie-chart-directive.js 
angular.module(de.dab.shared.pieChart) 
.directive(de.dab.shared.pieChartService, ...); 
pie-chart-service.js 
angular.module(de.dab.shared.pieChart) 
.service(de.dab.shared.pieChartService, ...) pie-chart- 
model.js 
pie-chart.tpl.html 
Getter 
full qualifier?
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
Personal Finance Management 
 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 
 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

More Related Content

Javascript & Angular .js for the enterprise, lessons learned, typescript scalable code quality

  • 36. /app /applicationContext.js /modules /submodule Module Creation & Referencing Module Retrieval & Chargement Inspired By 1. 2. /submodule-service.js /submodule-directive.js /submodule-controller.js Mi邸ko Hevery
  • 37. Single Point of Dependency Wireing /app applicationContext.js Registration 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, [...]);
  • 38. By Module, loose coupled pieChart pie-chart-directive.js angular.module(de.dab.shared.pieChart) .directive(de.dab.shared.pieChartService, ...); pie-chart-service.js angular.module(de.dab.shared.pieChart) .service(de.dab.shared.pieChartService, ...) pie-chart- model.js pie-chart.tpl.html Getter full qualifier?
  • 39. 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
  • 40. Personal Finance Management 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 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