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