JavaScript MVW Framework
Neden AngularJs
•
•
•
•
•
•
•
•

Dependency injection
Test Driven Development
Tek sayfa uygulamalar da kolay routing
Data ...
Angular, Backbone, CanJS, Ember Kıyaslaması
Feature

Angular

Backbone

CanJS

Ember

Observables

Y

Y

Y

Y

Routing

Y
...
MVW PATTERN
View

Model

Whatever
AngularJs Uygulaması Oluşturmak

Eklenebilir Angular Modülleri
•
•
•
•
•
•

angular-animate.js - Animasyonel işlemler
angu...
Dependency injection
Dependency Injection bir Tasarim Sablonudur ve amaci nesneler
arasinda ki bagimliligi azaltmaktir.
AngularJs Önemli Özellikleri

•

Scope

•

Filters

•

Model

•

Module

•

View

•

injector

•

Controller

•

Services
...
Scope

Model

boolean, string, integer, object etc.
View

Controller
Directive
Filters
AngularJS Built-in Filters

Custom Filters
Django & AngularJS
İlgili Kaynaklar
•
•

http://bit.ly/1dlnWRg — Karşılaştırma
http://bit.ly/1kkW48Q — Angular JS Provider

•

http://bit.ly/...
Upcoming SlideShare
Loading in...5
×

AngularJS Fundamentals

1,025

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,025
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

AngularJS Fundamentals

  1. 1. JavaScript MVW Framework
  2. 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. 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. 4. MVW PATTERN View Model Whatever
  5. 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. 6. Dependency injection Dependency Injection bir Tasarim Sablonudur ve amaci nesneler arasinda ki bagimliligi azaltmaktir.
  7. 7. AngularJs Önemli Özellikleri • Scope • Filters • Model • Module • View • injector • Controller • Services • Directive
  8. 8. Scope Model boolean, string, integer, object etc.
  9. 9. View Controller
  10. 10. Directive
  11. 11. Filters AngularJS Built-in Filters Custom Filters
  12. 12. Django & AngularJS
  13. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×