Angularjs giriş

1. İlker ERHALİM

2. Angular JS
• AngularJS nedir.
• Angular ve MVC
• Directives
• Services
• Routing

3. Angular JS Nedir
• Angular JS browser tabanlı uygulamalar için geliştirilmiş bir JavaScript
Framework’udur.
• Açık kaynak kodlu ve Google tarafından geliştirilmektedir.
• Genel amacı mantıksal işlemleri sunucu tarafından alıp client’e
yıkmaktır.

7. Angular ve MVC
Model
• Sunucu tarafından gelen ve/veya sunucuya gönderilen veridir.
• Genellikle JSON formatında olur.
View
• Kullanıcının gördüğü arayüzdür.
• Kullanıcının model i görmesine ve/veya oluşturmasına yarar.
• Controller’daki fonksiyonları tetikletir.
Controller
• İş mantığının yürütüldüğü yerdir.
• Model ve View arasındaki ilişkiyi kurar.

8. Directives
Angular js html müdahaleleri için directive’kullanımını tavsiye eder.
Kendi directivelerimizi yazabileciğimiz gibi kütüphanenin içinde directive’ler
mevcuttur.
Bunlardan en çok kullanılanları :
• ng-app
• ng-repeat
• ng-model
• ng-controller
• ng-show/ng-hide
• ng-view

9. Services
• Servisler tekrar kullanılabilecek iş mantıklarının yazıldığı yerlerdir.
• AngularJS üzerinde yazdığımız servisler singleton olarak oluşturulur ve kullanmak
istediğimizde framework tarafından inject edilir.
• Servisler controller’lara inject edilebilindiği gibi diğer servislerede inject edilebilir.
AngularJS üzerinde kendimiz servis yazabileceğimiz gibi framework üzerinde var
olan servisleri kullanabiliriz.
En çok kullanılan AngularJS servisleri.
• $http
• $location
• $routeProvider
• $log

10. Routing
• Tek sayfa uygulamalar yapmak için kullanılır.
• ng-view directive’i template olarak tanımladığımız html sayfalarını
render eder.
• Route ayarlamak için $routeProvider servisi kullanılır.
• $location servisi referanslar arası geçiş için kullanılır.
• Ayrıca # işaretide kullanılabilinir.
• Referanslar arası geçişte parametre gönderebilmek için $routeParams
servisi kullanılır.

11. inonic framework
• ionic AngularJS için optimize edilmiş Mobil ortamlarda uygulama
geliştirmeyi kolaylaştıran Css ve JavaScript kütüphanesidir.
• Sloganı ‘Minimum DOM Manipulasyonu ve Sıfır Jquery’dir.