DP World || Group SDE 2 - FE || Interview Experience
Summary
I shared my interview experience with DP World for an SDE-2 (Frontend) role. The process included an Online Assessment, a JavaScript/HTML/CSS round with output-based questions and conceptual queries, and a React JS round focusing on building a TODO list. Despite performing well, I was ultimately rejected due to perceived lack of ReactJS experience.
Full Experience
Hi Everyone , Hope you are doing great. i want to share my interview experience with DP World for SDE-2 (Frontend).
Applied Method : Referal
Round 1 : OA (consist of react machine coding question - weather app)
Round 2 : (JS , HTML,CSS ) -
Question 1 :
function Dog(name) { this.name = name; } Dog.prototype.bark = function() { console.log('Hello, ' + this.name); }; const dog = new Dog('Tommy'); dog.bark(); const dogBark = dog.bark; dogBark();
Question 2 :let name = "John"; (function() { console.log(x); // ?
let name = "Jerry"; console.log(x); // ? })();
Question 3 :
const deepObj = Object.freeze({ a: { b: 2 }, c: 3 }); deepObj.a.b = 42; deepObj.c = 5; console.log(deepObj.a.b);
console.log(deepObj.c);
deepObj.a = { b: 50 }; console.log(deepObj.a.b);
Question 4 :
console.log(1) setTimeout(() =>{ console.log(3) }, 0) Promise.resolve(() => { console.log(2) }) console.log(4)
Most of the output based questions , i was able to answer. i would say 7/10.
Some other questions like :
- what is shadow DOM ?
- LocalStorage vs cookies vs SessionStorage.
- Event Loop
- Closures
Round 2 went well for me. Few minor things i didn't knew so told the interviewer.
Self Verdict - Hire
Round 3 : (React JS)
Implement a TODO list with add, edit and delete option.
This was intresting , as i was able to do it , but the edit functionality took sometime and after clicking on edit , latest values were not showing in input box/form.( i just missed to add value = {name} in the input element (dumb thing))
Self Verdict - Hire
Update : i was rejected and told , i don't have much experience in ReactJS
Interview Questions (10)
Implement Weather App
Implement a weather application using React for the Online Assessment round.
JavaScript `this` and Prototypal Inheritance Output
function Dog(name) {
this.name = name;
}
Dog.prototype.bark = function() {
console.log('Hello, ' + this.name);
};
const dog = new Dog('Tommy');
dog.bark();
const dogBark = dog.bark;
dogBark();
JavaScript Variable Hoisting and Scope Output
let name = "John";
(function() {
console.log(x); // ?
let name = "Jerry";
console.log(x); // ?
})();
JavaScript `Object.freeze` Immutability Output
const deepObj = Object.freeze({
a: { b: 2 },
c: 3
});
deepObj.a.b = 42;
deepObj.c = 5;
console.log(deepObj.a.b);
console.log(deepObj.c);
deepObj.a = { b: 50 };
console.log(deepObj.a.b);
JavaScript Event Loop and Asynchronous Execution Output
console.log(1)
setTimeout(() =>{
console.log(3)
}, 0)
Promise.resolve(() => {
console.log(2)
})
console.log(4)
What is Shadow DOM?
Discuss the concept and use of Shadow DOM.
LocalStorage vs. Cookies vs. SessionStorage
Compare and contrast LocalStorage, Cookies, and SessionStorage.
Explain Event Loop
Explain the JavaScript Event Loop mechanism.
Explain Closures
Explain the concept of Closures in JavaScript.
Implement TODO List in React
Implement a TODO list application using React JS with add, edit, and delete functionalities.