- Apa yang dimaksud dengan Hybrid App dalam pengembangan aplikasi perangkat bergerak… Aplikasi yang menggabungkan kode native dan web menggunakan WebView
- Fungsi utama dari Ionic Framework dalam pengembangan aplikasi mobile adalah… Menyediakan komponen UI berbasis web yang dapat digunakan dengan framework frontend
- Salah satu kelebihan utama dari Hybrid App dibandingkan aplikasi native adalah… Dapat dikembangkan dengan satu basis kode untuk berbagai platform
- Dalam konteks lingkungan pengembangan aplikasi perangkat bergerak, peran WebView adalah… Menyediakan antarmuka untuk menjalankan kode HTML, CSS, dan JavaScript
- Dalam TypeScript, tipe data yang dapat digunakan untuk variabel yang nilainya bisa berupa angka atau string adalah… any
- Fungsi dari deklarasi interface dalam TypeScript adalah… Mendefinisikan kontrak atau struktur objek
- Perbedaan utama antara tipe data array dan tuple dalam TypeScript adalah… Tuple memiliki tipe data yang sudah ditentukan untuk setiap elemen
- Contoh deklarasi variabel dengan tipe data union yang benar dalam TypeScript adalah… let x: number | string;
- Dalam TypeScript, fungsi yang tidak mengembalikan nilai memiliki tipe pengembalian… void
- Apa kegunaan dari dekorator (decorator) dalam TypeScript… Menambahkan metadata atau fungsionalitas ekstra pada kelas dan anggota kelas
- Dalam TypeScript, tipe generics digunakan untuk… Membuat komponen yang dapat bekerja dengan berbagai tipe data
- Fungsi dari kata kunci ‘readonly’ dalam TypeScript adalah… Membuat properti tidak dapat diubah setelah inisialisasi
- Dalam Vue, direktif yang digunakan untuk mengikat data ke atribut HTML adalah… v-bind
- Fungsi dari properti ‘computed’ dalam Vue adalah… Menghitung nilai baru berdasarkan data reaktif yang dapat di-cache
- Siklus hidup komponen Vue yang dijalankan setelah komponen di-mount adalah… mounted
- Direktif v-if and v-show dalam Vue memiliki perbedaan pada… v-if menghapus dan membuat ulang elemen, sedangkan v-show hanya mengubah visibilitas CSS
- Dalam Vue lanjutan, fungsi dari provide/inject is… Menyediakan data dari komponen induk ke komponen turunan tanpa props
- Dalam Vue, direktif yang digunakan untuk mengikat data ke atribut HTML adalah… v-bind
- Komponen dalam Vue dapat menerima data dari komponen induk melalui properti yang disebut… props
- Ketika menggunakan v-for, Vue memerlukan atribut kunci unik yang disebut… key
- Siklus hidup komponen Vue yang dipanggil setelah data dan template dirender pertama kali adalah… mounted
- Dalam Vue computed properties, nilai yang dihasilkan akan di-cache berdasarkan dependensi reaktif sehingga… hanya dihitung ulang jika dependensi berubah
- Watcher di Vue digunakan untuk… menjalankan fungsi saat properti tertentu berubah
- Alih-alih menggunakan v-if and v-for secara bersamaan pada elemen yang sama, praktik terbaik adalah… menggunakan v-for dengan filter di computed
- Dalam membuat aplikasi command line dengan TypeScript, perintah untuk menjalankan file yang sudah dikompilasi adalah… node file.js
- Untuk menerima input dari pengguna di aplikasi command line TypeScript, kita menggunakan modul… readline
- Di TypeScript, tipe data yang memungkinkan suatu variabel memiliki nilai number atau string adalah… union
- Fungsi async di TypeScript akan mengembalikan objek bertipe… Promise
- Untuk membuat permintaan GET ke RESTful API di TypeScript, kita dapat menggunakan fetch, hasilnya berupa… Promise
- Metode HTTP yang digunakan untuk mengupdate data sepenuhnya di RESTful API adalah… PUT
- Kode status HTTP 404 menunjukkan bahwa… sumber daya tidak ditemukan
- Untuk menghindari blocking pada operasi I/O, TypeScript mendukung pola asynchronous menggunakan… async/await
- Saat membuat instan aplikasi Vue dengan TypeScript, file konfigurasi utama adalah… tsconfig.json
- Di Vue dengan TypeScript, dekorator @Component digunakan untuk… menandai kelas sebagai komponen Vue
- Perintah untuk membuat proyek Vue baru dengan dukungan TypeScript secara otomatis menggunakan Vite adalah… npm init vue@latest — –typescript
- Dalam pembuatan instan aplikasi Vue menggunakan TypeScript, file konfigurasi TypeScript yang utama adalah… tsconfig.json
- Langkah pertama yang harus dilakukan untuk menginstal Ionic Framework pada sistem operasi adalah… menginstal Node.js dan npm
- Perintah yang digunakan untuk menginstal Ionic CLI secara global melalui npm adalah… npm install -g @ionic/cli
- Syarat minimal versi Node.js yang diperlukan untuk menjalankan Ionic Framework adalah… Node.js 14 atau lebih baru
- Alat bantu untuk menjalankan emulator perangkat bergerak saat pengembangan Ionic adalah… Android Studio
- Untuk membuat proyek Ionic berbasis Vue, perintah yang digunakan adalah… ionic start myApp tabs –type=vue
- Template default yang disediakan Ionic untuk memulai proyek berbasis Vue adalah… blank, tabs, sidemenu
- Setelah menjalankan perintah ‘ionic start’, folder proyek yang dibuat akan berisi file utama bernama… main.ts
- Untuk menjalankan aplikasi Ionic di browser saat pengembangan, perintah yang digunakan adalah… ionic serve
- Dalam struktur direktori proyek Ionic berbasis Vue, folder tempat menyimpan komponen Vue adalah… src/components
- Elemen Ionic yang digunakan untuk membuat navigasi tab di bagian bawah layar adalah… ion-tab-bar
- Cara mendaftarkan komponen Ionic ke dalam aplikasi Vue adalah dengan… mengimpor dan mendaftarkan di main.ts
- Komponen Ionic yang berfungsi sebagai wadah utama halaman aplikasi adalah… ion-app
- Untuk membuat tata letak grid responsif di Ionic, digunakan kombinasi komponen… ion-grid, ion-row, ion-col
- Atribut pada ion-col yang digunakan untuk menentukan lebar kolom pada ukuran layar kecil adalah… size-xs
- Cara membuat layout kustom dengan lebar kolom yang berbeda pada setiap ukuran layar di Ionic adalah… menggunakan atribut size-{breakpoint} pada ion-col
- Dalam Ionic, komponen yang digunakan untuk mengatur tata letak (layout) baris dan kolom dengan sistem grid responsif adalah… Ion-Grid
- Untuk mengubah warna latar belakang suatu halaman Ionic secara global, properti CSS yang digunakan adalah… –ion-background-color
- Variable CSS di Ionic yang digunakan untuk mengubah warna teks utama pada suatu komponen adalah… –ion-text-color
- Untuk menambahkan tema gelap (dark theme) pada aplikasi Ionic, properti CSS yang digunakan adalah… –ion-color-dark
- Untuk mengatur warna aksen (accent) yang konsisten di seluruh aplikasi Ionic, kita mendefinisikan variable CSS dengan nama… –ion-color-primary
- Komponen Ionic yang digunakan untuk menampilkan daftar (list) dengan item yang dapat diklik dan memiliki efek sentuh adalah… Ion-List
- Untuk menampilkan tombol dengan ikon di sebelah kiri teks, properti yang digunakan pada komponen Ion-Button adalah… slot=’start’
- Komponen Ionic yang digunakan untuk menampilkan konten dalam bentuk kartu (card) dengan bayangan dan sudut melengkung adalah… Ion-Card
- Untuk membuat navigasi antar halaman di aplikasi Ionic, komponen yang digunakan adalah… Ion-Router
- Langkah pertama yang dilakukan saat mengintegrasikan Ionic dengan Vue dalam praktikum adalah… Membuat proyek Vue baru lalu menambahkan Ionic
- Perintah untuk membuat proyek Ionic dengan template Vue adalah… ionic start nama-app blank –type=vue
- Setelah membuat proyek, untuk menjalankan aplikasi Ionic di browser, perintah yang digunakan adalah… ionic serve
- File yang digunakan untuk mengkonfigurasi tema dan variable CSS global di proyek Ionic adalah… variables.css
- Dalam praktikum teknik layout, untuk membuat baris dengan tiga kolom yang sama lebar, kode yang tepat adalah… Ion-Grid kemudian ion-row dan tiga ion-col tanpa properti size
- Untuk mengubah tema aplikasi Ionic menjadi tema tertentu (misalnya tema gelap) secara keseluruhan, kita dapat mengatur properti CSS di file… global.css
- Komponen Ionic yang digunakan untuk menampilkan tombol navigasi kembali di toolbar adalah… Ion-Back-Button
- Dalam praktikum komponen antarmuka, untuk menampilkan input teks dengan label mengambang (floating label), komponen yang digunakan adalah… Ion-Input dengan properti label-placement=’floating’
- Saat praktikum Komponen Antarmuka Ionic, komponen yang digunakan untuk menampilkan daftar item yang dapat digulir disebut… Ion-List
- Komponen ion-button pada Ionic digunakan untuk… Membuat tombol
- Dalam praktikum komponen antarmuka Ionic, properti yang digunakan untuk mengatur ukuran ion-button menjadi besar adalah… size=”large”
- Fungsi dari komponen ion-alert di Ionic adalah… Menampilkan dialog peringatan
- Untuk menambahkan platform Android pada proyek Ionic, perintah yang digunakan adalah… ionic cordova platform add android
- Setelah menambahkan platform Android, langkah awal untuk menjalankan aplikasi di emulator adalah… ionic cordova run android
- Berkas konfigurasi utama untuk platform Android di proyek Ionic adalah… config.xml
- Untuk menguji aplikasi Ionic pada perangkat Android secara langsung, perintah yang digunakan adalah… ionic cordova run android –device
- Plugin Ionic yang digunakan untuk mengakses fitur kamera perangkat adalah… Ionic Native Camera
- Untuk menggunakan plugin Native API di Ionic, langkah pertama yang harus dilakukan adalah… Instal plugin melalui npm
- Plugin Ionic yang menyediakan akses ke fitur geolokasi perangkat adalah… Ionic Native Geolocation
- Pada akses data di Ionic, metode HTTP yang digunakan untuk mengambil data dari server adalah… GET
- Untuk menyimpan data secara lokal di perangkat, Ionic menyediakan plugin… Ionic Storage
- Dalam akses data menggunakan fetch API, kode untuk mengirim permintaan POST adalah… fetch(url, {method:’POST’, body: data})
- Tips untuk mengoptimalkan performa aplikasi Ionic pada Android adalah… Mengurangi penggunaan plugin yang tidak perlu
- Untuk mengatasi masalah loading lambat di aplikasi Ionic, disarankan menggunakan teknik… Lazy loading
- Salah satu tips untuk meningkatkan performa aplikasi Ionic adalah… menggunakan lazy loading pada modul
- Untuk mengakses data dari Restful-API menggunakan Typescript, langkah pertama yang harus dilakukan adalah… mengimpor HttpClientModule di modul utama
- Dalam Typescript, untuk membuat permintaan GET ke endpoint API, method yang digunakan adalah… this.http.get()
- Agar data dari Restful-API dapat diakses secara asinkron, Typescript biasanya menggunakan… Promises dan async/await
- Saat mengakses Restful-API, untuk mengirim data ke server menggunakan method POST, kode yang benar adalah… this.http.post(url, data)
- Pada aplikasi mobile dengan akses Restful-API, untuk menampilkan data dalam daftar, komponen Ionic yang cocok digunakan adalah… ion-list dan ion-item
- Untuk menangani error saat memanggil API di aplikasi mobile, langkah yang tepat adalah… menggunakan catch dalam promise
- Saat implementasi Restful-API di aplikasi mobile, untuk menyimpan token autentikasi secara lokal, penyimpanan yang aman digunakan adalah… Ionic Storage
- Dalam praktikum akses data, untuk menguji endpoint API secara lokal, alat yang biasa digunakan adalah… Postman
- Saat mengakses data dari API, jika server mengembalikan status code 404, artinya… sumber daya tidak ditemukan
- Untuk memparsing data JSON dari respons API di Typescript, method yang digunakan adalah… JSON.parse()
- Pada praktikum Native API Plugins di Ionic, untuk mengakses kamera perangkat, plugin yang digunakan adalah… Ionic Native Camera
- Setelah menginstal plugin Native API, langkah selanjutnya agar plugin dapat digunakan adalah… menambahkan kode di app.module.ts
- Untuk mendapatkan lokasi geografis pengguna di aplikasi Ionic, plugin yang tepat adalah… Ionic Native Geolocation
- Pada praktikum membangun aplikasi terintegrasi, langkah pertama yang dilakukan adalah… merancang arsitektur aplikasi
- Untuk mengintegrasikan Restful-API dengan aplikasi Ionic, data biasanya dikirim dalam format… JSON
