NEW
Font size
WorksheetsWebDev
Total questions: 79
Worksheet time: 40mins
Salah satu pengembangan web yang memanfaatkan framework next.js yang dimana setiap detik menit atau bahkan jam men-generate HTML tanpa pemanggilan API lagi merupakan jenis pengembangan web….
a. Static Site Generation (SSG)
b. Server Side Rendering (SSR)
c. Client Side Rendering (CSR)
Yang merupakan termasuk ke dalam terminology dalam cloud computing yang memanfaatkan layanan cloud computing dengan menggunakan internet untuk penggunaan server, jaringan, dan salah satu dari pemanfaatan menggunakan terminology ini adalah untuk big data analytic yaitu…
a. Software As A Service
b. Infrastruktur As A Service
c. Platform As A Service
Potongan Kode dibawah ini adalah termasuk dalam pemanfaatan PWA untuk.
a. PWA dapat dijalankan dengan meng-klik icon di ponsel
b. Penerapan Service Worker
c. Penerapan Lazy Loading
Jika pengguna diminta untuk memasukan sebuah input dari entry text field, berikut ini isian yang dapat menyebabkan SQL Injectioan adalah
1 OR 1
Johdoe234
Thisissomepassword
1, DROP TABLE SUPPLIER’
Penggunaan font berpengaruh pada kecepatan atau web performance. Apakah statemnt ini benar, dan apa alasannya?
Salah, karena font sudah terdaftar di masing-masing browser
Benar, karena browser butuh menggambar font. Jika font makin rumit proses menggambar makin lama
Salah, karena internet saya kencang
Benar, karena penggunaan font akan membutuhkan koneksi tambahan ke third party sesuai penggunaan font.
Pada implementasi media stream khususnya live stream digunakan tiga buah protokol yaitu RTMP, HLS, dan MPEG-DASH. Ketiga protokol tersebut digunakan untuk satu tujuan yang sama dengan pembeda berupa device tujuan. Berikut ini merupakan protokol dan tujuan penggunannya yang sesuai adalah.
RTMP digunakan untuk Set-Top Box TV, HLS untuk Web Browser, dan MPEG-DASH untuk Mobile
RTMP digunakan untuk Mobile TV, HLS untuk Web Browser, dan MPEG-DASH untuk Set-Top Box TV
RTMP digunakan untuk Web Browser, HLS untuk Mobile, dan MPEG-DASH untuk Set-Top Box TV
RTMP digunakan untuk Web Browser, HLS untuk Set-Top Box TV, dan MPEG-DASH untuk Mobile
Testing dengan menggunakan teknik Agile Approach, merupakan teknik yang cukup baik karena.
waktu yang digunakan untuk pencarian kesalahan lebih cepat karena memiliki kualitas SDM yang baik.
Agile menggunakan biaya yang sedikit.
Memiliki banyak orang dan team.
Tahapan testing dapat dilakukan dengan mudah walaupun tim sedikit
semua jawaban salah
Optimisasi mesin pencari adalah proses ___________ dari sebuah situs web atau halaman web dalam hasil pencarian mesin pencari.
Mempengaruhi visibilitas
Menghasilkan File Cache
Mendapatkan Meta Tag
Tidak satupun
SEO adalah untuk meningkatkan volume dan ___________ ke situs web dari mesin pencari.
Look and Feel
Iklan
Quality of traffic
Tidak satupun
CORS melakukan preflight request yang disebut simple request, Content-type header yang diizinkan pada simple request tersebut adalah…..
application/x-www-form-urlencoded
application/octet-stream
application/pkcs8
Semua jawaban benar
HTTP method yang boleh dilakukan pada CORS simple request adalah….
HEAD
PROPFIND
VIEW
Semua jawaban benar
Critical Rendering Path adalah sekumpulan langkah yang dilakukan oleh browser untuk menampilkan website ke layar.Pernyataan yang benar dibawah ini mengenai critical rendering path adalah…
website sudah dapat ditampilkan walaupun CSSOM belum selesai dibentuk
Render tree dapat dibentuk walaupun CSSOM belum selesai dibentuk
Semakin spesifik selector pada css akan membuat traversing pada CSSOM menjadi lebih dalam dan membutuhkan waktu lama untuk melakukan rendering
Semua jawaban benar
Dalam hal pengujian sistem (software testing), terdapat beberapa jenis pengujian. Salah satu dari jenis pengujian sistem tersebut memiliki fungsi untuk mengukur sistem pada ketahanan dan kemampuan penanganan kesalahannya dalam kondisi beban yang sangat berat sehingga dapat dipastikan sistem tidak akan crash di bawah situasi krisis. Jenis pengujian ini juga bertujuan untuk mengetahui sekuat apa server website dapat menampung pengunjung di website tersebut. Jenis pengujian sistem apakah yang dimaksud?
Usability Testing
Stress Testing
User Acceptance Testing
SEO adalah suatu upaya yang penting dilakukan untuk website yang dibuat. Apakah anda setuju dengan pernyataan tersebut? Mengapa?
Setuju, karena dapat meningkatkan trafik pengunjung ke website
Tidak setuju, SEO tidak berpengaruh apa-apa terhadap website
Setuju, karena dapat meningkatkan web performance
Memiliki performa website yang baik merupakan suatu keunggulan dari suatu website. Dengan performa yang baik tentunya akan membuat pengunjung nyaman ketika memasuki halaman website tersebut. Hal-hal yang dapat dilakukan untuk meningkatkan performa website di bawah ini, kecuali..
Menerapkan lazy loading
Mengkompresi image yang ada pada website
Menginstall banyak plugin
Diketahui 3 buah fungsi sebagai berikut
(1) startsWithB(){
return this.names.filter(n => n.startsWith("B"))
}
(2) stringTerbalik(string) {
return string.split('').reverse().join('');
}
(3) isi(){
this.keterangan= “sedang mengetik”
}
Dari ketiga fungsi di atas, manakah yang paling sesuai untuk diimplementasikan di computed pada vue js?
1
2
3
Pak Wawan melakukan sebuah test pada website buatannya, test ini bertujuan untuk mengetahui jumlah maksimum user yang mampu diatasi system dan mengetahui bagaimana system bekerja ketika menghadapi beban yang berat. Test apakah yang dilakukan oleh pak wawan?
Stress testing
Load testing
Usability testing
kode respon status yang sesuai untuk x dan y adalah
404 dan 400
500 dan 505
403 dan 401
Yang harus dilakukan agar website bisa dibuka saat keadaan offline?
Menggunakan dan menerapkan PWA pada website
Menambah fitur pada website
Melakukan perombakan html
Mendaftarkan website ke google analytic
Cara agar website menjadi secure yang harus dilakukan adalah?
Melakukan pembersihan javascript yang tidak digunakan
Melakukan stress test
Membersihkan cache
Mengubah website menjadi HTTPS
Apa yang berubah jika website telah diterapkan cors?
Website jadi lambat
Website jadi aman
Bisa transfer data antar domain
Menambahkan fitur
Dalam Tag <Script> pada Vue JS ada beberapa properties yang dapat digunakan , seperti data , computed , props dsb. Berikut ini yang merupakan pernyataan yang salah adalah :
Sebuah computed Properties akan merubah nilainya ketika terjadi perubahan nilai pada properties data yang ada/terlibat pada computed properties tersebut.
Sebuah watch properties akan merubah nilainya ketika terjadi perubahan nilai pada dirinya sendiri.
Sebuah watch properties akan merubah nilainya ketika terjadi perubahan nilai pada properties data yang ada/terlibat pada computed properties tersebut.
Sebuah methods baik digunakan ketika ada event “click” yang terjadi
Andi membuat sebuah web dengan menggunakan Vue JS. Ia memiliki beberapa komponen. Andi ingin melakukan komunikasi antara komponen Parent dengan Child , dalam hal ini Andi ingin child component yang dimiliki dapat merubah nilai data yang dimiliki parent (Child to Parent communication). Hal yang andi dapat lakukan adalah :
A.Menggunakan properties props pada child
B.Memancing event menggunakan emit dari child
C.Menggunakan Vuex
D.Semua pernyataan diatas adalah benar
Dani sedang belajar menggunakan Vue JS.Ia ingin membuat sebuah nama dengan ketentuan sebagai berikut :
- Nama tidak boleh memiliki karakter x
- Menampilkan peringatan berupa “Nama tidak boleh mengandung karakter / huruf x”
- Peringatan ditampilkan langsung saat user memasukan huruf x kedalam input , bukan saat user submit. Peringatan akan langsung menghilang ketika user menghapus huruf x
- Input tidak boleh diterima bila input masih memiliki huruf x
Dari ketentuan tersebut manakah kode yang memenuhi semua kasus diatas :
Hypertext Transfer Protocol adalah salah satu protokol yang menggunakan sistem request and response.
Yang bukan merupakan format header HTTP Request adalah
Cookie
Accept
User-Agent
Content-Type
Pada salah satu framework javascript yaitu Vue.js, bagian bagian web seperti Navigation Bar, Footer, Sidebar, dan Content Area bisa dijadikan objek yang reusable yang dinamakan
Route
Component
Prop
Plugin
Pecahan kode berikut merupakan bagian dari script pada suatu component di vue.
Apa arti dari pecahan kode tersebut
Method dalam mounted tersebut akan di-exclude atau tidak akan dijalankan pada saat load component
Method dalam mounted tersebut akan dijalankan berulang dalam jangka waktu yang ditentukan developer
Method dalam mounted tersebut akan dijalankan sekali setiap load component
Berikut adalah method dari HTTP request dan kegunaannya kecuali…
HEAD - meminta representasi resource yang telah dispesifikasikan tanpa response body
POST - mengirimkan sebuah entity kepada resource yang telah dispesifikasikan
CONNECT - meminta respon dari URL atau server yang dituju untuk memastikan bahwa sudah tersambung
OPTIONS - meminta jenis komunikasi yang diizinkan dalam sebuah URL atau server
CORS (cross origin resource sharing) adalah sebuah mekanisme untuk menggunakan resource dari origin lain (domain, port, dll). Pada CORS terdapat header Access-Control-Allow-Origin yang mengatur apakah sebuah resource dari sebuah origin dapat digunakan. Jika sebuah domain menggunakan header sebagai berikut:
Access-Control-Allow-Origin: https://*.bar.com
pilih dari pernyataan berikut yang benar!
https://bar.com dapat menggunakan resource yang ada di domain tersebut
https://foo.bar.com tidak dapat menggunakan resource yang ada di domain tersebut
https://fee.bar.com dapat menggunakan resource yang ada di domain tersebut
resource di domain tersebut tidak dapat dipakai oleh domain lain
Header Access-Control-Request-Method dan Access-Control-Request-Headers masing-masing digunakan untuk…
memberitahu server method HTTP dan header HTTP apa yang akan digunakan oleh request yang sedang pre-flight
menspesifikasikan request method HTTP dan header HTTP apa saja yang diizinkan saat mengakses resource
memberitahu server untuk memperbolehkan masuknya request method HTTP dan header HTTP yang telah dispesifikasikan
memberikan izin kepada suatu origin untuk mengirim header HTTP dan request method HTTP yang telah dispesifikasikan
Progressive web app membuat website lebih cepat.
setuju, karena bisa berjalan tanpa koneksi internet
setuju, karena bergantung kepada app store
tidak setuju, karena dapat update otomatis
Apakah kecepatan website mempengaruhi SEO?
tidak mempengaruhi, karena SEO berkenaan dengan web design
cukup mempengaruhi, karena SEO berkenaan dengan penulisan script kode
mempengaruhi, karena berdampak pada durasi kunjungan
Suatu saat website tidak bisa diakses. Penyebabnya adalah sebagai berikut, kecuali
false request
heavy traffic
plugin caching
resource limit
Web App manifest display mode manakah yang akan memunculkan warning pada lighthouse report?
Standalone
Fullscreen
Minimal-UI
Browser
Kode berikut adalah contoh penerapan
<img src=”image.jpg” loading=”lazy” alt=”…” /><iframe src=”content.html” loading=”lazy”></iframe>
Native Lazy
Load Asynchronous loading
Lazy load dengan javascript
Mengelola sitemap, mengupdate link yang rusak, menghindari kesalahan pengalihan/redirect, memperbaiki URL error, adalah beberapa cara untuk mengoptimalkan
Off Site SEO
On Site SEO
Pak Soni adalah seorang product manager di sebuah Software House kecil di Surabaya. Client-nya menjelaskan kebutuhan web yang harus tim Pa Soni selesaikan yaitu sebagai berikut.
1. Diakses cepat oleh client
2. Mudah ditemukan dari search engine
3. Tahan dari XSS attack
4. Terdapat personalisasi pada halaman web
Berdasarkan kebutuhan web ke tersebut, teknik rendering mana yang baik diimplementasikan?
SSR
SSG
CSR
Hybrid antara CSR dan SSR / Rehydration
Pak Aden akan memanfaatkan fitur media stream pada web yang sedang ia kembangkan. Media stream di webnya akan lebih sering dipakai untuk menonton prerecorded video ketimbang menyiarkan live stream. Pa Aden ingin agar web buatannya dapat disupport oleh banyak browser serta ringan ketika dipakai oleh user. Berdasarkan keterangan tersebut manakah protokol yang tepat untuk memenuhi kebutuhan pa Aden dan apa alasannya?
SRT karena memiliki sistem codec terbaru dan memiliki latensi di bawah 1 detik
WebRTC karena support dua transport protokol dan dapat dipasang tanpa plugin tambahan
RTMP karena sudah lebih dahulu rilis dan performa yang bisa dibilang stabil
WebRTC karena memiliki dukungan audio dan video codec yang luas
Manakah yang menjadi proses inti dari membuat projek web yang sudah ada menjadi sebuah PWA
Mengganti protokol dari HTTP ke HTTPS
Meningkatkan response time kurang agar kurang dari 200 ms
Mendaftarkan service worker
Membuat tampilan web responsive pada viewport mobile
Berikut ini, kombinasi karakteristik yang benar dari v-model dan v-bind adalah:
v-model: two-way binding.
v-bind: one-way binding.
v-model: one-way binding.
v-bind: two-way binding.
Berikut ini, kombinasi perbedaan watcher, dan computed properties yang tepat dalam vue instance adalah:
watcher: membuat properti reaktif baru.
computed: dievaluasi secara “lazy”.
watcher: satu watcher dapat mengamati beberapa props dalam satu waktu.
computed: dieksekusi ulang setiap kali terjadi pemanggilan.
watcher: satu watcher hanya dapat mengamati satu props.
computed: satu computed property dapat bereaksi terhadap perubahan dari beberapa props.
watcher: hanya dieksekusi jika dibutuhkan.
computed: membuat properti reaktif baru
Berikut ini karakteristik dari props, kecuali:
one way data binding.
nilainya dapat diubah oleh child component.
dapat diisi oleh nilai statis.
dapat diisi oleh nilai dinamis.
Pada router di vuejs, untuk melampirkan informasi melalui banyak route, dapat digunakan meta property sehingga informasi tersebut bisa diakses melalui banyak route, dan seperti pada umumnya dimana meta ini merupakan field yang ada di sebuah route object yang berbentuk record. Namun, apabila terdapat lebih dari satu route record yang matched (atau dengan kata lain terdapat lebih dari satu route yang berhubungan seperti misalnya route yang memiliki children), maka bisa terdapat lebih dari satu meta field. Untuk dapat mengakses banyak meta fields tersebut, apa hal terbaik yang bisa dilakukan ?
Mengubah struktur route-route yang ada
Mengubah struktur informasi pada meta property sehingga hanya ada satu meta field
Melakukan iterasi melalui route-route yang matched
Pada Vuex yang merupakan sebuah ekosistem di vue untuk manajemen state, terdapat mode strict yang berhubungan dengan development dan production di sebuah aplikasi Vue. Pada mode strict tersebut, apabila digunakan sebuah property untuk handling input berupa form seperti pada gambar berikut,
Maka akan muncul error yang disebabkan oleh digunakannya strict mode tersebut. Bagaimana cara terbaik untuk memperbaikinya ?
Jawaban a dan b harus dilakukan bersamaan
When user input from userform is used dynamically build an SQL Statement or a user enters malicious input that alters the nature of the query.
Kejadian diatas merupakan ciri dari istilah di bawah ini yaitu
Web Request
Web Response
SQL Injection
Database Query
SQL Manipulation
Ketika kode diatas di eksekusi. Akan memunculkan pop up alert sesuai urutan. Urutan kemunculan pop up alert yang benar ketika kode dieksekusi yaitu
6; 7; 8
7; 6; 8
8; 7; 6
8; 6; 7
7; 8; 6
Nilai dari variabel sumFPChain yaitu
2000
1890
1980
1730
1750
Dalam perkembangan aplikasi web, cloud computing sangatlah memberi kemudahan dalam menyimpan atau mengakses data dari berbagai lokasi secara online. Terdapat 3 jenis layanan yang disediakan oleh penyedia layanan cloud. Manakah yang bukan layanan yang disediakan...
PaaS (Platform as a Service)
SaaS (Software as a Service)
IaaS (Infrastructure as a Service)
DaaS (Data as a Service)
Serverless architecture muncul dalam perkembangan layanan cloud computing. Salah satu komponen penting dari Serverless architecture ini bekerja lebih high-level dari pada aaS(as a Service) lainnya. Manakah komponen yang dimaksud...
PaaS (Platform as a Service)
FaaS (Functional as a Service)
SaaS (Software as a Service)
IaaS (Infrastructure as a Service)
Untuk menampilkan data yang dikirimkan dari frontend, maka missing code yang perlu ditambahkan adalah...
var user_name = req.body.user;
var password = req.body.password;
console.log("User name = "+ user_name +", password is "+ password);
res.end("yes");
var user_name = req.body.password;
var password = req.body.user;
console.log("User name = "+ user_name +", password is "+ password);
res.end("yes");
Property Content-visibility merupakan salah satu properti CSS baru yang paling berpengaruh untuk meningkatkan kinerja pemuatan halaman. Berikut ini merupakan bagaimana content-visibility bekerja, kecuali?
Melakukan CSS containment atau penahanan CSS secara otomatis
Meningkatan kinerja rendering konten web dengan menyediakan isolasi subpohon DOM yang dapat diprediksi dari bagian lain halaman.
browser memproses semua konten untuk mencari hal-hal yang mungkin telah berubah, memperbarui gaya dan tata letak elemen baru, bersama dengan elemen yang mungkin telah bergeser sebagai akibat dari pembaruan baru.
Sebagian halaman diunduh dari jaringan, bersama dengan sumber daya yang diperlukan.
Konten akan mulai dan berhenti dirender sesuai kebutuhan
Fungsi CSS apa yang dipakai untuk width pada card dibawah ini:
min()
500px
auto
50%
clamp()
Apa yang harus dihindari ketika membuat PWA pada situs multi-origin
Menggunakan subdomain yang berbeda untuk tujuan web yang berbeda dari situs asal
Menggunakan domain tingkat atas kode negara, untuk memisahkan situs yang akan disajikan di negara yang berbeda, seperti : https://www.google.com.ar, https://www.google.com.id
Menggunakan subdomain yang berbeda berdasarkan bagian-bagian situs, seperti : https://sports.example.com, https://politics.example.com
situs tidak dibagi dengan origin yang berbeda untuk memberikan pengalaman terbaik pada pengguna
pertimbangkan untuk bermigrasi ke single-origin, kecuali jika ada alasan penting untuk mempertahankan arsitektur multi-origin
Budi mendapat suatu proyek untuk membuat website untuk game seperti Dino T-Rex (game yang muncul ketika koneksi internet tidak ada). Pada game tersebut, ia harus menyimpan high score pemain. High score tersebut hanya akan disimpan selama tab dibuka. Ketika tab game tersebut ditutup, maka high score akan dihapus. Web storage mana yang paling tepat untuk digunakan pada kasus tersebut?
Session Storage
Local Storage
JWT yang dibentuk dengan baik terdiri dari tiga string Base64url-encoded yang digabungkan dan dipisahkan oleh tanda titik. Contohnya adalah sebagai berikut :
Ketiga string tersebut adalah…
JOSE Header, JWT Payload, dan JWS Signature
Tidak ada jawaban benar
JOSE Header, JWS Payload, dan JWS Signature
Pak Dengklek adalah seorang web developer andal. Ia ingin membuat website dengan salah satu requirementnya adanya autentikasi user. Untuk mengimplementasikannya, Pak Dengklek membutuhkan data username dan password user. Agar data password aman, akhirnya Pak Dengklek memutuskan untuk menggunakan protokol HTTPS.
Sebagai mahasiswa yang belajar mengenai pengembangan web, apakah Anda setuju dengan langkah yang diambil Pak Dengklek?
Silakan pilih satu jawaban yang benar dengan alasan yang sesuai.
Tidak setuju, karena protokol HTTPS menggunakan sertifikat SSL sehingga data yang ditransfer antara server dan browser tidak terenkripsi dan akan mudah dicuri.
Setuju, karena protokol HTTPS memperbaiki permasalahan pada HTTP dengan menggunakan sertifikat SSL sehingga bisa menjaga data yang sensitif dari pencurian.
Tidak setuju, karena dengan protokol HTTP proses transfer data antara server dan browser akan lebih cepat.
Setuju, karena protokol HTTP dan HTTPS sama saja.
Client side rendering adalah pendekatan untuk pembuatan web dimana web membuat setiap rute secara dinamis sehingga dapat dirender sepenuhnya di browser menggunakan JavaScript. Salah satu kelebihan dari CSR dibanding SSR adalah…
Penggunaan bandwidth yang lebih rendah
Perenderan browser tercepat
Lebih stabil untuk menampilkan halaman
Browser akan bekerja lebih berat
Salah satu cara untuk meningkatkan performa dari PWA adalah…
melakukan code spitting
menerapkan lazy loading
menambahkan add to home screen
a,b dan c benar
Code di bawah ini digunakan untuk meningkatkan performa PWA
apa yang dilakukan code tersebut?
melakukan lazy loading
melakukan code spitting me
load gambar
menambahkan placeholder loading
Pengujian / testing adalah instrumen penting dalam pengembangan aplikasi web untuk mendapatkan produk yang berkualitas dan seperti apa yang diharapkan oleh pengguna. Ada berbagai macam web testing yang bisa kita gunakan untuk mengetahui performa dari sebuah website, diantaranya smoke testing, load testing, stress testing, dan soak testing.
Jenis testing manakah yang digambarkan oleh source code dan VU chart dibawah ini?
Smoke testing
Load testing
Stress testing
Soak testing
Socket programming adalah mekanisme komunikasi untuk pertukaran data antar aplikasi yang terdapat di dalam sebuah mesin maupun beda mesin dan pertukaran ini terjadi pada sebuah jaringan komputer. Untuk membangun sebuah aplikasi yang berbasis socket, kita dapat menggunakan 2 jenis socket yang berbeda yaitu : TCP Socket dan UDP Socket. Berikut ini manakah pernyataan yang benar mengenai TCP Socket dan UDP Socket?
TCP Socket menggunakan konsep connectionless oriented
TCP Socket tidak mempedulikan lama waktu sebuah pengiriman data
UDP Socket mengirimkan data dengan menggunakan nomor urut sehingga pada saat diterima, data akan tersusun berdasarkan nomor urut tersebut.
TCP tidak mementingkan ketepatan data tetapi lebih mementingkan akan delay waktu pada saat proses pengiriman data.
Cross-Origin Resource Sharing atau disingkat CORS adalah suatu mekanisme yang membolehkan suatu resource untuk dapat diakses dari suatu halaman web dengan domain tertentu di luar domain dari resource tersebut. berdasarkan ketentuan Same-origin policy. Same-origin policy membatasi bagaimana sebuah dokumen atau script yang dimuat dari suatu origin dapat berinteraksi dengan resource dari origin lain. Ini adalah bagian dari mekanisme pengamanan untuk menghindarkan dari dokumen yang berpotensi merusak. Dua origin dikatakan yang sama ketika mereka memiliki protocol, port, dan host yang sama. Berikut ini manakah pernyataan yang benar?
http://www.ex.com/page.html dan http://www.ex.com/subpage/page2.html : memiliki origin yang sama.
http://www.ex.com/page.html dan https://www.ex.com/page.html : memiliki origin yang sama.
http://www.ex.com/page.html dan http://ex.com/page.html : memiliki origin yang sama.
http://www.ex.com/page.html dan http://www.ex.com/page.html:8080 : memiliki origin yang sama.
Manakah dari kode berikut yang merupakan contoh SQL injection attack?
var Shipcity;
ShipCity = Request.form ("ShipCity");
var SQL = "select * from OrdersTable where ShipCity = '" + ShipCity + "'";
var Shipcity;
ShipCity = Request.form ("ShipCity");
var Shipcity;
var SQL = "select * from OrdersTable where ShipCity = '" + ShipCity + "'";
Semua pilihan benar
Bu Jal hobi berbelanja online. Ia sering berselancar dengan menggunakan mobile website untuk melihat toko online. Pada suatu ketika, ia menemukan salah satu website yang dapat diinstal layaknya mobile app. Ia lakukan penginstalan dan melanjutkan belanja online pada webapp tersebut. Suatu ketika, koneksi internet nya terputus, namun anehnya ia masih bisa melihat katalog produk yang sudah diakses sebelumnya.
Dalam kasus diatas, terlihat bahwa marketplace yang Bu Jal kunjungi menerapkan PWA. Mengapa katalog produk yang sudah diakses sebelumnya masih dapat diakses meskipun dalam keadaan offline?
Karena disimpan di storage
Karena disimpan di cache
Karena disimpan di memory
Tidak terdapat pilihan jawaban yang benar
(1) Memiliki masa kadaluarsa dan dihapus setelah beberapa waktu
(2) Tidak ada kadaluarsa dan harus menghapusnya secara manual
Pernyataan diatas merupakan penjelasan mengenai expiration dari …
(1) cookie dan (2) local storage
(1) local storage dan (2) cookie
(1) dan (2) cookie
Tidak terdapat pilihan jawaban yang benar
Manakah output yang benar berdasarkan kode diatas ?
Status update :
Status update : online
Status update :
Status update : initializing
Status update : Status update : offline
Manakah pernyataan yang benar dari output kode diatas?
Error : incompatible types boolean cannot be converted to string
Tidak menampilkan apapun, dan tidak ada error
Menampilkan tulisan “This is a test component” pada page
Menampilkan tulisan “This is a test component” pada console.
Manakah yang benar untuk argumen fungsi yang tersedia pada Express.js route handler?
post, get, delete, put
create, read, update, delete
req, res, next
redirect, render, send
Output dari potongan kode tersebut adalah..
Promise {<pending>}
'test.png'
undefined
Berdasarkan gambar berikut agar source code menghasilkan output {metadata: "for: test.png"} berikut maka yang perlu ditambahkan adalah seperti berikut kecuali..
Menggunakan metode async dan await
(async () => { const meta = await getImageMeta('test.png'); console.log(meta); // {"metadata": "for: test.png"}
})();
Mengatur setTimeout function menjadi 0 ms
function getImageMeta(src) {
return new Promise(resolve => {
setTimeout(() => {
resolve({metadata: `for: ${src}`});
}, 0); });
}
Penambahan .then() setelah memanggil function
getImageMeta('test.png').then(meta => {
console.log(meta); // {"metadata": "for: test.png"}});
Berikut ini manakah yang termasuk kedalam karakteristik IaaS?
Arsitektur multi-tenant dimana beberapa user secara bersamaan dapat memanfaatkan pengembangan aplikasi yang sama
Memungkinkan untuk skala dinamis
Application Programming Interfaces (API) memungkinkan untuk integrasi antara bagian yang berbeda dari perangkat lunak
Web berbasis user tool creation interface membantu untuk membuat, memodifikasi, menguji, dan menggunakan skenario UI yang berbeda
Penyedia cloud, pemrosesan, dan memori ke beberapa penyewa menggunakan sumber daya fisik dan virtual. Ini adalah contoh yang manakah dari karakteristik awan berikut?
On-demand self service
Resource pooling
Measured service
Rapid elasticity
Mana di bawah ini yang benar?
IaaS membawa tanggung jawab vendor yang lebih tinggi dan membutuhkan keterampilan teknis pelanggan yang lebih tinggi daripada PaaS
PaaS memiliki tanggung jawab vendor yang lebih tinggi dan membutuhkan keterampilan teknis pelanggan yang lebih rendah daripada SaaS
SaaS memiliki tanggung jawab vendor yang lebih tinggi dan membutuhkan keterampilan teknis pelanggan yang lebih rendah daripada IaaS
PaaS memiliki tanggung jawab vendor yang lebih tinggi dan membutuhkan keterampilan teknis pelanggan yang lebih rendah daripada IaaS
Manakah dari pernyataan berikut yang benar untuk meningkatkan performance website?
Mengaktifkan Gzip Compression
Mengaktifkan Search Engine Visibility
Tidak menggunakan synchronous functions
Manakah dari pernyataan berikut yang benar tentang package.json?
Package.json terletak pada direktori root dari aplikasi/ modul Node apapun
Package.json digunakan untuk mendefinisikan properti dari sebuah package
Package.json dapat digunakan untuk memperbarui dependensi aplikasi Node.
semua jawaban benar
Manakah yang digunakan untuk mengikat satu atau lebih atribut secara dinamis, atau properti komponen ke ekspresi?
v-pre
v-bind
v-html
v-once directive
Di dalam event handler, terdapat event modifier yang sangat umum digunakan untuk memanggil event.preventDefault() atau event.stopPropagation(). Untuk menyelesaikan masalah tersebut, vue menyediakan event modifiers untuk v-on. Penggunaan modifier tersebut dapat menggunakan tambahan yang diawali dengan simbol titik seperti dibawah ini, kecuali..
.stop
.prevent
.capture
.esc
Urutan sangat penting saat menggunakan modifier di event handler karena kode yang bersangkutan dibentuk dengan urutan yang sama, pada kasus ini adalah v-on:click.prevent.self dan v-on:click.self.prevent. Perbedaan yang mendasar antara kedua kode itu di bawah ini yang tepat adalah..
v-on:click.prevent.self akan mencegah semua klik sedangkan v-on:click.self.prevent hanya akan mencegah klik pada elemen itu sendiri
v-on:click.self.prevent akan mencegah semua klik sedangkan v-on:click.prevent.self hanya akan mencegah klik pada elemen itu sendiri
v-on:click.self.prevent akan mencegah semua klik sedangkan v-on:click.prevent.self akan menargetkan sebuah inner elemen dihandle disana sebelum ditangani oleh elemen yg lain
Dalam melakukan kerjanya, Progressive Web App (PWA) memiliki komponen-komponen pendukung didalamnya. Salah satu komponen tersebut merupakan skrip pada web browser yang ditulis dengan menggunakan bahasa pemrograman JavaScript. Komponen tersebut dapat memberi manfaat berupa menampilkan resource sehingga dapat melakukan pengaksesan secara offline. Komponen tersebut adalah..
Cache
Progressive Enhancement Service Worker
Progressive
PWA Architecture Style
