Font size
WorksheetsSkill Test Fullstack MEVN
Total questions: 50
Worksheet time: 2hrs 40mins
Yang merupakan bagian dari tag <form> dibawah ini adalah? Kecuali…
<td>
<input>
<select>
textarea
Untuk menerima masukan berupa pilihan pada <form> HTML adalah…
Radio
Button
Password
Input Text
Perintah untuk mengganti baris pada HTML adalah…
<hr>
<a>
<div>
<br>
Untuk memasukkan file gambar ke dalam web menggunakan perintah …
<img src=”…”>
<embedded src=”…”>
<image src=”…”>
<marquee src=”…”>
Domain yang menjadi identitas dari negara Indonesia adalah…
.org
.id
.com
.ind
Tag HTML yang digunakan untuk menandai sebuah paragraph dari dokumen HTML yang dibuat adalah…
<b>
<br>
<p>
<h5>
Tag heading terkecil dalam tag HTML adalah…
<h4>
<h5>
<h6>
<h7>
Tag HTML untuk melakukan link adalah…
<a ref>…</a>
<a href>…</a>
<a ref>
<a href>…</href>
Berikut ini perintah HTML yang berhubungan dalam pembuatan table, kecuali…
tr
thead
tfooter
table
Contoh penulisan perintah HTML untuk menjadi beberapa baris dalam table menjadi satu adalah…
<table colspan=”…”>
<tr colspan=”…”>
<td rowspan=”…”>
<tr rowspan=”…”>
CSS merupakan singkatan dari ....
Cascading Sheet Style
Cascading Style Sheet
Conversion Sheet Style
Condision Style Sheet
Tag HTML yang digunakan untuk mendefinisikan style sheet internal?
<sheet>
<css>
<style>
<link>
style="color: blue"
mengubah background menjadi warna biru
mengubah warna font menjadi warna biru
mengubah ukuran font
mengubah perasaan dia menjadi ga cuek ke aku :)
Perhatikan script CSS dibawah ini:
Yang disebut selector adalah…
p{color:red;}
p
red
color
color:red
Perhatikan script CSS dibawah ini:
Yang disebut value adalah…
p{color:red;}
p
red
color
color:red
Perhatikan script CSS dibawah ini:
Yang disebut declaration adalah…
p{color:red;}
p
red
color
color:red
Properti yang digunakan untuk mengubah warna latar belakang?
background-colour
background:url(“file.extension”)
color
background-color
Sintaks CSS yang paling tepat untuk merubah semua elemen menjadi bold adalah…
p {font-weight:bold}
all.p {text-size:bold}
.p {text-size:bold}
#p {text-size:bold}
Bagaimanakah saya membuang garis bawah dari Link menggunakan CSS?
a {underline: none;}
a {text-decoration: none;}
link {underline: none;}
a {style: none;}
Manakah css untuk mengatur text rata tengah?
p {align: center;}
p {center;}
p {text-align: center;}
p {align=center;}
Manakah perintah berikut yang tepat untuk menginisialisasi directory project dengan git ?
git create
git init
git branch
git push
Manakah perintah berikut yang tepat untuk mendapatkan list branch dengan git ?
git list branch
git init
git branch
git branch -ls
Fungsi yang digunakan untuk pindah branch adalah?
git branch namabranch
git checkout namabranch
git branch namaBranch -D
git check-out namaBranch
Apa itu git?
Aplikasi version control
Bahasa pemrograman
Framework
Website repository online
Perintah yang tepat untuk menambahkan semua file kedalam stagging adalah …
git add
git add <fileName>
git add .
None
Format yang benar untuk menginstall multiple module dalam 1 perintah adalah …
npm install express, morgan, nodemon
npm install express morgan nodemon
npm install ['express', 'morgan', 'nodemon']
npm install {'express', 'morgan', 'nodemon'}
Dibawah ini method yang tidak dimiliki Express.js adalah…
get()
use()
listen()
response()
Middleware biasanya dapat diindikasikan dengan adanya variabel …
next
req
response
err
HTTP Response Code yang dapat digunakan untuk merepresentasikan Method yang tidak ditemukan/diijinkan adalah …
200
301
401
405
yang bukan menjadi cara kerja javascript ?
single threaded
multi threaded
Asynchronous
non blocking
npm run myscript
Syarat perintah di atas bisa dieksekusi adalah …
Terdapat file myscript.js di working directory
Terdapat package myscript yang sudah di-install
Terdapat definisi myscript dalam package.json
Terdapat project Node.js dengan nama myscript
Karena ukurannya yang besar, folder node_modules biasanya tidak disertakan ke remote repository (Gitlab, Github, dll). Cara mengecualikan folder node_modules yang salah dari git adalah menambahkan ke dalam .gitignore baris berikut …
node_modules/
/node_modules
'node_modules'
*node_modules
Apabila akan menginstall package bernama 'lorem-ipsum', perintah yang dapat dilakukan adalah ...
npm i lorem-ipsum --save
npm lorem-ipsum --install
npm install save lorem-ipsum
npm instal lorem-ipsum
Manakah format JSON berikut yang valid?
["name":"sweaterXL","price":320000]
{"name":"sweaterXL";"price":320000}
{"name":"sweaterXL","price":"320000"}
{"name"="sweaterXL","price"=320000}
Setiap endpoint dalam RESTful API hanya dapat diakses dengan method GET, POST, PUT, PATCH, atau DELETE.
benar
salah
https://api.exchangeratesapi.io/latest?symbols=USD,GBP,JPY,CNY&base=IDR
URL di atas merupakan API endpoint untuk memperoleh nilai tukar berbagai mata uang. URL di atas memiliki parameter untuk memodifikasi response yang diinginkan.
Parameter dari endpoint di atas adalah …
api.exchangeratesapi.io
latest
symbols, base
symbols, base, latest
let company ="Amazon"
console.log("${company} revenue : $1.000.000")
Tampilan console dari kode di atas adalah …
Amazon revenue : $1.000.000.000
$Amazon revenue : $1.000.000.000
${company} revenue : $1.000.000.000
$Amazon revenue : $1.000.000.000
var vals = ['a', 'b', 'c'];
Agar nilai vals menjadi ['a', 'b', 'c', 'd'], kode yang perlu ditambahkan adalah …
vals.shift('d')
vals.add('d')
vals.push('d');
vals.pop('d')
Manakah di antara kode berikut yang menghasilkan output:
1
3
5
7
9
for (let i=1;i<=5;i++) {console.log(2*i+1)}
for (let i=1;i<=9;i+=2) {console.log(i)}
for (let i=1;i<5;i++) {console.log(i)}
for (let i=5;i>0;i--) {console.log(2*i-1)}
Apa itu vue js?
library
framework
database
extensi file
Manakah dari arahan di bawah ini yang memberikan two-way data binding?
none
v-model
v-on
v-html
Manakah dari direktif berikut yang digunakan untuk melampirkan event listener untuk memanggil method/function?
v-for
v-on
v-model
v-bind
Bagaimana cara menggunakan looping di vue js?
vFor
v-for
v-loop
v-loop-for
pernyataan yg benar antara v-html dan v-text adalah
v-text memberikan nilai berbentuk plaintext
v-html memberikan nilai rendering html element seperti fungsi innerHtml
pernyataan a dan b benar
pernyataan a dan b salah
Semua adalah kait siklus hidup di Vue kecuali …
fetch
created
mounted
didMount
Pernyataan yang benar antara v-show dan v-if adalah
v-if hanya merender elemen ke DOM jika ekspresi lolos sedangkan v-show merender semua elemen ke DOM dan kemudian menggunakan properti tampilan CSS untuk menampilkan/menyembunyikan elemen berdasarkan ekspresi.
v-if mendukung alternatif ke v-else dan v-else-if sedangkan v-show tidak mendukung alternatif ke yang lain.
v-if dan v-show merupakan conditional statement
Semuanya benar
Direktif v-model digunakan dalam …
two data binding di mana bagian tampilan (UI) aplikasi secara otomatis diperbarui ketika Model data diubah.
two data binding di mana bagian tampilan (UI) aplikasi tidak diperbarui secara otomatis. Kita perlu menulis beberapa kode khusus untuk membuatnya diperbarui setiap kali model data diubah.
one-way data binding di mana bagian tampilan (UI) aplikasi diperbarui secara otomatis ketika Model data diubah.
one-way data binding di mana bagian tampilan (UI) aplikasi tidak diperbarui secara otomatis. Beberapa kode khusus harus ditulis untuk membuatnya diperbarui setiap kali model data dimodifikasi.
Bagaimana cara menampilkan variabel role pada vue js
{{role}}
{role}
${role}
$role
Bagaimana cara mendeklarasikan variabel di vue?
data: {role:'user'};
data() { return { role:'user' } };
data({role:'user'});
data.role = ‘user’
manakah yang digunakan sebagai library resmi untuk mengatur state pada vue js
redux
flux
vuex
mobx
