F rontend Platform based on AngularJS
Jul 13, 2015
Application structure
Design of the
application
Deferent libraries
and frameworks
Customer’s problem API documentation
• Backbone
Backbone
› Custom API
› Custom structure in backbone
› No custom api documentation
› No tests
› Middle entry point
• Backbone
Customer Super
Framework
…No API documentation
…No tests
…Deferent ways in architecture
…High entry point
Ⱶ Good API documentation
Ⱶ Big community
Ⱶ Strong structure
Ⱶ Middle entry point
Ⱶ Good Testability
AngularJS
Module-1
Directive
Controller
Service
Value
Module-2
Directive
Controller
Service
Value
Dependency Injection
• Backbone
AngularJS is a better
way
♪ Angular’s module as key unit
of application
(interlock/creative)
♪ Structured api is a good point
for code generate
♪ AngularJS based application
has a good testability
♪ Easiest api documentation ->
module == interlock/creative
Creative
Directive
Service
Interlock-1Directive
Interlock-2
Directive
Interlock-1
Directive
Showcase Interlock-2Directive
∑ Code generating with Yoman
∑ widget development in
showcase
∑ better architecture for all
future customer’s applications
finally