8 Açısal Mülakat Soruları ve Cevapları [222]

Angular Developer görevi için bir röportaj için oturmayı planlıyor musunuz? Kendinizi bu Angular mülakat sorularıyla hazırlamak en iyisidir.

JavaScript geliştiricisiyseniz, ön uç geliştirme için Angular çerçevesini biliyor olabilirsiniz. Günümüz dünyasında geliştiriciler için en çok talep edilen becerilerden biri haline geldi.

Ancak, Angular çerçevesini iyi anlamak biraz zor olabilir. Böyle bir durumda, görüşmecinin size atabileceği her şeye hazırlıklı olmak çok önemlidir. Direktiflerden çerçevelere kadar, bir röportajda başarılı olmanıza ve kariyerinizi yeni bir düzeye taşıyabilecek işi almanıza yardımcı olacaktır.

Hayalinizdeki işi almak için hazırlanmanız gereken en popüler Angular mülakat sorularından bazılarını sıraladık.

Açısal İfade nedir? JavaScript Expression'dan nasıl farklıdırlar?

Angular Expression, kodlayıcıların {{ ifade }} bağlamasına yerleştirdiği bir kod parçacığıdır. Angular ve JavaScript İfadeleri arasındaki önemli farklar şunlardır:

• Biçim verilerini görüntülemeden önce filtreleri kullanmak kolaydır.
• Değerlendirme, ReferenceError ve TypeError oluşturan JavaScript undefined yerine undefined ve null için bağışlayıcıdır.
• Bir kapsam nesnesine göre değerlendirilir.
• Açısal İfadeler, istisnaları, koşulları ve döngüleri içerir.

Veri bağlamayı açıklayın.

Veri bağlama, bileşenler ve DOM arasında bağlantı kurabilen en etkili ve temel özelliklerden biri olarak kabul edilir. Şablonları ve bileşenleri çekip itme endişesi duymadan etkileşimli uygulamaların sürecini tanımlamak kolaydır. Angular'da çeşitli veri bağlama türleri kullanılır, örneğin

• Mülk bağlama,
• Çift yönlü veri bağlama,
• Olay bağlama ve
• Dize enterpolasyonu.

Angular'ın farklı yaşam döngüsü kancalarına bir göz atın.

Angular yaşam döngüsünün kancaları, belirli bir fazın tüm süresi boyunca tetikleyicileri ve faz değişikliklerini kontrol ederken popülerdir. Yaşam döngüsü bileşeni, dört ana bölüme ayrılan Yapıcı'yı içerir: ngOchanges, ngOnInit, ngDoCheck ve ngOnDestroy. ngOchanges ayrıca ngAfterViewInit, ngAfterContentInit, ngAfterViewChecked ve ngAfterContentChecked'de yemek yiyor.

• ngOnchanges() – Bileşenlerde bir (veya daha fazla) girdi özelliği değiştirildiğinde, bu yöntem çağrılır. Özelliklerin önceki ve mevcut değerleri kancada alınır – SimpleChanges.
• ngOnInit() – Set giriş özelliklerini ve bileşenlerini başlatmak için ngOchanges'ten sonra gelir.
• ngDoCheck() – Angular ile mümkün olmayan değişiklikleri harekete geçirmek ve tespit etmek için üçüncü aşamada gelir. Bu kancayı kullanarak hızlı bir şekilde bir değişiklik algılama algoritması uygulayabilirsiniz.
• ngAfterContentInit() – Başka bir kanca, bileşendeki içerik projelerini aldıktan sonra yanıt vermektir.
• ngAfterContentChecked() – Sonraki, içerik yansıtıldıktan sonra yanıt veren her sonraki ngDoCheck ve ngAftercontentInit'ten sonra çağrılan ngAfterContentChecked'dir.
• ngAfterViewInit() – Bir sonraki çağrılacak kanca, bileşenin görünümü kontrol edildikten sonra alt bileşenin görünümüne yanıt vermek için ngAfterViewInit'tir.
• ngOnDestroy() – Angular bileşeni yok etmeden önce olay işleyicilerini ayırmaya ve kodu temizlemeye yardımcı olur.

Angular'da AOT ve JIT arasındaki fark nedir?

Birçoğu, Angular'da AOT ve JIT derleyicisi arasında kafa karıştırabilir ve bu nedenle temelleri bilmek önemlidir:

• Ahead-of-Time (AOT) derleyicisi, derleme zamanında sunucudaki kodu derler. Aynı zamanda, Tam Zamanında (JIT) derleyicisi, uygulama için tarayıcıda çalışma zamanındadır.
• AOT, üretim modu için idealdir, JIT ise Angular projesinde kod derleyebilen geliştirme modu içindir.
• AOT derlemesi, hizmet ve yapı komutlarını içerirken, JIT derlemesi, hizmet ve yapı CLI komutlarını içerir.
• AOT, daha hızlı işleme için paket boyutunu küçültebilirken, JIT, dosyaları eşlemek için hata ayıklama ve ana özellikleri uygulama ile birlikte gelir.

RxJS'yi açıklayın.

JavaScript için Reaktif Uzantılar (RxJS), geliştiricilerin reaktif programlama yapmasına izin veren gözlemlenebilirleri kullanır. Amaç, Angular'da RxJS çerçevesini kullanarak geri arama tabanlı kod veya eşzamansız işlemler oluşturmaktır. Yayıncılardan değerler yayan abonelere veri akışında yardımcı olabilir. Angular kullanmıyorsanız, Python ve Java gibi diğer programlama dilleri, reaktif kod kullanarak gözlemlenebilirleri kullanabilir.

Farklı Açısal filtre türlerine derinlemesine dalın.

Angular, şablonlara, yönergelere, hizmetlere ve denetleyicilere eklenebilecek ifade değerini biçimlendiren kullanıcıları göstermek için bir filtre kullanır. Kullanıcıların verileri ölçütlere göre düzenlemesine olanak tanıyan gereksinimlere göre kişiselleştirilmiş filtreler oluşturulabilir. Dikey çizgi simgesinden ( | ) sonra ifadeye filtreler yerleştirilir. Angular'da kullanılan birincil filtreler şunlardır:

• sayı – Değeri bir dizgeye dönüştürmek için
• para birimi – Sayıları para birimi biçimine dönüştürme
• json – Herhangi bir nesneyi JSON dizesine dönüştürme
• tarih – Herhangi bir tarih formatına dönüştürme
• limitTo - Diziyi veya dizeyi belirli dizeler veya öğelerle sınırlayın
• orderBy – İfadedeki diziyi düzenler
• büyük harf – Bir dizeyi büyük harfe dönüştürme
• küçük harf – Bir dizeyi küçük harfe dönüştürme
• filtre – Verilen diziden alt kümeyi seçin

Önyüklemeyi tanımlayın.

Önyükleme, uygulamayı otomatik veya manuel olarak Angular'da başlatmanın veya başlatmanın bir yoludur. Daha iyi anlamanıza yardımcı olalım:

• Gerekirse etikete ng-app yönergeleri eklenirken otomatik önyükleme dahil edilir. Angular, DOM'yi derler ve modül bulma ng-app yönergesi ile ilişkilidir.
• Manuel önyükleme, Angular uygulamasını başlatmak ve geliştiricilere sayfayı derlemek için önemli işlemleri ve görevleri gerçekleştirmeleri için denetim sunmaktır.

Angular yönergelerine biraz ışık tutun.

Angular yönergeleri söz konusu olduğunda, üç önemli tür vardır:

• Nitelik – Bunu kullanarak, öğelerin, başka bir yönergenin ve bileşenlerin davranışını ve görünümünü değiştirebilir. Öğelerin nitelikleri olarak ngStyle ve ngClass'ı kullanır.
• Bileşenler – CSS stilleri, TypeScript kodu ve HTML şablonu kullanarak tek bir kullanıcı arayüzü tanımlayabilen şablonlardan oluşur. Genellikle @ sembolü ile süslenir ve onu bileşen şablonlarıyla değiştirmek için açısal bir derleyici verir.
• Yapısal – ngIf yönergeleri gibi farklı yönergeleri kullanarak bazı verileri gizlemek veya göstermek için görünüm yapısını değiştirir.

Çözüm

Bunlar genellikle Angular görüşmelerde sorulan temel sorular ve yanıtlardır. Mülakata hazırlanmanıza, başarılı olmanıza ve hayalinizdeki işi almanıza yardımcı olacaktır.

Bununla işiniz bittiyse, AngularJS hakkında daha fazla bilgi edinin.