wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Skill Test Fullstack MEVN

Total questions: 50

Worksheet time: 2hrs 40mins

Name
Class
Date
1.

Yang merupakan bagian dari tag <form> dibawah ini adalah? Kecuali…

a)

<td>

b)

<input>

c)

<select>

d)

textarea

2.

Untuk menerima masukan berupa pilihan pada <form> HTML adalah…

a)

Radio

b)

Button

c)

Password

d)

Input Text

3.

Perintah untuk mengganti baris pada HTML adalah…

a)

<hr>

b)

<a>

c)

<div>

d)

<br>

4.

Untuk memasukkan file gambar ke dalam web menggunakan perintah …

a)

<img src=”…”>

b)

<embedded src=”…”>

c)

<image src=”…”>

d)

<marquee src=”…”>

5.

Domain yang menjadi identitas dari negara Indonesia adalah…

a)

.org

b)

.id

c)

.com

d)

.ind

6.

Tag HTML yang digunakan untuk menandai sebuah paragraph dari dokumen HTML yang dibuat adalah…

a)

<b>

b)

<br>

c)

<p>

d)

<h5>

7.

Tag heading terkecil dalam tag HTML adalah…

a)

<h4>

b)

<h5>

c)

<h6>

d)

<h7>

8.

Tag HTML untuk melakukan link adalah…

a)

<a ref>…</a>

b)

<a href>…</a>

c)

<a ref>

d)

<a href>…</href>

9.

Berikut ini perintah HTML yang berhubungan dalam pembuatan table, kecuali…

a)

tr

b)

thead

c)

tfooter

d)

table

10.

Contoh penulisan perintah HTML untuk menjadi beberapa baris dalam table menjadi satu adalah…

a)

<table colspan=”…”>

b)

<tr colspan=”…”>

c)

<td rowspan=”…”>

d)

<tr rowspan=”…”>

11.

CSS merupakan singkatan dari ....

a)

Cascading Sheet Style

b)

Cascading Style Sheet

c)

Conversion Sheet Style

d)

Condision Style Sheet

12.

Tag HTML yang digunakan untuk mendefinisikan style sheet internal?

a)

<sheet>

b)

<css>

c)

<style>

d)

<link>

13.

style="color: blue"

a)

mengubah background menjadi warna biru

b)

mengubah warna font menjadi warna biru

c)

mengubah ukuran font

d)

mengubah perasaan dia menjadi ga cuek ke aku :)

14.

Perhatikan script CSS dibawah ini:
Yang disebut selector adalah…
 p{color:red;}p\left\{color:red;\right\}  




a)

p

b)

red

c)

color

d)

color:red

15.

Perhatikan script CSS dibawah ini:
Yang disebut value adalah…
 p{color:red;}p\left\{color:red;\right\}  




a)

p

b)

red

c)

color

d)

color:red

16.

Perhatikan script CSS dibawah ini:
Yang disebut declaration adalah…
 p{color:red;}p\left\{color:red;\right\}  




a)

p

b)

red

c)

color

d)

color:red

17.

Properti yang digunakan untuk mengubah warna latar belakang?

a)

background-colour

b)

background:url(“file.extension”)

c)

color

d)

background-color

18.

Sintaks CSS yang paling tepat untuk merubah semua elemen menjadi bold adalah…

a)

p {font-weight:bold}

b)

all.p {text-size:bold}

c)

.p {text-size:bold}

d)

#p {text-size:bold}

19.

Bagaimanakah saya membuang garis bawah dari Link menggunakan CSS?

a)

a {underline: none;}

b)

a {text-decoration: none;}

c)

link {underline: none;}

d)

a {style: none;}

20.

Manakah css untuk mengatur text rata tengah?

a)

p {align: center;}

b)

p {center;}

c)

p {text-align: center;}

d)

p {align=center;}

21.

Manakah perintah berikut yang tepat untuk menginisialisasi directory project dengan git ?

a)

git create

b)

git init

c)

git branch

d)

git push

22.

Manakah perintah berikut yang tepat untuk mendapatkan list branch dengan git ?

a)

git list branch

b)

git init

c)

git branch

d)

git branch -ls

23.

Fungsi yang digunakan untuk pindah branch adalah?

a)

git branch namabranch

b)

git checkout namabranch

c)

git branch namaBranch -D

d)

git check-out namaBranch

24.

Apa itu git?

a)

Aplikasi version control

b)

Bahasa pemrograman

c)

Framework

d)

Website repository online

25.

Perintah yang tepat untuk menambahkan semua file kedalam stagging adalah …

a)

git add

b)

git add <fileName>

c)

git add .

d)

None

26.

Format yang benar untuk menginstall multiple module dalam 1 perintah adalah …

a)

npm install express, morgan, nodemon

b)

npm install express morgan nodemon

c)

npm install ['express', 'morgan', 'nodemon']

d)

npm install {'express', 'morgan', 'nodemon'}

27.

Dibawah ini method yang tidak dimiliki Express.js adalah…

a)

get()

b)

use()

c)

listen()

d)

response()

28.

Middleware biasanya dapat diindikasikan dengan adanya variabel …

a)

next

b)

req

c)

response

d)

err

29.

HTTP Response Code yang dapat digunakan untuk merepresentasikan Method yang tidak ditemukan/diijinkan adalah …

a)

200

b)

301

c)

401

d)

405

30.

yang bukan menjadi cara kerja javascript ?

a)

single threaded

b)

multi threaded

c)

Asynchronous

d)

non blocking

31.

 npm run myscriptnpm\ run\ myscript  


Syarat perintah di atas bisa dieksekusi adalah …

a)

Terdapat file myscript.js di working directory

b)

Terdapat package myscript yang sudah di-install

c)

Terdapat definisi myscript dalam package.json

d)

Terdapat project Node.js dengan nama myscript

32.

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 …

a)

node_modules/

b)

/node_modules

c)

'node_modules'

d)

*node_modules

33.

Apabila akan menginstall package bernama 'lorem-ipsum', perintah yang dapat dilakukan adalah ...

a)

npm i lorem-ipsum --save

b)

npm lorem-ipsum --install

c)

npm install save lorem-ipsum

d)

npm instal lorem-ipsum

34.

Manakah format JSON berikut yang valid?

a)

["name":"sweaterXL","price":320000]["name":"sweaterXL","price":320000]

b)

{"name":"sweaterXL";"price":320000}\left\{"name":"sweaterXL";"price":320000\right\}

c)

{"name":"sweaterXL","price":"320000"}\left\{"name":"sweaterXL","price":"320000"\right\}

d)

{"name"="sweaterXL","price"=320000}\left\{"name"="sweaterXL","price"=320000\right\}

35.

Setiap endpoint dalam RESTful API hanya dapat diakses dengan method GET, POST, PUT, PATCH, atau DELETE.

a)

benar

b)

salah

36.

 https://api.exchangeratesapi.io/latest?symbols=USD,GBP,JPY,CNY&base=IDRhttps://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 …

a)

api.exchangeratesapi.io

b)

latest

c)

symbols, base

d)

symbols, base, latest

37.

let company ="Amazon"

console.log("${company} revenue : $1.000.000")


Tampilan console dari kode di atas adalah …

a)

Amazon revenue : $1.000.000.000

b)

$Amazon revenue : $1.000.000.000

c)

${company} revenue : $1.000.000.000

d)

$Amazon revenue : $1.000.000.000

38.

var vals = ['a', 'b', 'c'];


Agar nilai vals menjadi ['a', 'b', 'c', 'd'], kode yang perlu ditambahkan adalah …

a)

vals.shift('d')

b)

vals.add('d')

c)

vals.push('d');

d)

vals.pop('d')

39.

Manakah di antara kode berikut yang menghasilkan output:

1

3

5

7

9

a)

for (let i=1;i<=5;i++) {console.log(2*i+1)}

b)

for (let i=1;i<=9;i+=2) {console.log(i)}

c)

for (let i=1;i<5;i++) {console.log(i)}

d)

for (let i=5;i>0;i--) {console.log(2*i-1)}

40.

Apa itu vue js?

a)

library

b)

framework

c)

database

d)

extensi file

41.

Manakah dari arahan di bawah ini yang memberikan two-way data binding?

a)

none

b)

v-model

c)

v-on

d)

v-html

42.

Manakah dari direktif berikut yang digunakan untuk melampirkan event listener untuk memanggil method/function?

a)

v-for

b)

v-on

c)

v-model

d)

v-bind

43.

Bagaimana cara menggunakan looping di vue js?

a)

vFor

b)

v-for

c)

v-loop

d)

v-loop-for

44.

pernyataan yg benar antara v-html dan v-text adalah

a)

v-text memberikan nilai berbentuk plaintext

b)

v-html memberikan nilai rendering html element seperti fungsi innerHtml

c)

pernyataan a dan b benar

d)

pernyataan a dan b salah

45.

Semua adalah kait siklus hidup di Vue kecuali …

a)

fetch

b)

created

c)

mounted

d)

didMount

46.

Pernyataan yang benar antara v-show dan v-if adalah

a)

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.

b)

v-if mendukung alternatif ke v-else dan v-else-if sedangkan v-show tidak mendukung alternatif ke yang lain.

c)

v-if dan v-show merupakan conditional statement

d)

Semuanya benar

47.

Direktif v-model digunakan dalam …

a)

two data binding di mana bagian tampilan (UI) aplikasi secara otomatis diperbarui ketika Model data diubah.

b)

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.

c)

one-way data binding di mana bagian tampilan (UI) aplikasi diperbarui secara otomatis ketika Model data diubah.

d)

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.

48.

Bagaimana cara menampilkan variabel role pada vue js

a)

{{role}}

b)

{role}

c)

${role}

d)

$role

49.

Bagaimana cara mendeklarasikan variabel di vue?

a)

data: {role:'user'};

b)

data() { return { role:'user' } };

c)

data({role:'user'});

d)

data.role = ‘user’

50.

manakah yang digunakan sebagai library resmi untuk mengatur state pada vue js

a)

redux

b)

flux

c)

vuex

d)

mobx