Angular, TypeScript ile kodlanan tek sayfalık uygulamalar (SPA) geliştirmek için HTML ve TypeScript kullanan bir platformdur. Angular araştırılırken en sık karşılaşılan sözcükler bileşen (Component), şablon (Template) ve Injector'dır. Bileşenler, JavaScript sınıflarından oluşan ve HTML dosyalarını denetleyen yapılardır. Bu yapıda veriler, servislerden (injector) alınan verilerle uygulamaya aktarılır. Bileşen yapılarında HTML dosyalarındaki (şablon) değişkenler öğelere atanır ve HTML dosyalarındaki kodlar çalıştırılır. HTML dosyaları tek bir sayfa olarak ya da başka bir sayfanın içinde gösterilecek bir öğe olarak konumlandırılabilir. Bu işlem metadata aracılığıyla yapılır. Bu aşama tamamlandıktan sonra uygulamayı başlatan kök modül (bootloader root module) bu eylemleri tek çatı altında toplar ve tarayıcıda görüntüler. Bileşenler ağaç yapısı biçimindedir. Bir ana bileşen vardır; diğer bileşenler onun altında alt bileşen olarak yer alır.
Modüller, nesneleri barındıran yapılardır. Uygulamanın düzenli bir biçimde organize edilmesine yardımcı olur. Angular uygulamaları genellikle AppModule (kök) adlı en az bir NgModule sınıfı içerir. Uygulamada birden fazla modül oluşturulabilir, ancak birden fazla modülle çalışmak için yine de bir başlangıç modülü bulunmalıdır. Uygulama, başlangıç modülünün diğer modülleri çağırmasıyla çalışır. Genellikle orta ölçekli uygulamalar tek bir modülle çalışır.
Angular'ı Windows'a kurma Angular'ı kurmadan önce sisteminizde NodeJS ve npm'in uzun süreli destekli (LTS) sürümlerinin kurulu olduğundan emin olun. Komut satırına "node -v" ve "npm -v" yazarak sistemde kurulu güncel sürümleri öğrenebilirsiniz. Bu yazı yayımlandığında npm'in güncel sürümü 8.1.0, NodeJS'in güncel sürümü 16.13.0'dır. AngularCLI'ı bilgisayarınıza global olarak kurmak için:
npm i -g @angular/cli
Sisteme kurulan Angular sürümünü şu komutla kontrol edebilirsiniz:
ng -- version
Proje kurulumunu ve ayrıntılarını sonraki yazılarda inceleyelim. Kaynaklar:
angular.io
Kapak fotoğrafı: Antonio Batinić, kaynak: Pexels