29 Pertanyaan dan Jawaban Wawancara AngularJS yang Paling Sering Diajukan [Untuk Pemula & Berpengalaman]

AngularJS adalah salah satu kerangka kerja web paling populer di kancah teknologi modern. Meskipun awalnya, AngularJS adalah proyek Google, kemudian menjadi kerangka kerja sumber terbuka. AngularJS adalah kerangka kerja Model-View-Controller JavaScript sisi klien yang terutama digunakan untuk membangun dan aplikasi web dinamis, khususnya aplikasi satu halaman.

Karena AngularJS sepenuhnya didasarkan pada HTML dan JavaScript, ini memungkinkan Anda untuk menggunakan HTML sebagai bahasa template. Ini tidak hanya mengubah HTML statis menjadi HTML dinamis tetapi juga membantu memperluas kemampuan HTML dengan menambahkan atribut bawaan. Selain itu, AngularJS juga memperluas kemampuan HTML untuk membuat atribut khusus menggunakan JavaScript. Apa yang terbaik tentang AngularJS adalah bahwa fitur pengikatan data dan injeksi ketergantungannya membantu menghilangkan kebutuhan untuk menulis kode yang berlebihan.

Popularitas AngularJS telah menjadi begitu luas sehingga permintaan keterampilan AngularJS di industri melonjak. Namun, jika Anda ingin mendapatkan pekerjaan yang menuntut keterampilan AngularJS, Anda harus terlebih dahulu memecahkan wawancara AngularJS. Untuk membantu Anda menguasai wawancara AngularJS, kami telah membuat daftar lengkap pertanyaan dan jawaban wawancara AngularJS.

Ini dia!

Pertanyaan & Jawaban Wawancara AngularJS Teratas

1. Apa itu AngularJS? Apa saja fitur utama AngularJS?

AngularJS adalah kerangka kerja JavaScript yang dikembangkan oleh Google. Ini digunakan untuk membuat aplikasi web yang dinamis dan dapat diperluas. Ini didasarkan pada pola MVC (Model View Controller) dengan HTML sebagai bahasa template. Seperti yang kami sebutkan di pendahuluan, AngularJS berjalan pada JavaScript dan HTML biasa, yang berarti Anda tidak perlu bergantung pada dependensi eksternal lain untuk menggunakannya. AngularJS membantu mengikat objek JavaScript dengan elemen UI HTML.

Fitur inti dari AngularJS adalah:

• Templat
• Cakupan
• Pengontrol
• Jasa
• Model
• Melihat
• Pengikatan data
• Filter

Pelajari Lebih Lanjut tentang: Angular 7.0 – Apa yang baru di Avatar-nya?

2. Tentukan Lingkup di AngularJS.

Di AngularJS, Scope adalah model aplikasi yang berfungsi sebagai penghubung antara pengontrol aplikasi dan tampilan. Lingkup dirancang untuk memantau ekspresi dan menyebarkan peristiwa. Biasanya, cakupan diatur dalam struktur hierarki yang mereplikasi struktur DOM (Document Object Model) aplikasi. Itu dapat menonton ekspresi dan menyebarkan acara.

3. Definisikan Data Binding di AngularJS.

Di AngularJS, pengikatan data mengacu pada proses di mana data antara model dan komponen tampilan disinkronkan secara otomatis. Pengikatan data membantu menyederhanakan proses mendefinisikan aplikasi interaktif tanpa khawatir tentang mendorong atau menarik data antara tampilan/templat dan komponen. Ada empat bentuk pengikatan data:

• Pengikatan acara
• Pengikatan properti
• Interpolasi string
• Pengikatan data dua arah

4. Tentukan Ekspresi Sudut. Apa perbedaan antara ekspresi Angular dan ekspresi JavaScript?

Ekspresi sudut adalah cuplikan kode yang ditempatkan dalam penjilidan (seperti gaya JavaScript), seperti:

{{ sudut }}

Ekspresi sudut membantu mengikat data aplikasi ke HTML.

Perbedaan inti antara ekspresi JavaScript dan ekspresi Angular adalah:

• Sementara ekspresi JavaScript dievaluasi terhadap jendela global, ekspresi Angular dievaluasi terhadap objek lingkup.
• Evaluasi ekspresi Angular memaafkan null dan undefined, tetapi dalam JavaScript, properti undefined biasanya menghasilkan TypeError atau ReferenceError.
• Tidak seperti JavaScript, ekspresi Angular tidak mengizinkan penggunaan loop, kondisional, atau pengecualian.
• Sementara AngularJS mendukung filter, JavaScript tidak.

5. Sebutkan IDE yang umum digunakan untuk pengembangan aplikasi AngularJS.

Berikut adalah IDE (Integrated Development Environment) yang paling umum digunakan untuk AngularJS:

• Eclipse – Ini adalah salah satu IDE favorit Pengembang Java/JavaScript. Ini mendukung plugin AngularJS.
• Visual Studio – Ini adalah Microsoft IDE yang dirancang untuk mengembangkan aplikasi web dengan mudah dan cepat.
• WebStorm – Tidak diragukan lagi ini adalah salah satu IDE paling kuat untuk pengembangan JavaScript modern. Ini memungkinkan integrasi dependensi yang mudah menggunakan Angular CLI.
• Aptana – Ini adalah versi Eclipse yang open-source dan disesuaikan. Muncul dengan alat terbaru dan standar web yang diperlukan untuk pengembangan web.
• Sublime Text – Ini adalah IDE yang sangat direkomendasikan untuk HTML, CSS, dan JavaScript. Secara alami, ini kompatibel dengan AngularJS.

Periksa juga: Apakah AngularJS Pilihan Tepat Untuk Pengembangan Aplikasi Seluler Anda Selanjutnya?

6. Apa itu Directive di AngularJS?

Arahan di AngularJS tidak lain adalah atribut HTML yang diperluas yang memiliki awalan "ng". Ada tiga arahan inti AngularJS:

• ng-app – Tujuan dari arahan ini adalah untuk menandai elemen HTML yang harus dianggap sebagai elemen root dari aplikasi Angular. Sementara Angular menerapkan kasus tulang belakang untuk atribut khusus, Angular menggunakan filter camelCase untuk arahan terkait yang mengimplementasikannya.
• ng-model – Direktif ini membantu mengikat nilai kontrol HTML (input, pilih, textarea) ke data aplikasi. Dalam model ng, Lingkup tidak hanya tercermin dalam tampilan berubah, tetapi bahkan perubahan tampilan tercermin dalam Lingkup.
• ng-bind – Direktif ini digunakan untuk mengikat data aplikasi modal ke tampilan HTML.

7. Apa tujuan dari rute AngularJS?

Menggunakan rute AngularJS memungkinkan Anda membuat URL berbeda untuk konten berbeda dalam aplikasi Angular. Dengan melakukannya, Anda dapat mem-bookmark URL ke konten spesifiknya, dan setiap URL tersebut yang di-bookmark disebut rute di AngularJS.

8. Tentukan Interpolasi String di AngularJS.

Di AngularJS, interpolasi string mengacu pada sintaks unik yang menggunakan ekspresi template dalam kurung kurawal {{ }} untuk menampilkan data komponen. Interpolasi string sering disebut sebagai "Sintaks Kumis." Saat menggunakan sintaks ini, pertama-tama Anda harus menyertakan ekspresi JavaScript (yang perlu dieksekusi) di dalam kurung kurawal ganda dan kemudian menyematkan output relatif ke dalam kode HTML.

9. Tentukan AngularJS "Siklus Intisari."

Siklus intisari pada dasarnya mengacu pada proses pengikatan data di AngularJS. Dalam proses ini, nilai model cakupan versi lama dan baru diadu satu sama lain dan dibandingkan. Meskipun siklus intisari dipicu secara otomatis, Anda juga dapat menggunakan “$apply()” untuk memulai proses secara manual.

10. Apa perbedaan antara Penjilidan Satu Arah dan Penjilidan Dua Arah?

Pengikatan satu arah digunakan untuk mengikat data dari model untuk dilihat tanpa secara otomatis memperbarui template atau tampilan HTML. Jadi, dalam pendekatan ini, Anda harus menulis kode khusus untuk memperbarui template HTML, yang selanjutnya akan memperbarui tampilan setiap kali data diikat dari model ke tampilan.

Berlawanan dengan ini, pengikatan dua arah mengikat data dari model untuk dilihat dan sebaliknya dengan memperbarui template HTML secara otomatis tanpa mengharuskan Anda menulis kode khusus apa pun.

11. Tentukan Fungsi Penautan. Sebutkan jenis-jenis Linking Function!

Tautan menggabungkan arahan dengan ruang lingkup untuk menghasilkan tampilan langsung. Fungsi tautan digunakan untuk mendaftarkan pendengar DOM dan untuk memperbarui DOM. Fungsi ini dijalankan segera setelah template dikloning.

Ada dua jenis fungsi penautan:

• Fungsi pra-tautan – Fungsi ini dijalankan sebelum elemen turunan ditautkan dan biasanya bukan pendekatan yang aman untuk transformasi DOM.
• Fungsi penautan pasca – Fungsi ini dijalankan setelah elemen anak ditautkan.

12. Apa itu Injector di AngularJS?

Injector adalah pencari layanan di AngularJS. Tujuan utama injektor adalah untuk menerima instance objek yang ditentukan oleh penyedia, metode panggilan, modul beban, dan tipe instantiate. Setiap aplikasi Angular menyertakan injektor yang membantu mencari instance objek berdasarkan namanya.

13. Beri nama berbagai bentuk gaya yang ditambahkan ng-model ke kelas CSS.

Sebuah ng-model menambahkan bentuk styling berikut ke kelas CSS:

• ng- valid
• ng- tidak valid
• ng-murni
• ng-kotor

14. Tentukan Injeksi Ketergantungan. Bagaimana suatu objek atau fungsi dapat mengakses dependensinya?

Injeksi ketergantungan (DI) adalah pola desain perangkat lunak yang menentukan bagaimana kode dapat mengambil dependensinya. Ini memungkinkan komponen untuk mengakses dependensinya alih-alih mengkodekannya di dalam komponen. Untuk mengambil elemen yang diperlukan untuk dikonfigurasi saat modul dimuat dalam aplikasi, operasi "config" menggunakan DI.

Objek atau fungsi dapat mengakses dependensinya dengan cara berikut:

• Ketergantungan dapat dibuat menggunakan operator baru.
• Sebuah ketergantungan dapat dicari dengan mengacu pada variabel global.

15. Sebutkan komponen-komponen yang dapat diinjeksikan sebagai dependensi di AngularJS.

Di AngularJS, Anda dapat menyuntikkan komponen berikut ke satu sama lain sebagai dependensi:

• Nilai
• Melayani
• Pabrik
• Konstan
• Pemberi

Temukan jawaban untuk pertanyaan ini juga: Mengapa menjadi pengembang tumpukan penuh?

16. Apa saja langkah-langkah yang terlibat dalam proses kompilasi HTML?

Proses kompilasi HTML melibatkan langkah-langkah berikut:

• Pertama, HTML diurai menjadi DOM menggunakan API browser standar.
• Pada langkah berikutnya, panggilan ke metode $compile() digunakan untuk melakukan kompilasi DOM. Metode ini melintasi DOM agar sesuai dengan arahan.
• Langkah terakhir melibatkan penautan template dengan ruang lingkup dengan memanggil fungsi penautan yang dikembalikan dari langkah sebelumnya.

17. Apa itu Layanan di AngularJS?

Layanan adalah fungsi JavaScript yang dirancang untuk melakukan tugas tertentu. Misalnya, fungsi $https: digunakan untuk membuat panggilan AJAX untuk mendapatkan data server sedangkan fungsi $route digunakan untuk mendefinisikan informasi perutean. Ada banyak lagi layanan semacam itu yang dapat melakukan tugas-tugas tertentu.

18. Definisikan Directive di AngularJS. Sebutkan jenis-jenis Directive.

Di AngularJS, direktif adalah perilaku atau fungsi yang dipicu selama proses kompilasi ketika konstruksi HTML tertentu ditemukan. Arahan adalah penanda pada elemen DOM (seperti elemen, atribut, CSS, dll.). Anda juga dapat menggunakannya untuk membuat tag HTML khusus yang berfungsi sebagai widget khusus baru.

Empat jenis inti arahan adalah:

• Arahan elemen
• Arahan atribut
• Arahan komentar
• Arahan kelas CSS

19. Bedakan antara Annotation dan Dekorator di AngularJS.

Di Angular, anotasi adalah satu-satunya kumpulan metadata dari kelas yang menggunakan pustaka Reflect Metadata untuk membuat larik "anotasi". Dekorator, di sisi lain, adalah pola desain yang digunakan untuk memisahkan dekorasi atau modifikasi kelas tanpa mengubah kode sumber asli aplikasi.

20. Tentukan Pengendali.

Controller adalah fungsi JavaScript yang terikat pada lingkup tertentu. Tujuan utama mereka adalah untuk menyediakan data dan logika ke UI HTML. Mereka adalah aktor utama dalam kerangka kerja AngularJS yang mengontrol bagaimana data mengalir dari server ke UI HTML. Selanjutnya, pengontrol juga menjalankan fungsi untuk mengoperasikan data dan menentukan tampilan mana yang perlu diperbarui untuk menampilkan data berbasis model yang diperbarui.

21. Bagaimana log dipelihara di AngularJS?

Untuk memelihara log, layanan $log digunakan di AngularJS. Tujuan utama dari layanan $log adalah untuk membantu dalam debugging dan pemecahan masalah melalui metode yang disebutkan di bawah ini:

• log() – Digunakan untuk menulis pesan log di konsol.
• info()- Digunakan untuk menulis pesan informasi.
• warning()- Digunakan untuk menulis pesan peringatan.
• error()- Digunakan untuk menulis pesan kesalahan.
• debug()- Digunakan untuk menulis pesan debug.

22. Tentukan $rootscope di AngularJS. Apa bedanya dengan Lingkup?

Di AngularJS, $rootscope dan $scope adalah objek yang umumnya digunakan untuk berbagi data dari pengontrol untuk dilihat. Namun, keduanya sangat berbeda. Titik perbedaan utama antara $rootscope dan $scope adalah bahwa sementara yang pertama tersedia secara global di semua pengontrol, $scope hanya tersedia di pengontrol yang telah membuatnya bersama dengan pengontrol anak-anak mereka.

23. Sebutkan beberapa browser yang didukung AngularJS.

Berikut adalah beberapa browser yang didukung oleh AngularJS:

• Mozilla Firefox
• Google Chrome
• Tepi Microsft
• IE Seluler
• Safari (iOS)
• IE 10,11

24. Bagaimana cara mengaktifkan mode HTML5 di Angular 1.x?

Untuk mengaktifkan mode HTML5 di Angular 1.x, Anda harus menjalankan kode yang diberikan di bawah ini:

angular.module('aplikasisaya', [ ])

.config(function($routeProvider, $locationProvider) {

$routeProvider

.Kapan('/', {

templateUrl : 'partials/home.html',

pengontrol : mainController

})

// gunakan API Sejarah HTML5

$locationProvider.html5Mode(true);

});

25. Beri nama validator bawaan di AngularJS.

AngularJS mendukung semua atribut HTML5 standar untuk memvalidasi input. Berikut adalah beberapa validator bawaan di AngularJS:

• min
• Maks
• Diperlukan
• Ketik="nomor" ATAU jenis="email"

26. Bagaimana cara melakukan panggilan AJAX menggunakan AngularJS?

Anda dapat menggunakan layanan $https: di AngularJS untuk membuat panggilan AJAX untuk membaca data dari server. AngularJS membutuhkan data dalam format JSON. Server membuat panggilan database untuk mengambil catatan yang diinginkan. Setelah data siap, layanan $https: dapat digunakan untuk mengambil data dari server, seperti:

function studentController($scope,$https:) {

var url = “data.txt”;

$https:.get(url).success( function(respons) {

$scope.students = tanggapan;

});

}

27. Apa itu Internalisasi di AngularJS?

Di AngularJS, internasionalisasi mengacu pada metode yang digunakan untuk menampilkan informasi khusus lokal di situs web. Misalnya, situs web yang menampilkan konten dalam bahasa Inggris di Amerika Serikat dan Denmark di Prancis harus diinternalisasi sesuai dengan lokasinya.

AngularJS menawarkan dukungan internasionalisasi bawaan untuk tiga jenis filter:

• Tanggal
• angka
• Mata uang

28. Jelaskan langkah-langkah proses boot AngularJS.

Saat Anda memuat halaman di browser, proses boot AngularJS dimulai. Langkah-langkahnya adalah sebagai berikut:

• File dokumen HTML dimuat dan dievaluasi oleh browser. Kemudian file JavaScript AngularJS dimuat, dan objek global dibuat.
• Pada langkah berikutnya, file JavaScript yang bertanggung jawab untuk mendaftarkan fungsi pengontrol dijalankan.
• AngularJS memindai HTML untuk menemukan aplikasi dan tampilan AngularJS. Ketika berhasil menemukan tampilan, itu menghubungkan tampilan tertentu ke fungsi pengontrol yang sesuai.
• Terakhir, AngularJS menjalankan fungsi pengontrol dan merender tampilan dengan data dari model yang diisi oleh pengontrol, dan halaman siap untuk dilihat oleh pengguna.

29. Apa kegunaan filter di AngularJS?

Filter digunakan untuk memformat nilai ekspresi dan menampilkannya kepada pengguna. Di AngularJS, filter ditambahkan ke templat, arahan, pengontrol, dan layanan. Anda juga dapat membuat filter khusus. Dengan menggunakan filter, Anda dapat mengatur data sedemikian rupa sehingga nilai data hanya akan ditampilkan jika memenuhi kriteria tertentu. Filter ditambahkan ke ekspresi Angular dengan menggunakan "|" karakter diikuti oleh filter

Kesimpulan

Jadi, inilah 29 pertanyaan dan jawaban wawancara AngularJS yang paling sering ditanyakan yang akan membantu Anda memecahkan kebekuan dengan AngularJS.

Jika Anda tertarik untuk mempelajari lebih lanjut tentang, AngularJS, pengembangan tumpukan penuh, lihat Diploma PG Tingkat & IIIT-B dalam Pengembangan Perangkat Lunak Tumpukan Penuh yang dirancang untuk para profesional yang bekerja dan menawarkan 500+ jam pelatihan yang ketat, 9+ proyek dan tugas, status Alumni IIIT-B, proyek batu penjuru praktis & bantuan pekerjaan dengan perusahaan-perusahaan top.

Selamat belajar!