AngularJS nedir?
AngularJS, JavaScript çerçevesine benzeyen açık kaynaklı bir Model-View-Controller çerçevesidir.
Angular JS muhtemelen günümüzde mevcut olan en popüler modern web çerçevelerinden biridir. Bu çerçeve, çoğunlukla Tek Sayfa uygulamaları geliştirmek için kullanılır. Bu çerçeve, Google'ın kendisinden bir grup geliştirici tarafından geliştirilmiştir.
Google'ın tam desteği ve geniş bir topluluk forumundan gelen fikirler nedeniyle, çerçeve her zaman güncel tutulur. Ayrıca, her zaman piyasadaki en son gelişme trendlerini bünyesinde barındırır.
Bu eğitimde öğreneceksiniz-
- AngularJS Özellikleri
- Angularjs Mimarlık
- AngularJS Avantajları
AngularJS Özellikleri
Angular, onu piyasadaki güçlü çerçevelerden biri yapan aşağıdaki temel özelliklere sahiptir.
-
MVC - Çerçeve, ünlü MVC (Model-View-Controller) kavramı üzerine inşa edilmiştir. Bu, tüm modern web uygulamalarında kullanılan bir tasarım modelidir. Bu model, iş mantığı katmanını, veri katmanını ve sunum katmanını ayrı bölümlere ayırmaya dayanır. Farklı bölümlere ayrılma, her birinin daha kolay yönetilebilmesi için yapılır.
-
Veri Modeli Bağlama - Verileri HTML denetimlerine bağlamak için özel kod yazmanıza gerek yoktur. Bu, sadece birkaç kod parçacığı ekleyerek Angular ile yapılabilir.
-
Daha az kod yazma - DOM manipülasyonu gerçekleştirilirken herhangi bir uygulamayı tasarlamak için çok sayıda JavaScript yazılması gerekiyordu. Ancak Angular ile, DOM manipülasyonu için yazmanız gereken daha az miktarda koda hayran kalacaksınız.
-
Birim Testine hazır - Google'daki tasarımcılar yalnızca Angular'ı geliştirmekle kalmadı, aynı zamanda AngularJS uygulamaları için birim testleri tasarlamaya yardımcı olan "Karma" adlı bir test çerçevesi geliştirdiler.
AngularJS Mimarlık
Angular.js, aşağıda gösterildiği gibi MVC çerçevesinin diyagramı olan MVC mimarisini takip eder.
-
Denetleyici, iş mantığına sahip katmanı temsil eder. Kullanıcı olayları, kontrol cihazınızda depolanan işlevleri tetikler. Kullanıcı olayları kontrolörün bir parçasıdır.
-
Görünümler, son kullanıcılara sağlanan sunum katmanını temsil etmek için kullanılır.
-
Verilerinizi temsil etmek için modeller kullanılır. Modelinizdeki veriler, ilkel beyanlar kadar basit olabilir. Örneğin, bir öğrenci uygulamasının bakımını yapıyorsanız, veri modelinizin yalnızca bir öğrenci kimliği ve adı olabilir. Veya yapılandırılmış bir veri modeline sahip olarak karmaşık olabilir. Araç sahipliği başvurusu yapıyorsanız, aracın kendisini motor kapasitesi, oturma kapasitesi vb. Açısından tanımlayacak yapılara sahip olabilirsiniz.
AngularJS Avantajları
-
Açık kaynaklı bir çerçeve olduğu için, hata veya sorun sayısının minimum düzeyde olmasını bekleyebilirsiniz.
-
İki yönlü bağlama - Angular.js, veri ve sunum katmanını senkronize tutar. Artık verileri HTML kodunuzda ve verilerinizi daha sonra senkronize halde tutmak için ek JavaScript kodu yazmanıza gerek yok. Angular.js bunu sizin için otomatik olarak yapacaktır. Sadece hangi kontrolün modelinizin hangi kısmına bağlı olduğunu belirlemeniz gerekir.
-
Yönlendirme - Açısal, bir görünümden diğerine geçmek anlamına gelen yönlendirme ile ilgilenebilir. Bu, tek sayfalı uygulamaların temel temelidir; burada kullanıcı etkileşimine bağlı olarak web uygulamanızda farklı işlevlere geçebilir, ancak yine de aynı sayfada kalabilirsiniz.
-
Angular, hem Birim Testi hem de Entegrasyon Testi gibi testleri destekler.
-
Yönerge adı verilen kendi öğelerini sağlayarak HTML'yi genişletir. Yüksek düzeyde yönergeler, AngularJS'in HTML derleyicisine bu DOM öğesine belirli bir davranış eklemesini söyleyen bir DOM öğesi (bir öznitelik, öğe adı ve açıklama veya CSS sınıfı gibi) üzerindeki işaretçilerdir. Bu yönergeler, web uygulamanıza daha fazla güç vermek için mevcut HTML öğelerinin işlevselliğini genişletmeye yardımcı olur.