Angular ve Angular.js Arasındaki Farklar!

2 hafta önce , Okuma süresi 3 dakika.

Bu makalede, front-end framework, terimlerin ve adların kullanımını daha bilinçli hale getirmek için Angular ve AngularJS açık kaynak araçları arasındaki temel farkları sizler için derledik.
Angular ve Angular.js Arasındaki Farklar!

Ancak karşılaştırmaya başlamadan önce bu isimlerin ne anlama geldiğini netleştirelim.

Angular Versiyonları

Angular (Angular 1 olarak da bilinir), küçük ve büyük web uygulamaları oluşturmak için popüler bir çerçevedir. Angular, TypeScript'te (JavaScript'in bir üst kümesi) yazılırken, AngularJS JavaScript'in kendisine dayanır. Aslında, AngularJS, 2012'de Google tarafından yayınlanan Angular'ın ilk büyük sürümüdür. 

Angular'ın ikinci büyük sürümü tamamen yeniden yazıldı ve artık JavaScript'e dayalı olmadığı ve AngularJS'den yükseltme yamasına sahip olmadığı için adında "JS" kayboldu. Bunlar tamamen farklı (uygulama düzeyinde) çerçevelerdir. Angular'dan bahsettiğimizde Angular 2, Angular 4-8 ve 2020'de piyasaya çıkan Angular - Angular 9'un en son versiyonunu kastediyoruz.

İşte Angular 9 özelliklerinin bir listesi:

  • Daha küçük paket boyutları ve artırılmış performans
  • Daha hızlı test
  • Daha iyi hata ayıklama
  • Geliştirilmiş CSS sınıfı ve stil bağlama
  • Geliştirilmiş tür denetimi
  • Geliştirilmiş derleme hataları
  • Geliştirilmiş derleme süreleri, AOT'yi varsayılan olarak etkinleştirme
  • Gelişmiş Uluslararasılaştırma
  • Ivy derleyicisi: Ivy derleyicisinin varsayılan kullanımı, Angular 9'un en önemli özelliğidir, Ivy aslında Angular'ın başlıca sorunlarını, yani performans ve büyük dosya boyutunu çözmek için tasarlanan şeydir.
  • Angular Ivy için seçicisiz bağlama desteği
  • TypeScript Diagnostics Format Desteği
  • Sağlanan daha fazla kapsam için destek
  • TestBed.get () Yerine Yeni Bir Tür Güvenli TestBed.inject () Yöntemi
  • Diferansiyel yüklemede iyileştirmeler
  • Her yerde AOT derlemesi
  • Paket boyutları
  • Küreselleşme
  • Ek sağlayıcı kapsamları
  • Geliştirilmiş geliştirici deneyimi
  • Geliştirme modunda yeni hata ayıklama API'si
  • Katı mod
  • Geliştirilmiş bileşen ve yönerge sınıf mirası
  • En son TypeScript sürümleri
  • Angular Universal ile geliştirilmiş sunucu tarafı işleme
  • Geliştirilmiş stil deneyimi
  • Kaydolma seçeneği olarak kararlı Bazel sürümü
  • Açısal Bileşenler
  • Test yapmak

Ayrıca, Angular'ın önceki sürümlerine kıyasla Google Haritalar ve YouTube'u daha önemli bir şekilde kullanmanıza olanak tanır.

Angular ve AngularJS arasındaki temel farklar

Mimari

AngularJS, MVC, Model View Controller Design üzerinde çalışır. Model, uygulamanın davranışını ifade eden ve verilerini, mantığını ve kurallarını yöneten merkezi bileşendir. Görünüm, modeldeki bilgilere göre bir çıktı oluşturur. Kontrolör girişi kabul eder, onu komutlara dönüştürür ve komutları modele ve görünüme gönderir.

Angular bileşenleri ve yönergeleri kullanır. Burada bileşen, bir şablon içeren yönergedir.

Dil

Daha önce bahsedildiği gibi, AngularJS kodu JavaScript ile yazılırken Angular kodu TypeScript ile yazılmıştır. Herhangi bir JavaScript programı da geçerli bir TypeScript programıdır, ancak her zaman ters yönde çalışmaz. Hackernoon hakkında AngularJS kullanımının temel avantajları hakkında bir makale var .

TypeScript, statik yazmaya izin vererek ve geliştiricilerin JavaScript ile mümkün olandan daha nesneye yönelik yollarla programlama yapmalarına izin vererek JavaScript'i geliştirir. TypeScript açık kaynaklıdır ve Microsoft tarafından büyük JavaScript programlarını daha iyi oluşturmanın ve sürdürmenin bir yolu olarak geliştirilmiştir. Farkı hissetmek için tabloya bir göz atın : TypeScript ve JavaScript karşılaştırması. 

Mobil geliştirme

Mobil öncelikli geliştirme çağında, AngularJS biraz modası geçmiş görünüyor çünkü mobil tarayıcıları hiç desteklemiyor. Angular, mobil tarayıcı dostudur.

İfade sözdizimi

Bir görüntüyü / özelliği veya bir olayı AngularJS ile bağlamak istiyorsanız, düzeltme direktifini hatırlamanız gerekir. Angular, olay bağlama için "()" ve özellik bağlama için "[]" öğesine odaklanır.

Bağımlılık Enjeksiyonu

Angular, Hiyerarşik DI sistemine sahiptir.

Yönlendirme

@routeProvider.when , daha sonra yönlendirme bilgisi sağlamak için AngularJS'de kullanılır. Açısal olarak, @Route yapılandırma bilgilerini yönlendirme tanımlamak için kullanılır.

Yönetim ve ölçeklenebilirlik

AngularJS projesinin, kaynak kodunun boyutu arttıkça yönetilmesi zordur. Açısal kod daha iyi yapılandırılmıştır, daha büyük uygulamaları oluşturmak ve yönetmek kolaydır. AngularJS'e göre çok daha hızlı. Ayrıca modüler tasarıma, açısal CLI'ye sahiptir ve geliştirmesi kolaydır.

Sonuç 

Her şeyden önce, AngularJS ve Angular, Google şirketinin açık kaynaklı ürünleridir; bu, büyük bir profesyonel geliştirici topluluğu tarafından uzun süreli destek alacağınız anlamına gelir. Ne çalışmalı? Açıkçası Angular'ın en son sürümünü seçerdim. Değişen web geliştirme dünyasında geçerli olacak modern bir çerçeveye ihtiyacınız varsa, Angular 9 bugün piyasadaki en iyi seçimdir.

#angularjs