Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

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

javascript angular.js angular using typescript scalable code enterprise quality directives services demo project lessons learned advanced manageable code

  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

  1. 1. Angular.js: Lessons Learned At DAB-Bank
  2. 2. David.Amend@it-amend.de
  3. 3. DEMO https://www.dab-bank.de/Konto-Kredit/DAB-Finanzmanager-Demo/ https://www.dab-bank.de/Special/Videos/Video-Finanzmanager.xhtml
  4. 4. Additional Slides
  5. 5. Angular Module Dependencies
  6. 6. /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
  7. 7. 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’, [‘...’]);
  8. 8. 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?
  9. 9. 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
  10. 10. 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

×