Frontend Platform based on

AngularJS

• Backbone

Agenda

≈ customer’s problems

≈ AngularJS overview

≈ Application architecture

overview

Application structure

Design of the

application

Deferent libraries

and frameworks

Customer’s problem API documentation

Our team

• 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

Directive

Controller

Service

Value

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

Controller

Value

Module

Directive

Controller

Value

Creative

Directive

Service

Interlock-3Directive

Interlock-2

Directive

Interlock-1

Directive

Widget 1

Widget 2 Widget 3

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

questions

Graphics- liambrazier.com