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



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

Please Use Services/Factory/Etc

Title

Angular JS POC

By Amir Gal-Or

Angular JS POC

  • 2,485