Pertanyaan dan Jawaban Wawancara Paling Populer & Tes Online
Platform edukasi untuk persiapan wawancara, tes online, tutorial, dan latihan langsung

Bangun keterampilan dengan jalur belajar terfokus, tes simulasi, dan konten siap wawancara.

WithoutBook menghadirkan pertanyaan wawancara per subjek, tes latihan online, tutorial, dan panduan perbandingan dalam satu ruang belajar yang responsif.

Prepare Interview
Beranda / Subjek Wawancara / Web Developer
WithoutBook LIVE Mock Interviews Web Developer Related interview subjects: 20

Interview Questions and Answers

Know the top Web Developer interview questions and answers for freshers and experienced candidates to prepare for job interviews.

Total 50 questions Interview Questions and Answers

The Best LIVE Mock Interview - You should go through before interview

Know the top Web Developer interview questions and answers for freshers and experienced candidates to prepare for job interviews.

Interview Questions and Answers

Search a question to view the answer.

Intermediate / 1 to 5 years experienced level questions & answers

Ques 3

Differentiate between sessionStorage and localStorage in HTML5.

sessionStorage stores data for the duration of a page session, while localStorage stores data with no expiration time.

Example:

sessionStorage.setItem('key', 'value');
localStorage.setItem('key', 'value');
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 5

What is responsive web design?

Responsive web design ensures that web applications render well on various devices and window or screen sizes.

Example:

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 6

What is the purpose of the 'this' keyword in JavaScript?

The 'this' keyword refers to the current execution context and allows access to properties and methods of the current object.

Example:

const person = {
  name: 'John',
  greet: function() {
    console.log('Hello, ' + this.name + '!');
  }
};
person.greet();
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 7

Explain the concept of CORS (Cross-Origin Resource Sharing).

CORS is a security feature implemented by web browsers to restrict web pages from making requests to a different domain than the one that served the web page.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 8

What is the purpose of the 'async' and 'await' keywords in JavaScript?

The 'async' keyword is used to declare an asynchronous function, and 'await' is used to pause the execution of the function until the Promise is settled.

Example:

async function fetchData() {
  let response = await fetch('https://api.example.com/data');
  let data = await response.json();
  console.log(data);
}
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 9

How does the 'localStorage' differ from 'sessionStorage' in HTML5?

'localStorage' persists even when the browser is closed and reopened, while 'sessionStorage' data is only available for the duration of the page session.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 10

What is the significance of the 'viewport' meta tag in HTML?

The 'viewport' meta tag controls the layout and scaling of the webpage on mobile devices, ensuring proper rendering on various screen sizes.

Example:

Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 13

Explain the concept of 'hoisting' in JavaScript.

Hoisting is a JavaScript behavior where variable and function declarations are moved to the top of their containing scope during the compilation phase.

Example:

console.log(x); // undefined
var x = 5;
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 14

Explain the 'same-origin policy' in the context of web security.

The 'same-origin policy' is a security measure that restricts web pages from making requests to a different domain than the one that served the web page.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 16

Explain the concept of 'Promises' in JavaScript.

Promises are objects representing the eventual completion or failure of an asynchronous operation, allowing better handling of asynchronous code.

Example:

const fetchData = new Promise((resolve, reject) => {
  // asynchronous code
});
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Apakah ini membantu?
Add Comment View Comments
Ques 18

What is the purpose of the 'async' attribute in a script tag?

The 'async' attribute in a script tag allows the script to be downloaded asynchronously, without blocking the HTML parsing, and then executed.

Example:

Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 19

What is the purpose of the 'role' attribute in HTML?

The 'role' attribute is used to define the purpose or type of an element for accessibility, helping assistive technologies interpret content.

Example:

Unchecked
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 20

What is the purpose of the 'fetch' API in JavaScript?

The 'fetch' API is used to make HTTP requests and handle responses in a more flexible and modern way compared to the traditional 'XMLHttpRequest'.

Example:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data));
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 21

What is the purpose of the 'transition' property in CSS?

The 'transition' property is used to create smooth transitions between different property values, allowing for animation effects.

Example:

div {
  transition: width 2s, height 2s;
}
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 22

Explain the purpose of the 'transform' property in CSS.

The 'transform' property is used to apply 2D or 3D transformations to elements, such as scaling, rotating, and translating.

Example:

div {
  transform: rotate(45deg);
}
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 23

Explain the concept of 'Progressive Enhancement' in web development.

Progressive Enhancement is a strategy where the core functionality and content are delivered to all users, with enhanced features provided to those with modern browsers or devices.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 24

What is the purpose of the 'aria-*' attributes in HTML?

The 'aria-*' attributes are used to enhance the accessibility of web content by providing additional information to assistive technologies.

Example:

X
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 25

How does 'localStorage' differ from 'cookies' in web development?

'localStorage' allows for larger data storage on the client side, while cookies have size limitations and are sent with every HTTP request.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 26

What is the purpose of the 'V8' engine in the context of JavaScript?

The 'V8' engine is an open-source JavaScript engine developed by Google, used in Chrome and Node.js, responsible for executing JavaScript code in the browser or server environment.
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 27

Explain the concept of 'Immutable Data' in JavaScript.

Immutable data cannot be changed once created, promoting safer state management and reducing bugs in applications.

Example:

const array = [1, 2, 3];
const newArray = [...array, 4];
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 28

Explain the purpose of the 'SQL JOIN' operation in database queries.

The 'SQL JOIN' operation combines rows from two or more tables based on a related column, allowing the retrieval of data from multiple tables in a single query.

Example:

SELECT users.username, orders.order_id FROM users
JOIN orders ON users.user_id = orders.user_id;
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments
Ques 29

What is the purpose of the 'transition' property in CSS?

The 'transition' property is used to create smooth transitions between different property values, allowing for animation effects.

Example:

div {
  transition: width 2s, height 2s;
}
Simpan untuk Revisi

Simpan untuk Revisi

Bookmark item ini, tandai sebagai sulit, atau masukkan ke dalam set revisi.

Buka Perpustakaan Belajar Saya
Apakah ini membantu?
Add Comment View Comments

Most helpful rated by users:

Hak Cipta © 2026, WithoutBook.