Angular JS - POC

What

Why

Where

How

What went wrong

KendoUI is cool

MVVM

Binding

Routing

Components

BUT

No coding guidelines

Coders with lack of experience/understanding

Not being an actual framework

Using too much KENDO and not enough BOOTSTRAP !!!

Caused

Clutter
Hard to understand code
Little to no modularization

Enter Angular JS

On the Tech-y Side

MV-Whatever
Directives
Structure

Controllers/Services

Dependency Injection

And...

Known "best-practices"
Seed projects
Plays well with others

Kendo/Require and more

Mv-WhatEVER

STRUCTURE

Routing
Contoller (V-M) and DOM (V) binding
Controller should get "data" from service

Directives

Are or can be

DSL

Pre-UI Load Instruction

ng-repeat
ng-clock

BINDING

Structure

Is it enough ?

NOPE

WHY ?

Cause with AngularJS...

You feel like a kid in a candy store

UI-ROUTER

Turn our nice complicated web-app into a cool State-Machine

Angular-Kendo

BOOTSTRAP

Globalization

i18n & L10n

Angular Translate

cause we want something good

SOLUTION STRUCTURE

By Feature !

(but we need to think a little better on how ;) )

Suggestions

Bootstrap

Use mostly bootstrap components

Industry standard
Reactive
Play better with Angular
Easy-er to theme
Large community (better examples)

Looks GOOD !

'Use Strict' on js files

Will help you avoid writing stupid shit

example:

{ foo: true, foo: false } // Error

Encapsulate

Using AngularJS "Mechanisms" is preferable