Blog

Angular Nedir?

Angular, Google tarafından desteklenen, verimli ve gelişmiş tek sayfalık (SPA) uygulamalar oluşturmak için kullanılan, TypeScript ile yazılmış açık kaynaklı bir JavaScript framework’dür. Bir framework olarak
Angular, geliştiricilerin birlikte çalışması için standart bir yapı sağlarken açık avantajlara sahiptir.

Neden Bir Framework’e İhiyacınız Var?

Genel olarak framework’ler, geliştiricilerin kodu sıfırdan yeniden oluşturmaya devam etmek zorunda kalmamaları için tutarlı bir yapı sağlayarak web geliştirme verimliliğini ve performansını artırır. Framework’ler, geliştiricilere ekstra çaba gerektirmeden yazılıma eklenebilecek bir dizi ekstra özellik sunan zaman kazandırıcılardır.

Angular’ın Özellikleri

  1. Document Object Model 

Document Object Model (Doküman Nesne Modeli)’in kısaltması olan DOM dokümanlara erişmek için olan bir W3C standardıdır. DOM dokümandaki nesnelere erişmek ve içeriğini, stilini, yapısını değiştirmek için kullanılır. Aynı HTML sayfasında on güncelleme yapıldığını düşünün. Angular, halihazırda güncellenmiş olanları güncellemek yerine, HTML etiketlerinin tüm ağaç yapısını güncelleyecektir.

  1. TypeScript

TypeScript, kullanıcıların anlaşılması daha kolay JavaScript kodu yazmasına yardımcı olan bir dizi tür tanımlar. TypeScript kodunun tamamı JavaScript ile derlenir ve herhangi bir platformda sorunsuz bir şekilde çalışabilir. Bir Angular uygulaması geliştirmek için TypeScript zorunlu değildir. Bununla birlikte, kod tabanının anlaşılmasını ve bakımını kolaylaştırırken daha iyi sözdizimsel yapı sunduğu için şiddetle tavsiye edilir.

TypeScript’i aşağıdaki komutla bir NPM paketi olarak yükleyebilirsiniz:

  • npm install -g typescript
  1. Data Binding

Data Binding, Angular’ın en güçlü özelliklerinden biridir. Typescript ile view katmanı (HTML) arasındaki iletişim için kullanılır. Angular’da data binding teknik olarak iki anabaşlıkta işlenir.

  • One-Way Data Binding

One-Way Data Binding işlemi Typescript içerisinde değişiklik yaptığımızda Html üzerinde değişikliğin olduğu basit ve tek yönlü bir iletişim şeklidir.

  • Two-Way Data Binding

İki yönlü veri bağlamada, Model ve View arasında verilerin otomatik senkronizasyonu gerçekleşir. Burada değişim her iki bileşene de yansır. Modelde yaptığınız her değişiklik View’a, View’de yaptığınız her değişiklik Model’e yansır.

 

Neden Angular?

JavaScript, en sık kullanılan istemci taraflı(client-side) betik dilidir. Yaygın desteğe sahip, nispeten öğrenmesi kolay bir dil olarak, modern uygulamalar geliştirmek için çok uygundur.

Ancak JavaScript modülerlik, test edilebilirlik ve geliştirici üretkenliği gerektiren tek sayfalık uygulamalar geliştirmek için uygun mudur? Belki de değil.

Bu günlerde alternatif çözümler sağlamak için tasarlanmış çeşitli framework ve kütüphaneler var. Web geliştirme ile ilgili olarak, Angular, geliştiricilerin JavaScript’i tek başına kullanırken karşılaştıkları sorunların hepsini olmasa da çoğunu ele almaktadır.

Kısacası kompleks bir uygulama geliştirecekseniz, Angular’ ın paketler ile birlikte gelmesi ve mvc yapısını kullanması dolayısı ile projenizi yönetmeniz Angular ile kolay olacaktır.

Kamu ve özel sektörün önde gelen kuruluşları tarafından yaygın olarak kullanılan BilişimHR insan kaynakları yazılımı, ön yüz görsellik olarak Angular alt yapısı ile tasarlanmıştır. BilişimHR hakkında daha detaylı bilgi almak için bizimle iletişime geçebilirsiniz. Detaylı bilgi almak için tıklayınız.

Blog

Öne Çıkan Yazılar

Öner Bilişim iş çözümleri ile işletmenizin dijital dönüşümünü birlikte tamamlayalım.

Demo Talep Et