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