Upload
bahattin-cinic
View
982
Download
0
Embed Size (px)
Citation preview
JavaScript MVW Framework
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ı…
Angular, Backbone, CanJS, Ember Kıyaslaması
Feature Angular Backbone CanJS EmberObservables Y Y Y YRouting Y Y Y YView bindings Y N Y YTwo way bindings Y N N YPartial views Y N Y YFiltered list views Y N Y YFlexibility 3/5 5/5 4/5 3/5Documentation 2/5 4/5 5/5 3/5Community 4/5 5/5 3/5 4/5Size (no dependecies, just min) 80k 18k 33k 141k Size with dependencies 80k 61k 57k 269kTestability 5/5 4/5 4/5 4/5Ecosystem(plug-ins and libraries) 4/5 5/5 2/5 4/5
Detaylı anlatım: http://bit.ly/1dlnWRg
MVW PATTERN
Model View
Whatever
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
Dependency Injection bir Tasarim Sablonudur ve amaci nesneler arasinda ki bagimliligi azaltmaktir.
Dependency injection
AngularJs Önemli Özellikleri
• Scope
• Model
• View
• Controller
• Directive
• Filters
• Module
• injector
• Services
Scope
Model
boolean, string, integer, object etc.
View Controller
Directive
FiltersAngularJS Built-in Filters
Custom Filters
Django & AngularJS
• 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
İlgili Kaynaklar