75 AngularJS Mülakat Soruları ve Cevapları (2025)

By: James Hartman James Hartman
Hours Güncellenmiş

İşte hem yeni hem de deneyimli adayların hayallerindeki işi bulmaları için AngularJS mülakat soruları ve cevapları.

 

Yeni başlayanlar için AngularJS Mülakat Soruları ve Cevapları

1) AngularJS nedir?

AngularJS bir JavaTek web sayfası uygulamaları oluşturmak için kullanılan betik çerçevesi. HTML'yi şablon diliniz olarak kullanmanıza olanak tanır ve HTML'nin sözdizimini uygulamanızın bileşenlerini açıkça ifade edecek şekilde genişletmenizi sağlar.

👉 Ücretsiz PDF İndir: AngularJS Röportaj Soruları ve Cevapları >>

2) AngularJS'in temel özellikleri nelerdir?

AngularJS'in temel özellikleri şunlardır:

  • kapsam
  • kontrolör
  • Model
  • Görüntüle
  • Hizmetler
  • Bağlanma verileri
  • talimatlar
  • Filtre
  • Test edilebilir

3) AngularJS'deki fonksiyon kapsamını açıklayın

kapsam uygulama modelini ifade eder. Uygulama denetleyicisi ile görünüm arasında bir yapıştırıcı gibi davranır. Kapsamlar hiyerarşik bir yapıda düzenlenir ve uygulamanın DOM (Belge Nesne Modeli) yapısını taklit eder. İfadeleri izleyebilir ve olayları yayabilir.

4) AngularJS'deki hizmetleri açıklayın

AngularJS hizmetleri, belirli görevleri gerçekleştirmek için kullanılan tekil nesneler veya işlevlerdir. Biraz iş mantığı barındırıyor.

5) Açısal İfade Nedir? Açısal ifadeler ve arasındaki temel farkı açıklayın JavaKomut dosyası ifadeleri

Facebok sayfasını beğenin : JavaScript, Angular ifadeleri genellikle {{ ifade }} gibi bağlamalara yerleştirilen kod parçacıklarıdır.

arasındaki temel fark JavaScript ifadeleri ve Angular ifadeleri şunlardır:

  • Arka Plan: Angular'da ifadeler bir kapsam nesnesine göre değerlendirilirken, JavaKomut dosyası ifadeleri genel pencereye göre değerlendirilir
  • Bağışlayıcı: Açısal ifadede değerlendirme, boş ve tanımsız durumları affeder. JavaKomut dosyası tanımsız özellikler TypeError veya ReferenceError üretir
  • Kontrol Akışı İfadeleri Yok: Açısal ifadede döngüler, koşullar veya istisnalar kullanılamaz
  • Filtreler: Verileri görüntülemeden önce biçimlendirmek için filtreleri kullanabilirsiniz.

6) Sayfa yüklendiğinde seçeneklerle bir seçim kutusu nasıl başlatılabilir?

Sayfa yüklendiğinde ng-init yönergesini kullanarak seçeneklerle bir seçim kutusu başlatabilirsiniz.

  • <div ng-controller = ” apps/dashboard/account ” ng-switch
  • Açık = “! ! hesaplar” ng-init = ” loadData ( ) “>

7) Direktifler nelerdir? AngularJS uygulamasında en sık kullanılan direktiflerden bazılarını adlandırın

Direktif, yeni sözdizimini tanıtan bir şeydir. Bunlar, DOM öğesine özel bir davranış ekleyen işaretleyiciler gibidir. Herhangi bir AngularJS uygulamasında direktifler en önemli bileşenlerdir.

Yaygın olarak kullanılan direktiflerden bazıları şunlardır:

1) ng modeli

2) ng-Uygulaması

3) ng-bağlama

4) ng-tekrar

5) ng-gösteri

İLGİLİ MAKALELER

8) Angular JS rotaları nasıl çalışır?

AngularJS rotaları, uygulamanızdaki farklı içerikler için farklı URL'ler oluşturmanıza olanak tanır. Farklı içerik için farklı URL'ler, kullanıcının belirli içeriğe ilişkin URL'leri yer imlerine eklemesine olanak tanır. AngularJS'de bu tür yer imlerine eklenebilir URL'lerin her birine rota adı verilir

Angular JS'deki değer basit bir nesnedir. Bir sayı, dize veya olabilir JavaScript nesnesi. Değerler genellikle fabrikalara, servislere veya denetleyicilere enjekte edilen yapılandırma olarak kullanılır. Bir değer bir AngularJS modülüne ait olmalıdır.

Bir AngularJS denetleyici işlevine değer enjekte etmek, değerle aynı ada sahip bir parametre eklenerek yapılır.

9) AngularJS'de veri bağlama nedir?

Model ve görünüm bileşenleri arasındaki verilerin otomatik senkronizasyonu AngularJS'de veri bağlama olarak adlandırılır. Veri bağlama için iki yol vardır

  1. Klasik şablon sistemlerinde veri madenciliği
  2. Açısal şablonlarda veri bağlama

10) AngularJS'in faydaları nelerdir?

AngularJS'in faydaları şunlardır:

  • Geri Aramaların Kaydedilmesi: Geri aramaları kaydetmeye gerek yoktur. Bu, kodunuzu basit ve hata ayıklamayı kolay hale getirir.
  • HTML DOM'u programlı olarak kontrol edin: Angular kullanılarak oluşturulan uygulamaların DOM'u değiştirmesi gerekmez.
  • Kullanıcı arayüzüne ve kullanıcı arayüzünden veri aktarın: AngularJS neredeyse tüm standartların ortadan kaldırılmasına yardımcı olur. Formu doğrulayabilir, hataları görüntüleyebilir, dahili bir modele geri dönebilir vb.
  • Başlatma kodu yok: AngularJS ile uygulamanızı kolayca önyükleyebilirsiniz. Guice'deki uygulamanıza otomatik olarak enjekte edilen hizmetleri kullanabilirsiniz.

11) Angular.JS'de string enterpolasyonu nedir?

Angular.js'de derleme işlemi sırasında derleyici metin ve nitelikleri eşleştirir. Gömülü ifadeler içerip içermediklerini görmek için enterpolasyon hizmetini kullanır. Normal özet döngüsünün bir parçası olarak bu ifadeler güncellenir ve saat olarak kaydedilir.

12) HTML derleme sürecinin adımları nelerdir?

HTML derleme süreci aşağıdaki şekillerde gerçekleşir

  • Standart tarayıcı API'sini kullanarak öncelikle HTML, DOM'a ayrıştırılır
  • Çağrıyı kullanarak $compile () yöntemiyle DOM'un bir derlemesi gerçekleştirilir. Yöntem DOM'u geçer ve yönergelerle eşleşir.
  • Önceki adımdan döndürülen bağlama işlevini çağırarak şablonu bir kapsama bağlayın

13) Direktifleri ve türlerini açıklar

Derleme işlemi sırasında belirli bir HTML işlevi tetiklendiğinde buna yönerge denir. Derleyici DOM'da karşılaştığında yürütülür.

Farklı direktif türleri şunlardır:

1) Eleman direktifleri

2) Nitelik direktifleri

3) CSS sınıfı direktifleri

4) Yorum direktifleri.

14) Bağlama fonksiyonunu ve türlerini açıklar

Link, direktifleri bir kapsamla birleştirir ve canlı bir görünüm üretir. DOM dinleyicilerini kaydetmenin yanı sıra DOM'u güncellemekten de bağlantı işlevi sorumludur. Şablon klonlandıktan sonra yürütülür.

  • Ön bağlama işlevi: Alt öğeler bağlanmadan önce ön bağlama işlevi yürütülür. DOM dönüşümü için güvenli bir yol olarak görülmemektedir.
  • Mesaj bağlama işlevi: Alt öğeler bağlandıktan sonra bağlantı sonrası işlevi yürütülür. Bağlantı sonrası işleviyle DOM dönüşümü yapmak güvenlidir

15) AngularJS'de enjektörü açıklayın

Enjektör bir servis bulucudur. Sağlayıcı tarafından tanımlanan nesne örneklerini almak, türleri başlatmak, yöntemleri çağırmak ve modülleri yüklemek için kullanılır. Angular uygulaması başına tek bir enjektör vardır, bir nesne örneğinin adına göre aranmasına yardımcı olur.

16) Angular.js'de bağlantı ile derleme arasındaki temel fark nedir?

  • Derleme işlevi: Şablon DOM manipülasyonu için kullanılır ve tüm direktifleri toplar.
  • Bağlantı işlevi: DOM dinleyicilerini kaydetmek ve örneğin DOM manipülasyonu için kullanılır. Şablon klonlandıktan sonra yürütülür.

17) AngularJS'deki fabrika fonksiyonu nedir?

Direktifi oluşturmak için fabrika yöntemi kullanılır. Derleyici direktifle ilk kez eşleştiğinde yalnızca bir kez çağrılır. $injector.invoke kullanılarak fabrika yöntemi çağrılır.

18) ngModel'in CSS sınıflarına eklediği stil formunu açıklayın

NgModel, formun şekillendirilmesine olanak sağlamak için bu CSS sınıflarını ekler. AngularJS'nin doğrulama sınıfları şunlardır:

  1. ng-geçerli
  2. ng-geçersiz
  3. bozulmamış
  4. kirli

19) “Kapsam”ın özellikleri nelerdir?

  • Model mutasyonlarını gözlemlemek için kapsamlar API'ler sağlar ($watch)
  • Herhangi bir model değişikliğini sistem aracılığıyla Angular alanının dışından görünüme yaymak için
  • Bir kapsam, özellikleri üst kapsamından devralır; paylaşılan model özelliklerine erişim sağlarken kapsamlar, uygulama bileşenlerini izole etmek için iç içe yerleştirilebilir
  • Kapsam, ifadelerin değerlendirileceği bağlamı sağlar

20) DI (Bağımlılık Enjeksiyonu) nedir ve bir nesne veya fonksiyon bağımlılıklarını nasıl ele geçirebilir?

DI veya Dependency Injection, kodun bağımlılıklarını nasıl ele geçirdiğiyle ilgilenen bir yazılım tasarım modelidir. Modül yüklendiğinde yapılandırılması gereken uygulamanın öğelerini almak için “config” işlemi bağımlılık enjeksiyonunu kullanır.

Bunlar nesnenin bağımlılıklarını korumak için kullandığı yöntemlerdir

  • Genellikle new operatörü kullanılarak bağımlılık oluşturulabilir
  • Global bir değişkene atıfta bulunularak bağımlılık aranabilir
  • Bağımlılık gerektiği yere aktarılabilir

Deneyimli Profesyoneller için AngularJS Mülakat Soruları ve Cevapları

21) Kapsam hiyerarşisi kavramını açıklayın

Her angular uygulaması bir kök kapsamdan oluşur ancak birkaç alt kapsam içerebilir. Alt denetleyiciler ve bazı yönergeler yeni alt kapsamlar oluşturduğundan, bir uygulama birden fazla kapsama sahip olabilir. Yeni kapsamlar oluşturulduğunda veya oluşturulduğunda, bunlar ana kapsamlarının alt kapsamı olarak eklenir. Ayrıca DOM'a benzer bir hiyerarşik yapı oluştururlar.

22) AngularJS ile backbone.js arasındaki temel farkı açıklayın

angularjs backbone.js
angularjs bir JavaDinamik web uygulamalarını desteklemek için tasarlanmış, betik tabanlı, açık kaynaklı çerçeve. backbone.js, DOM'u görünümlere ve verileri modellere soyutlayan ve ardından olayları kullanarak her ikisini de bağlayan bir çerçevedir.
İki yönlü veri bağlama işlemi sağladığı için performansı iyidir. Backbone.js teknolojisi, veri kümeleri küçükse AngularJS'den daha hızlı performans sunar
MVS (Çoklu Sanal Depolama) üzerinde çalışır. MVP mimarisi üzerinde çalışır.
AngularJS, uygulamanın anlaşılmasını kolaylaştırmak için dinamik HTML özelliğini kullanır. Backbone.js, uygulamayı anlamak için alt çizgi şablonlarını kullanır.
Büyük bir topluluk desteği var. Topluluk desteği alt çizgi şablonuyla sınırlıdır.

23) Angular JS'yi kim yarattı?

AngularJS, Adam Abrons ve Misko Hevery tarafından geliştirildi. Şu anda Google tarafından geliştirilmiştir.

24) AngularJS'yi HTML ile nasıl entegre edebilirsiniz?

Geliştiriciler, AngularJS'yi HTML ile entegre etmek için aşağıdaki adımları izleyebilir:

1 Adım: AngularJS dahil JavaHTML sayfasındaki script.

<head>
   <script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>

2 Adım: AngularJS uygulamasını vurgulayın.

Aşağıdaki örnekte gösterildiği gibi, AngularJS uygulamasının HTML'sinin hangi kısmına sahip olduğunu söylemek için HTML gövde etiketinin içine ng-app niteliğini eklemeniz gerekir:

<body ng-app = "testapp">
</body>

25) AngularJS'de sipariş filtresi nedir?

AngularJS'deki Orderby filtresi, diziyi belirtilen ölçütlere göre sıralar. Aşağıdaki örnek, ürünü fiyata göre nasıl sıralayabileceğinizi belirtir.

<ul>
<li ng-repeat = "company in product.products | orderBy:'price">
      {{ company.product + ', price:' + product.price }}
   </li>
</ul>

26) AngularJS'de ng-bağlanamayan nedir?

Ng-non-bindable, AngularJ'lerin HTML öğesini ve alt düğümlerini derlemeyeceğini belirtir. Örneğin:

<title ng-non-bindable > </title>

27) AngularJS'de çift tıklama olayının kullanımını açıklayın

AgularJS'nin çift tıklama olayı, bir web sayfasında farenin çift tıklama olayında özel davranışı belirtmenize olanak tanır:

<ELEMENT ng-dblclick="{expression}"> 
... 
</ELEMENT>

28) AngularJS'deki ng-click direktiflerini örnekle açıklayın

Ng-click direktifleri, düğmeye tıklamanız gereken veya herhangi bir işlem gerçekleştirmek istediğiniz bir senaryoda kullanılabilir.

Örnek:

<button ng-click="count = count ++">Click</button>

29) AngularJS'de neden ng-include kullanılmalı?

AngularJS'deki Ng-include, HTML sayfalarını tek bir HTML sayfasına yerleştirmenize yardımcı olur. Örnek:

<div ng-app = "" ng-controller = "interviewController">
   <div ng-include = "'first.htm'"></div>
   <div ng-include = "'phases.htm'"></div>
</div>

30) Angular JS kullanarak nasıl ajax araması yapabilirsiniz?

AngularJS, sunucu verilerini okumak için ajax çağrısı yapmanıza yardımcı olan $https: denetimini sunar. Sunucu, gerekli kayıtları almak için bir veritabanı çağrısı yapar. JSON formatındaki verileriniz hazır olduğunda, sunucudan verileri aşağıdaki şekilde almak için $https: kullanabilirsiniz:

function employeeController($scope,$https:) {
   var url = "tasks.txt";
   $https.get(url).success( function(response) {
      $scope.employee = response; 
   });
}

31) $routeProvider'ın kullanımını açıklayın

Angular JS'de $routeProvider URL yapılandırmasını ayarlar. İlgili ng şablonu veya HTML sayfasıyla eşleşir ve buna bir denetleyici ekler.

32) AngularJS'de çerezleri nasıl ayarlayabilir, alabilir ve temizleyebilirsiniz?

Kullanabilirsiniz:

  • Çerezleri ayarlamak için $cookies.put() yöntemi.
  • Çerezleri almak için $cookies.get() yöntemi.
  • AngularJS'deki çerezleri kaldırmak için $cookies.remove.

33) Servis yöntemi nedir?

AngularJS'deki servis metodu, servis ve metodu tanımlamanıza yardımcı olur. Aşağıdaki örnekte, iki sayıyı toplayan basit bir toplama servisi enjekte ettik.

<! DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Event Registration</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<h3> Guru99 Global Event</h3>
<div ng-app = "mainApp" ng-controller = "DemoController">
    <p>Result: {{result}}</p>
</div>
<script>
    var mainApp = angular.module("mainApp", []);
    mainApp.service('AdditionService', function(){
        this.ADDITION = function(a,b) {
            return a+b;
        }
    });

    mainApp.controller('DemoController', function($scope, AdditionService) {

            $scope.result = AdditionService.ADDITION(5,6);
    });
</script>
</body>
</html>

34) Bağımlılık olarak enjekte edilebilecek AngularJS bileşenlerini adlandırın

Bağımlılık olarak enjekte edilebilecek AngularJS bileşenleri şunlardır: 1) değer, 2) fabrika, 3) hizmet, 4) sağlayıcı, 5) sabit.

35) Ortak Angular Global API fonksiyonları nelerdir?

Yaygın olarak kullanılan Angular Global API işlevlerinden bazıları şunlardır:

  • Angular.isString: Yalnızca verilen referans string türündeyse true değerini döndürür.
  • Açısal.küçük harf: Herhangi bir dizeyi küçük harfe dönüştürür
  • Açısal.büyük harf: Herhangi bir dizeyi büyük harfe dönüştürür.
  • Angular.isNumber: Yalnızca referansın sayısal bir değer veya sayı olması durumunda true değerini döndürür.

36) Açısal olarak bir HTML etiketini yalnızca tek bir tıklamayla gizleyen bir program yazın

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
</head>
<body>
<script src="https://code.angularjs.org/1.6.9/angular.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<h1> Guru99 Global Event</h1>
<div ng-app="DemoApp" ng-controller="DemoController">
    <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
    <br><br><div ng-hide="IsVisible">Angular</div>
</div>
<script type="text/javascript">
    var app = angular.module('DemoApp',[]);
    app.controller('DemoController',function($scope){
        $scope.IsVisible = false;
        $scope.ShowHide = function(){
            $scope.IsVisible = $scope.IsVisible = true;
        }
        });
</script>
</body>
</html>

37) BOM (Tarayıcı Nesne Modeli) nedir?

Malzeme Listesi veya Tarayıcı Nesne Modeli geçmiş, nesne gezgini, ekran konumu vb.'den oluşur. Konsol, yerel depolama ve pencere gibi genel tarayıcı nesnelerini belirtir.

38) AngularJS'de “$rootScope”u açıklayın

“$rootScope”, DOM (Belge Nesne Modeli) öğesinde oluşturulan bir kapsamdır.

Bir uygulama, diğer bileşenlerin yanı sıra yalnızca bir tane paylaşan $rootScope'a sahip olabilir. ng-app yönergesine sahiptir. Diğer kapsamlar, onun alt kapsamı olarak adlandırılır. İfadeleri izleyebilir ve olayları yayabilir.

39) Angular'da ng-view'e bir örnek verin

Aşağıdaki örneği düşünün:

<!DOCTYPE html>
<html>
<head>
    <meta chrset="UTF 8">
    <title>Event Registration</title>
    <script src="https://code.angularjs.org/1.5.9/angular-route.js"></script>
    <script src="https://code.angularjs.org/1.5.9/angular.min.js"></script>
    <script src="lib/bootstrap.js"></script>
</head>
<body ng-app="sampleApp">
<h1> Global Event</h1>
<div class="container">
    <ul><li><a href="#!NewEvent"> Add New Event</a></li>
        <li><a href="#!DisplayEvent"> Display Event</a></li>
    </ul>
    <div ng-view></div>
</div>
<script>
    var app = angular.module('sampleApp',["ngRoute"]);
    app.config(function($routeProvider){
        $routeProvider.
        when("/NewEvent",{
            templateUrl : "add_event.html",
            controller: "AddEventController"
        }).
        when("/DisplayEvent", {
            templateUrl: "show_event.html",
            controller: "ShowDisplayController"
        }).
        otherwise ({
            redirectTo: '/DisplayEvent'
        });
    });
    app.controller("AddEventController", function($scope) {
        $scope.message = "This is to Add a new Event";
    });
    app.controller("ShowDisplayController",function($scope){
        $scope.message = "This is display an Event";
    });
</script>
</body>
</html>

40) AngularJS'de fabrika yönteminin sözdizimi nedir?

Factory'nin sözdizimi aşağıdaki gibidir:

app.factory('serviceName',function(){ return serviceObj;})

41) AngularJS Scope yaşam döngüsünün farklı aşamalarını adlandırın.

AngularJS Scope yaşam döngüsünün farklı aşamaları şunlardır:

  • Yaratılış
  • Model mutasyonu
  • İzleyici kaydı
  • Mutasyon gözlemi
  • Kapsam imhası

42) Angular'da önyükleme işlemini yapmak için bir program yazın

Angular'da önyükleme işlemini sağlayan program:

<html>
    <body ng-app="TestApp">
        <div ng-controller="Ctrl">Hi{{msg}}!</div>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"> 
</script>
        <script>
            var test = angular.module('TestApp', []);
            test.controller('Ctrl', function($scope) {
                $scope.msg = 'Good Morning';
            });
        </script>
    </body>
</html>

43) AngularJS'de tek sayfalık uygulama nedir?

SPA veya tek sayfa uygulaması, kullanıcılarla dinamik olarak etkileşime giren bir web sitesi veya web uygulamasıdır. AngularJS'de, JavaScript, HTML ve CSS tek bir sayfaya sığar. Tüm HTML sayfasını yenilemeden gezinme gerçekleştirir.

44) Webpack kavramını açıklayın

Webpack, Angular2 veya üzeri için bir modül paketleyicidir. AngularJS uygulamasını paketler, aktarır ve küçültür.

45) NPM ile ne demek istiyorsunuz?

NPM, Düğüm Paket Yöneticisi anlamına gelir. Node.js projesinin deposuyla etkileşime geçmek için bir komut satırı aracı istemcisinden oluşur.

46) Komut Satırı Arayüzünü kullanarak angularJS'de nasıl yeni bir proje oluşturabilirsiniz?

Angular komut satırı arayüzünü kurduktan sonra, Angular'da yeni bir proje oluşturmak için new project-name komutunu çalıştırmanız gerekir.

47) AngularJS'de otomatik önyükleme sürecini açıklayın

Angular, DOMContentLoaded olayını otomatik olarak başlatır veya angular.js betiğini tarayıcıya indirdiğinizde.

Bundan sonra, AngularJS, angular uygulama derlemesinin kökü olan ng-app yönergesini bulur. ng-app yönergesi bulunduğunda, AngularJS aşağıdaki adımları uygular:

1) direktifle ilişkili modülü yükleyin,

2) Uygulama enjektörü oluşturun,

3) DOM'u ng-app kök öğesinden derleyin. Bu işleme otomatik önyükleme adı verilir.

48) Hemen çağrılan fonksiyon ifadeleri nedir?

IIFE'ler veya Hemen Çağrılan İşlev İfadeleri, oluşturulduğu anda yürütülen bir işlevdir. Değişken bildirimini izole etmenin basit bir yolunu sunar. IIFE'ler iki ana işlevi içerir:

1) operatör()

2) ifade()

49) AngularJS'deki özet döngüsü nedir?

Özet döngüsü, AngularJS'deki veri bağlamanın önemli bir parçasıdır. kapsam modelinin eski ve yeni versiyonunu karşılaştırır. Özet döngüsü $apply() fonksiyonu kullanılarak otomatik veya manuel olarak tetiklenir.

50) AngularJS ile çalışmanın temel gereksinimi nedir?

AngularJS'yi öğrenmek veya onunla çalışmak için AngularJS'nin en son sürümünü AngularJS.com'dan indirmeniz gerekir. JS dosyasına ihtiyacınız olabilir ve onu yerel olarak barındırabilirsiniz veya referans vermek için Google CDN'yi (İçerik Dağıtım Ağı) da kullanabilirsiniz.

51) AngularJS'de iç içe denetleyiciler oluşturabilir miyiz?

Evet, AngularJS'de iç içe bir denetleyici oluşturabiliriz.

İç içe denetleyici örneği aşağıdaki gibidir:

<div ng-controller="MainCtrl">
 <p>{{msg}} {{name}}!</p>
<div ng-controller="SubCtrl1">
<p>Hi {{name}}!</p>
   <div ng-controller="SubCtrl2">
     <p>{{msg}} {{name}}! Your name is {{name}}.</p>
   </div>
</div>
</div>

52) Kimlik Doğrulama Nedir?

Kimlik doğrulama, Angular uygulamasında oturum açmak ve oturumu kapatmak için kullanılan bir hizmettir. Kullanıcıların kimlik bilgileri sunucudaki API'ye geçer. Daha sonra bu kimlik bilgilerinin sunucu tarafı doğrulamasını gönderin, geçerli kullanıcıyla ilgili ayrıntı olarak JSON Web Token döndürülür.

53) AngularJS Malzemesini Tanımlayın

AngularJS Material, Google'ın Materyal Tasarım Spesifikasyonunun bir uygulamasıdır. AngularJS programcısı için bir dizi iyi test edilmiş, yeniden kullanılabilir kullanıcı arayüzü bileşeni sunar.

54) Angular 7 ile Angular 8 arasındaki önemli farklar nelerdir?

Açısal 7 Açısal 8
Açısal 7'nin kullanımı zordur Angular 8'in kullanımı çok kolaydır
TypeScript 3.4 programlama dilinin alt sürümü için destek sağlar TypeScript 3.4 programlama dilinin alt sürümü için destek sağlamaz
Tüm sürümlerini destekler node.js Yalnızca Node.js 12 sürümünü destekler.

55) Ngzone nedir?

Ngzone bir JavaZone.js tarafından belirtilen komut dosyası sarmalayıcı sınıfı. Geliştiricilerin belirli kodları Angular'ın bölgesi dışında açıkça çalıştırmasına olanak tanır, bu da angular'ın herhangi bir değişiklik algılamasını çalıştırmasını engeller.

56) Açısal Bileşen ile Yönerge arasındaki farkları listeleyin

Bileşen Yönerge
Angular bileşeni, uygulama genelinde web bileşeni işlevselliğini kullanmanızı sağlayan bir yönergedir. Açısal yönerge, davranışları öğelere bağladığımız bir tekniktir.
Uygulamanızı daha küçük bileşenlere ayırmanıza yardımcı olur. Yeniden kullanılabilir bileşenleri tasarlamanıza yardımcı olur.
Boruları tanımlayabilir Boruları tanımlayamaz.

57) ECMAScript'i tanımlayın

ECMAScript (Avrupa Bilgisayar Üreticileri Birliği), komut dosyası dilleri için bir standarttır. JavaScript, çekirdek dil olarak ECMAScript kullanır. Geliştiriciler, dünya çapındaki web ve/veya sunucu uygulamaları ve hizmetleri üzerinde istemci tarafı betik yazmak için ondan yardım alabilirler. ECMAScript, işlevsel, prototip, dinamik ve yapılandırılmış özellikler gibi çok sayıda özelliğe sahiptir.

58) Traceur Derleyicisi nedir?

Traceur bir JavaECMAScript'teki sınıfları, üreteçleri ve diğer özellikleri kullanan betik derleyicisi.

59) Bir dizeyi para birimine nasıl dönüştürebilirim?

Dize girişini Angular'da para birimi türü para birimi filtresine dönüştürebilirsiniz.

60) AngularJS'deki şablonlar nelerdir?

Şablon, AngularJs direktifleri ve nitelikleriyle kullanılan HTML dosyasıdır.

61) Angular ve jQuery arasındaki farkları açıklayın

angularjs JQuery
AngularJ'leri anlamak zordur Jquery'nin anlaşılması çok kolaydır.
İki yönlü ciltleme işlemini destekler Veri bağlama sürecini desteklemez
Derin bağlantı yönlendirmesi için destek sağlar Derin bağlantı yönlendirmesi için destek sağlamaz

62) Vaktinden Önce Derleme Nedir?

Angular AOT (Vaktinden Önce), açısal HTML'nizi ve TypeScript kodunuzu JavaKomut dosyası kodu.

63) AngularJS'deki filtre türlerini listeleyin

AngularJS'de kullanılan filtre türleri şunlardır: 1) Para Birimi, 2) Büyük Harf, 3) Küçük Harf, 4) orderBy, 5) JSON ve 6) limitTo.

64) ngOnInit () fonksiyonunu açıklayın

ngOnInit () işlevi, yönergenin veriye bağlı özelliklerinin tamamlanmasından sonra çağrılan bir yaşam döngüsü kancasıdır.

65) AngularJS'de transclusion nedir?

AngulaJS'deki transclusion, geliştiricilerin orijinal yönerge çocuklarını bir şablon içindeki belirli bir konuma yeniden tahsis etmelerini sağlar. ng yönergesi, transclusion kullanan en yakın üst yönergenin transcluded DOM'u için ekleme noktasını gösterir. Ng-transclude-slot veya ng-transclude yönergeleri çoğunlukla transclusion için kullanılır.

66) AngularJS'de aydınlatılmış kancalar mevcuttur

AngularJS'deki çeşitli kancalar şunlardır:

1) ngOnInit()

2) ngOnChanges(),

3) ngDoCheck(),

4) ngAfterContentInit(),

5) ngAfterContentChecked(),

6) ngOnDestroy(),

7) ngAfterViewChecked() ve

8) ngAfterViewInit()

67) AngularJS meta verilerinin önemli kısımları nelerdir?

AngularJS meta verileri, belirli bir sınıfın beklenen davranışını gösteren bir sınıfı süslemek için kullanılır. Meta verilerin çeşitli bölümleri şunlardır: 1) sınıf dekoratörleri, 2) Yöntem dekoratörleri, Parametre dekoratörleri ve 4) Özellik dekoratörleri.

68) Açısal CLI nedir?

Angular CLI'ye komut satırı arayüz aracı da denir. Angular uygulamalarını oluşturmak, başlatmak ve sürdürmek için kullanılır. CLI yazılımı, komut kabuğu veya Angular Konsol gibi çok etkileşimli kullanıcı arayüzü aracılığıyla kullanılabilir.

69) AngularJS'de parametreli boruyu açıklayın

AngularJS'de, hassas çıktıyı ayarlamak için borular birden fazla parametreye sahip olabilir. Boruyu iki nokta üst üste(:) ve parametre değerleriyle bildirerek parametreli bir boru oluşturabilirsiniz. Geliştirici birden fazla parametre değerini iki nokta üst üste (:) ile ayırabilir.

70) Yönlendirme Nedir?

Yönlendirme, çeşitli görünümleri birleştirme yöntemidir. Kontrolör bu görünümleri birleştirme kararını mantıksal ihtiyaçlara göre alır.

71) Yalıtılmış birim testleri ile neyi kastediyorsunuz?

İzole test, herhangi bir enjekte edilmiş değer veya Açısal bağımlılık kullanmadan sınıfın örneğini kontrol etme işlemidir. Programı çok kolay uygulamanıza yardımcı olur.

72) AngularJS'de DSL animasyon fonksiyonlarını adlandırın

AngularJS'deki DSL animasyon işlevleri şunlardır: 1) grup(), 2) durum(), 3) geçiş(), 4) stil(), 5) anahtar kareler(), 6) tetikleyici(), 7) sıra() ve 8) canlandırın().

73) AngularJS modülü nedir?

AngularJS'de bir modül, direktifleri gruplandıran ve ilgili bileşenleri hizmet eden bir süreçtir. Bunları diğer modüllerle karıştırılarak uygulama oluşturulabilecek şekilde düzenler.

74) AngularJ'lerdeki borular nedir?

Açısal olarak borular, verileri dönüştürmek için basit bir yöntem sağlar. Giriş olarak dizi, tamsayı, veri, string gibi değerleri alır ve dikey çizgi (|) sembolüyle böler. Verileri istenilen formata dönüştürür. Pipes tarayıcıda da aynı şeyi görüntüler. angularJS'de bazı yerleşik borular bulunur, ancak geliştiriciler kendi borularını da geliştirebilirler.

75) AngularJS'de ViewEncapsulation'ı açıklayın

ViewEncapsulation, AngularJS bileşeninde tanımlanan stillerin uygulamanın tamamını etkileyip etkilemeyeceğini belirler.

İş Görüşmenize Hazırlık!!! Geçmek AngularJS Eğitimi daha iyi hazırlanmak için.

Bu ayrıntılı AngularJS Deneme Testi, AngularJS mülakat soruları hakkındaki şüphelerinizi gidermenize ve aynı zamanda mülakatı başarıyla tamamlamanıza yardımcı olacaktır.


Bu mülakat soruları aynı zamanda yaşamınızda da yardımcı olacaktır.

Beğenebilirsin: