- 31 Ocak 2016
- 1,962
- 39
AngularJS Nedir?
AngularJS Google'da bir proje olarak başlatıldı, şimdilerde açık kaynaklı bir kütüphanedir. AngularJS'ye sadece "Angular" da denilebilir. AngularJS tamamen HTML ve JavaScript'e dayanmaktadır, bu nedenle başka web programlama dili öğrenmeye gerek yoktur. AngularJS'i kullanmak için temel HTML, JavaScript ve CSS web programlama dillerini bilmek gereklidir. AngularJS, statik HTML sayfasını dinamik HTML sayfası olarak değiştirmek için kullanılır.
AngularJS'nin Avantajları
Açık kaynaklı JavaScript MVC kütüphanesidir.
Google tarafından oluşturulduğu günden beri desteklenir.
Başka bir programlama dili öğrenmeye gerek yok. Sadece saf JavaScript ve HTML bilgisi yeterlidir.
Tek sayfa uygulamamalarını temiz bir şekilde oluşturma imkanı sağlar.
Geliştirici daha az kod yazar haliyle zamandan tasarruf etmiş olur.
HTML sayfalarını dinamik hale getirir ve kullanıcıya zengin ve duyarlı bir web sitede geziniyormuş gibi deneyim yaşatır.
Google tarafından oluşturulduğu günden beri desteklenir.
Başka bir programlama dili öğrenmeye gerek yok. Sadece saf JavaScript ve HTML bilgisi yeterlidir.
Tek sayfa uygulamamalarını temiz bir şekilde oluşturma imkanı sağlar.
Geliştirici daha az kod yazar haliyle zamandan tasarruf etmiş olur.
HTML sayfalarını dinamik hale getirir ve kullanıcıya zengin ve duyarlı bir web sitede geziniyormuş gibi deneyim yaşatır.
Nasıl AngularJS Geliştirme Ortamını Ayarlarız?
AngularJS için bir geliştirme ortamı oluşturmak için aşağıdaki araçlara ihtiyacımız var:
AngularJS Kütüphanesi
Kod Editörü
Tarayıcı
AngularJS Kütüphanesi:
Yukarıdaki resim angularjs.org web sitesine ait görüntüdür. Sizlerde siteye girerek angularjs kütüphanesini indirebilirsiniz. Resimde kırmızı ok ile işaret ettiğim yerden angularjs kütüphanesi indirebilirsiniz, mavi ok ile işaret ettiğim yerden ise angularjs kütüphanesinin beta sürümünü indirebilirsiniz.
İndirmek istediğiniz AngularJS kütüphanesi için indir butonuna tıklayın.
Açılır pencereden istediğiniz sürümü seçin ve açılır penceredeki indir butonuna tıklayın.
AngularJS kütüphanesini indirmeden HTML sayfanıza eklemek için CDN url'sini kullanabilirsiniz.
https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js
Ayrıca açık kaynak kodlu bir kütüphane olduğu için kaynak kodlarını görüntüleyebilirsiniz, görüntülemek için aşağıdaki github bağlantısını kullanabilirsiniz.
https://github.com/angular/angular.js/
Yukarıdaki resim angularjs.org web sitesine ait görüntüdür. Sizlerde siteye girerek angularjs kütüphanesini indirebilirsiniz. Resimde kırmızı ok ile işaret ettiğim yerden angularjs kütüphanesi indirebilirsiniz, mavi ok ile işaret ettiğim yerden ise angularjs kütüphanesinin beta sürümünü indirebilirsiniz.
İndirmek istediğiniz AngularJS kütüphanesi için indir butonuna tıklayın.
Açılır pencereden istediğiniz sürümü seçin ve açılır penceredeki indir butonuna tıklayın.
AngularJS kütüphanesini indirmeden HTML sayfanıza eklemek için CDN url'sini kullanabilirsiniz.
https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js
Ayrıca açık kaynak kodlu bir kütüphane olduğu için kaynak kodlarını görüntüleyebilirsiniz, görüntülemek için aşağıdaki github bağlantısını kullanabilirsiniz.
https://github.com/angular/angular.js/
Kod Editörü:
Tarayıcı:
AngularJS HTML ve JavaScript kodları ağırlıklıdır. HTML ve Javascript için geliştirilmiş kod editörlerini kullanabilirsiniz.
Aşağıdaki editörleri kullanabilirsiniz:
Öğrenim amacıyla aşağıdaki çevrimiçi editörleri de kullanabilirsiniz.
Aşağıdaki editörleri kullanabilirsiniz:
Öğrenim amacıyla aşağıdaki çevrimiçi editörleri de kullanabilirsiniz.
Tarayıcı:
AngularJS tüm tarayıcılar ile uyumlu olduğu için istediğiniz herhangi bir tarayıcıyı kurabilirsiniz. Ancak, bir uygulama geliştirirken Google Chrome'u kullanmanız önerilir .
Son düzenleme:
)
