Merhaba, sevgili dostlarım! Bugün Angular'ın faydalarından bahsedeceğiz. AngularJS kullanıyorsanız, AngularJS'den Angular'a geçmeniz gerekir. Neden? Bu makaleyi okuyun ve en iyi çerçeve için bir seçim yapın.
AngularJS nedir?
Bu iki çerçeve hakkında konuşmadan önce kimin kim olduğunu anlayalım. AngularJS, tek sayfalık uygulamalar (SPA) geliştiren çerçevelerde devrim yarattı. Angular, hala onu destekleyen Google'ın yardımıyla piyasaya sürüldü. Ve 2010'da piyasaya sürüldü ve o zamandan beri AngularJS'nin birçok yeni sürümü var. Çerçeve, JavaScript yardımıyla çalışır ve tek sayfalık web uygulamalarının geliştirilmesi için oluşturulmuştur. Angular'ı diğerlerinden ayıran şey, HTML'yi zaman serilerine dönüştürme yeteneğidir.
Hadi AngularJS'nin dezavantajları hakkında konuşalım ve neden çerçevenin en iyi versiyonu olmadığını anlayacaksınız.
JavaScript. Evet, JavaScript ile çalışmak çok uygun olsa da, onsuz AngularJS'de hiçbir şey yapamazsınız. Bu nedenle, yeni bir sorun var – birçok cihazda JS desteklenmiyor (evet, kulağa üzücü geliyor). Tabii ki, yeni dizüstü bilgisayarlarda ve bilgisayarlarda böyle bir sorun yok, ancak örneğin eski bir dizüstü bilgisayarı olan ve AngularJS öğrenmek isteyen ve JavaScript çalıştırmayan bir genci ele alırsanız. Ve yeni bir şey öğrenme arzusu kaybolur.
Yeni başlayanlar için zor. AngularJS'nin yapısı oldukça erişilebilir, ancak bu çerçeveyi ilk öğrenmeye başladığınızda birçok sorunla karşılaşırsınız. Herkes aynı anda direktifler ve bağımlılıklarla nasıl çalışacağını bilmiyor (ve bu, AngularJS kodunun bir bileşenidir). Ek olarak, aynı yönergeler olmadan bunları çözmenin imkansız olduğu görevler vardır, geliştirici sistemlerine girmeye başlar, çok zaman kaybeder (tabii ki yeni bir şey öğrenirken harika olsa da), ancak böyle bir şey var. son tarih olarak. Müşteri genellikle son teslim tarihlerini açıkça belirler ve belirtilen süreden daha uzun süre beklemek istemez. Bu nedenle, AngularJS'nin yapısı mevcut olmasına rağmen, süreçte birçok fonksiyonla ilgili sorunlar olabilir.
MVC. Herkes onunla nasıl çalışacağını bilmiyor. MVC'nin nasıl çalıştığını anlamak da uzun zaman alıyor. Doğru, çoğu artık onunla çalışma deneyimine sahip, ancak daha geleneksel geliştiriciler bu sorunla karşı karşıya. Sonuç olarak, AngularJS ile çalışmak için hangi programları bilmeniz gerektiğini bilmeniz gerekiyor.
Eğitim için belgeler. Aslında, Angular ile karşılaştırıldığında çok fazla değil. Yeni başlayanlar bu AngularJS ile bir şekilde gerçekten şanssız. Ancak, onu çalışarak çok şey öğrenecek, birçok program öğreneceksiniz ve bir geliştirici ne kadar çok şey bilirse o kadar iyi olur. AngularJS hakkında çok az belge olduğundan, programcıların kendilerinin çok fazla zaman harcayan girişimlerde bulunması gereken çok şey var.
Hatalar. AngularJS'de oluşturulan ürünler dinamiktir, yani performanssız. Programı başlatmaya yönelik ilk girişimler, çökmelere ve gecikmelere neden olabilir.
Angular 10 nedir?
Angular 10, öncekilerden daha az yer kaplar. Bu çeşitliliğe eklenen yeni özellikler, Angular Material'da geliştirilmiş tarih kapsamı seçimi ve CommonJS'yi içe aktarmak için uyarılardır. Geliştiriciler ayrıca yeni bir özellik eklediler – CommonJS ile paketlenmiş bir paket daha büyük, daha yavaş programlara yol açabildiğinde ECMAScript toplu modüllerinin değiştirilmesi.
Profesyonel İpucu: Bilgisayarınızı performans sorunları, gereksiz dosyalar, zararlı yazılımlara karşı tarayın uygulamalar ve güvenlik tehditleri sistem sorunlarına veya yavaş performansa neden olabilir.
Ücretsiz PC Tarama Sorunları3.145.873indirmelerAşağıdakilerle uyumludur:Windows 10, Windows 7, Windows 8
Özel teklif. Outbyte, kaldırma talimatları, EULA, Gizlilik Politikası hakkında.
Ayrıca, Angular 10, yeni'den 'e kadar yeni bir alan oluştururken ürünün daha stratejik bir yapılandırmasını sunar. >ng new–strict.
Etkinleştirme, daha iyi hata algılama ve ek program optimizasyonları için bir ürünü yeni ayarlarla başlatmanıza olanak tanır.
Angular 10'un Avantajları:
Dil hizmeti. Dil hizmeti derleyicisi, gerekirse ScriptInfos oluşturan ürün arabirimini kullanarak artık birden fazla tür denetleme dosyası kullanabilir. Ayrıca &, <, vb. gibi bazı HTML öğeleri de kaldırılır. Bu, performans açısından oldukça değişken olan Angular LS işlevselliğinin dahili temelini korumak için yapılmıştır.
Tarayıcı yapılandırması. Eski ve popüler olmayan tarayıcılar artık Angular 10'dan hariç tutulmuştur. Bu, daha yeni ve daha kullanışlı tarayıcıları tanıtmak için yapılır. Ayrıca bu güncelleme, yeni ürünler için ES5 derlemesini otomatik olarak devre dışı bırakmanın yan etkisini de içerir. Bunu yapmak için geliştirici, gerekli tarayıcıları .browserslist RC dosyasına eklemelidir. ES5 derlemelerini ve tarayıcılar için farklı yüklemeyi etkinleştirmek için.
Derleyici güncellemesi. Derleyici de yükseltilmedi, Angular'ın bu sürümünde geliştiriciler, derleyicinin gerçek ngtsc derleyicisini sarmalaması için bir arayüz ekledi. Özellikler ve okunabilmesi için ad alanları da eklenmiştir. Bu bağımlılık bilgisine ek olarak, içerik seçiciler olan Angular Language Service de metadataya eklenmiştir. ExpressionBinding mikro sözdizimi ifadesindeki tam maliyet aralığının ParsedProperty'ye genişletilmesini destekler, bu da aralığı bir AST şablonuna (hem VE hem de Ivy) genişletebilir.
Ngcc. Bu özellik, yalnızca programın tsconfig.json dosyası tarafından tanımlanan giriş noktalarını işlemek için oluşturulmuş bir programa dayalı olarak bir giriş noktası arama programı başlatılabilmesi için eklenmiştir. erişime sahip olacaktır. Bu özellik, ürüne aktarılan birkaç giriş noktasıyla bağımlılık sürecini hızlandırır. Normal paket yolu ve giriş noktası dosyanın dışında bırakılabilir, bu nedenle boş dizilerden kurtulmaya yardımcı olur.
Üretkenliği artırın. Bu, giriş noktasının hacmini azaltarak çalıştı. Ve bir başka artı, bağımlılıkların önbelleğe alınmasının giriş noktası bildiriminde gerçekleşmesi ve her seferinde hesaplama yapmak yerine bilgilerin oradan gelmesidir. Eskiden her seferinde bir tarayıcı başlatılırdı ve şimdi bu yalnızca TargetEntryPointFinder'da gerektiğinde yapılıyor.
TypeScript 3.9. TypeScript, JavaScript'e dayalı bir dildir, ancak tür bildirimleri ve ek açıklamalar için sözdizimi vardır. TypeScript'in bu sürümü, hataları kontrol etmenin yanı sıra, derlemek için derleyiciyle birlikte çalışır, her şeyi hızlandırır ve çalışmasını normalleştirir.
Yerelleştirme. En iyi özelliklerden biri. Angular'ın bu sürümü, birden fazla çeviri belgesini birleştirme yeteneğidir, önceki sürümler ise yalnızca bir dosya indirir. Yani geliştiriciler artık bir mesaj kimliği kullanarak belge çevirilerini birleştirebilir. Bunu yapmak için, en önemli olan dokümanı ilk çeviriye, diğerlerini ise daha sonraya taşımanız gerekir.
Yönlendirici. CanLoad güvenlik görevlisi artık köşe sürüm 10'da Urltree'ye dönebilir. Urltree tarafından döndürülen CanLoad koruması, son teknoloji gezinmeyi iptal eder ve verilerin yeniden yönlendirilmesine yardımcı olur. Bu, görünüşe göre eklenmiş olan mevcut CanActivate savunucularının mevcut davranışıyla tutarlıdır.
Çekirdek. Artık tüm uyarılar hata olarak okunacaktır. Bu kötü bir özellik değil, ancak console.error aracılığıyla hiçbir şey kaydedilmesini beklemeyen araçları oynatabilir. Generic'in bu yeni sürümü, ModuleWithProviders'ın Ivy derlemesi ve işleme hattıyla çalışmasını zorunlu kılıyor. Bu, geliştiricinin Görünüm Motorunu kullanması durumunda derleme hatası verilmemesini sağlar.
Kodu Ivy'ye dönüştürün. npm'den Ivy üzerindeki tüm bağımlılıklar, uygulamada ngtsc çalıştırmanın öncüsü olarak gerçekleşmesi gereken Ivy bağımlılıklarına dönüştürülmelidir. Daha sonra, gelecekteki tüm derleme ve bağlama işlemleri, bağımlılıkların versiyonlarının dönüştürülmesi yönünde yapılmalıdır.
Sonuç
Bu yazıda, Angular'ın hala AngularJS'den daha iyi olmasının nedenlerini yazdım. Herkesi AngularJS'yi unutmaya ve Angular 10'a gitmeye ikna etmek istemedim. Hayır, her çerçeve bir konuda daha iyidir. Şimdi Angular 10, eşsiz projeler yaratmak için mümkün olan tüm özelliklere sahip, ancak bir veya iki yıl sonra yeni sürümün bundan daha iyi olacağını unutmayın. Tavsiyem – mümkün olduğunca çok şey öğrenin, çerçevelerin tüm sürümleri faydalı olacaktır.
Youtube videosu: Uygulamanızı Neden AngularJS'den Angular'a Yükseltmelisiniz?
