Web Developer Interview Questions and Answers
Ques 11. How does CSS specificity work?
Specificity determines which CSS rule takes precedence when multiple conflicting rules target the same element.
Example:
div#myId {
color: blue;
}
#myId {
color: red;
}
Is it helpful?
Add Comment
View Comments
Ques 12. What is AJAX, and how does it work?
AJAX (Asynchronous JavaScript and XML) allows web pages to be updated asynchronously by exchanging small amounts of data with the server behind the scenes.
Example:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
Is it helpful?
Add Comment
View Comments
Ques 13. 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;
}
}
Is it helpful?
Add Comment
View Comments
Ques 14. Explain the concept of event delegation in JavaScript.
Event delegation involves using a single event listener to manage all related events for a specific type, reducing the number of event listeners.
Example:
document.getElementById('parentElement').addEventListener('click', function(event) {
if (event.target.tagName === 'BUTTON') {
console.log('Button clicked!');
}
});
Is it helpful?
Add Comment
View Comments
Ques 15. 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();
Is it helpful?
Add Comment
View Comments
Most helpful rated by users: