Blog

Full Stack Web Development

13 Pertanyaan Web Developer Interview Coding Test 2025

Irhan Hisyam Dwi Nugroho

•

15 August 2025

•

1421

Warga Bimbingan, siap menghadapi web developer interview coding test 2025? MinDi udah siapin 13 pertanyaan yang sering muncul di tes coding, mulai dari JavaScript hingga API.

Latihan dengan soal-soal ini akan bantu kamu siap menghadapi tantangan di interview. Yuk, simak dan mulai latihan, biar makin pede menghadapi coding test!

Apa Itu Web Developer Interview Coding Test?

Web Developer Interview Coding Test adalah tes teknis yang diberikan oleh perusahaan untuk menilai keterampilan calon developer dalam membangun aplikasi web.

Tes ini biasanya mencakup soal-soal tentang HTML, CSS, JavaScript, dan framework terkait seperti React atau Node.js.

Tujuan utamanya adalah untuk mengukur kemampuan kandidat dalam menulis kode yang efisien, mengatasi masalah secara logis, dan mengimplementasikan konsep-konsep dasar web development.

Proses tes sering kali dilakukan secara online dan harus diselesaikan dalam waktu terbatas, mencakup coding challenge yang mencerminkan tugas sehari-hari di dunia pengembangan web.

Contoh Soal Web Developer Interview Coding Test

Sumber: Canva

Warga Bimbingan, untuk mempersiapkan diri menghadapi web developer interview coding test, latihan soal-soal berikut bisa membantu kamu meningkatkan kemampuan.Yuk, simak dan coba kerjakan!

1. Tulis Program untuk Membalikkan String

Soal ini menguji kemampuan dasar dalam manipulasi string menggunakan JavaScript. Di sini, kamu diminta untuk membalikkan urutan karakter dalam sebuah string.

function reverseString(str) {

return str.split('').reverse().join('');

}

console.log(reverseString("Hello World")); // Output: "dlroW olleH"

2. Buat Fungsi untuk Menyaring Angka Ganjil dan Genap

Soal ini menguji kemampuan dalam menggunakan fungsi array dan filter. Kamu diminta untuk memisahkan angka ganjil dan genap dari array yang diberikan.

function separateOddEven(arr) {

const odd = arr.filter(num => num % 2 !== 0);

const even = arr.filter(num => num % 2 === 0);

return { odd, even };

}

console.log(separateOddEven([1, 2, 3, 4, 5, 6])); // { odd: [1, 3, 5], even: [2, 4, 6] }

3. Tulis Program untuk Menemukan Nilai Maksimum dalam Array

Soal ini menguji kemampuan dalam bekerja dengan array dan fungsi built-in seperti Math.max(). Kandidat diminta untuk menemukan angka terbesar dalam array.

function findMax(arr) {

return Math.max(...arr);

}

console.log(findMax([1, 5, 3, 9, 2])); // Output: 9

4. Buat Program untuk Menghitung Jumlah Vokal dalam Sebuah String

Soal ini menguji kemampuan dalam menggunakan loop dan metode string untuk menghitung vokal dalam sebuah teks. Fokus pada pengolahan string dengan perulangan.

function countVowels(str) {

const vowels = "aeiouAEIOU";

let count = 0;

for (let char of str) {

if (vowels.includes(char)) count++;

}

return count;

}

console.log(countVowels("Hello World")); // Output: 3

5. Buat Program untuk Menghapus Elemen Duplikat dalam Array

Soal ini menguji pemahaman tentang struktur data Set yang tidak memungkinkan elemen duplikat. Kandidat diminta untuk menghapus nilai yang sama dalam array.

function removeDuplicates(arr) {

return [...new Set(arr)];

}

console.log(removeDuplicates([1, 2, 2, 3, 4, 4])); // Output: [1, 2, 3, 4]

6. Tulis Fungsi untuk Menghitung Faktorial

Soal ini menguji pemahaman tentang rekursi atau loop untuk menghitung faktorial dari sebuah angka. Faktor angka adalah perkalian semua angka dari 1 sampai angka tersebut.

function factorial(n) {

if (n === 0) return 1;

return n * factorial(n - 1);

}

console.log(factorial(5)); // Output: 120

7. Buat Fungsi untuk Menyaring Angka dengan Kriteria Tertentu

Soal ini menguji pemahaman penggunaan array dan filter untuk menyaring nilai dalam array berdasarkan kriteria yang diberikan.

function filterGreaterThan(arr, n) {

return arr.filter(num => num > n);

}

console.log(filterGreaterThan([1, 5, 3, 8, 2], 4)); // Output: [5, 8]

8. Buat Program untuk Memeriksa Bilangan Prima

Soal ini menguji pemahaman tentang bilangan prima dan algoritma untuk memeriksanya. Angka prima adalah angka yang hanya bisa dibagi 1 dan dirinya sendiri.

function isPrime(num) {

if (num <= 1) return false;

for (let i = 2; i <= Math.sqrt(num); i++) {

if (num % i === 0) return false;

}

return true;

}

console.log(isPrime(19)); // Output: true

console.log(isPrime(20)); // Output: false

9. Tulis Program untuk Mengurutkan Array Secara Ascending

Soal ini menguji kemampuan kandidat dalam menggunakan algoritma sorting. Di sini, kandidat harus bisa mengurutkan array secara ascending menggunakan metode yang tepat.

function sortArray(arr) {

return arr.sort((a, b) => a - b);

}

console.log(sortArray([5, 3, 8, 1, 2])); // Output: [1, 2, 3, 5, 8]

10. Buat Program untuk Menghitung Jumlah Kata

Soal ini menguji kemampuan dalam menggunakan string dan metode manipulasi untuk menghitung jumlah kata dalam kalimat.

function countWords(sentence) {

return sentence.split(' ').length;

}

console.log(countWords("Hello there, how are you?")); // Output: 5

11. Bagaimana Cara Menghitung Jumlah Karakter dalam String?

Soal ini menguji kemampuan untuk menghitung frekuensi karakter tertentu dalam sebuah string. Ini adalah keterampilan dasar dalam manipulasi string yang sering diuji di coding test.

function countCharacter(str, char) {

let count = 0;

for (let c of str) {

if (c === char) count++;

}

return count;

}

console.log(countCharacter("hello world", "o")); // Output: 2

12. Bagaimana Cara Membalikkan Array?

Soal ini menguji pemahaman tentang manipulasi array menggunakan metode atau algoritma tertentu. Di sini, kamu diminta untuk membalikkan urutan elemen dalam array.

function reverseArray(arr) {

return arr.reverse();

}

console.log(reverseArray([1, 2, 3, 4, 5])); // Output: [5, 4, 3, 2, 1]

13. Bagaimana Cara Menggabungkan Dua Array Menjadi Satu?

Soal ini menguji kemampuan untuk menggabungkan dua array sekaligus menghapus elemen duplikat menggunakan Set.

function mergeArrays(arr1, arr2) {

return [...new Set([...arr1, ...arr2])];

}

console.log(mergeArrays([1, 2, 3], [3, 4, 5])); // Output: [1, 2, 3, 4, 5]

Ingin Jadi Full Stack Web Developer Profesional?

Setelah berlatih dengan 13 Pertanyaan Web Developer Interview Coding Test 2025, saatnya kamu melangkah lebih jauh dan memperdalam kemampuan web development di dunia nyata!

Yuk, ikuti Bootcamp Full Stack Web Developer di dibimbing.id! Di sini, kamu akan belajar HTML, CSS, JavaScript, React, Node.js, database, REST API, dan banyak lagi untuk membangun aplikasi web dari frontend hingga backend.

Belajar langsung dari mentor berpengalaman dengan kurikulum aplikatif yang sesuai dengan kebutuhan industri.

Dengan lebih dari 840+ hiring partner dan tingkat keberhasilan alumni 96%, peluang kariermu di dunia IT semakin terbuka lebar!

Jadi, tunggu apa lagi? Daftar sekarang disini dan mulai perjalananmu menjadi Full Stack Web Developer profesional! #BimbingSampeJadi

Referensi:

Top Web Developer Interview Questions and Answers [Buka]