1. JavaScript MVW Framework

2. Neden AngularJs
•
•
•
•
•
•
•
•
Dependency injection
Test Driven Development
Tek sayfa uygulamalar da kolay routing
Data binding and scopes
Custom HTML template directives
Çoklu platform da uygulama geliştirmek (Mobile apps, CRUD Web
Apps, Chrome Extensions )
Form Validasyon kolaylığı
RESTful dostu
!
Çok daha fazlası…

3. Angular, Backbone, CanJS, Ember Kıyaslaması
Feature
Angular
Backbone
CanJS
Ember
Observables
Y
Y
Y
Y
Routing
Y
Y
Y
Y
View bindings
Y
N
Y
Y
Two way bindings
Y
N
N
Y
Partial views
Y
N
Y
Y
Filtered list views
Y
N
Y
Y
Flexibility
3/5
5/5
4/5
3/5
Documentation
2/5
4/5
5/5
3/5
Community
4/5
5/5
3/5
4/5
Size (no dependecies, just min)
80k
18k
33k
141k
Size with dependencies
80k
61k
57k
269k
Testability
5/5
4/5
4/5
4/5
Ecosystem(plug-ins and libraries)
4/5
5/5
2/5
4/5
Detaylı anlatım: http://bit.ly/1dlnWRg

4. MVW PATTERN
View
Model
Whatever

5. AngularJs Uygulaması Oluşturmak
Eklenebilir Angular Modülleri
•
•
•
•
•
•
angular-animate.js - Animasyonel işlemler
angular-cookies.js - Browser cookie okumak
angular-resource.js - RESTful api için $resource servisi
angular-route.js - Tek sayfa uygulamalar için routing
angular-sanitize.js - HTML i işlevsel kullanabilmek
angular-touch.js - dokunma - sürükleme gibi işlemler

6. Dependency injection
Dependency Injection bir Tasarim Sablonudur ve amaci nesneler
arasinda ki bagimliligi azaltmaktir.

7. AngularJs Önemli Özellikleri
•
Scope
•
Filters
•
Model
•
Module
•
View
•
injector
•
Controller
•
Services
•
Directive

8. Scope
Model
boolean, string, integer, object etc.

9. View
Controller

10. Directive

11. Filters
AngularJS Built-in Filters
Custom Filters

12. Django & AngularJS

13. İlgili Kaynaklar
•
•
http://bit.ly/1dlnWRg — Karşılaştırma
http://bit.ly/1kkW48Q — Angular JS Provider
•
http://bit.ly/1kkWfkn — Angular Js Cheat Sheets
•
http://bit.ly/1iC9RUN - Video Tutorial