C2FO | Senior Software Engineer - UI

Round 1

Questions:

• Output of this

for(var i =0; i < 3; i++) {
    setTimeout(function log() {
        console.log(j)
    }, 1000)
};

• Follow up of the above problem - need to output 1, 2, 3 without using let keyword, discussion around closure.

• Flatten an array - write a prototype.

[1, [2, [3, [4, 5]]], 6]

1 => [1, 2, [3, [4, 5]], 6]
2 => [1, 2, 3, [4, 5], 6]

Array.prototype.myFlat = function(depth=Infinity){}

const arr = [1, [2, [3, [4, 5]]], 6]
console.log('flattend', arr.myFlat())

• What will be the output?

console.log(1)

const promise = new Promise((resolve, reject)=> {
    console.log("Inside Promise");
    resolve();
    console.log("Promise Resolve");
    reject();
    console.log("Promise Rejected");
});

promise
.then(() => {
    console.log(5)
})
.then(() => {
    console.log(6)
    return 4;
})
.then(console.log)
.catch(() => {
    console.log("Error");
})
console.log(7)

• Write a generic memoization function

const memoize = (fn) => {}

const multiply = (a, b) => a * b;
const memoizeMultiply = memoize(multiply);

// 10 -> execute logic
console.log(memoizeMultiply(5,2))
console.log(memoizeMultiply(5,2)) // 10 -> return from memory

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Round 2

Questions:

• Detailed discussion around CSR VS SSR, caching strategies in SSR VS CSR (25 mins)

• Code understanding & output based.

function test () {
    const a = 10;
    fetch (newAPI).then( () => {
        console.log(a + 1)
    }).catch(() => {
        console.log(a + 2)
    });
    console.log(a + 3)
}

test()

async function test () {
    const a = 10;
    await try{
        callMybackend();
    } catch{
        doSomething();
    }
    console.log(a + 3)
}

• Discussion around Event Bubbling, capturing and event delegation

<section onclick="alert('section')">
   <div onclick="alert('div')">
        <p onclick="alert('paragraph')">
            This is paragraph
        </p>
   </div>
</section>

• Write a custom chunking function

Array.prototype.myChunk = function(n = 1){}
console.log([1,2,3,4,5,6,7,8,9,10].myChunk())

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Round 3

Questions:

• Discussion around the specific product for which they were hiring.
• How would we design that app? (It was their stealth mode product, so I won’t disclose specifics here. Just know that you need to build a banking related app—focus on security and other critical aspects.)

Candidate's Approach

No approach provided.

Interviewer's Feedback

No feedback provided.

---

Verdict - Passed

Compensation Details -
(C2FO) C2FO Compensation Discussion
(Birdeye) Birdeye Compensation Discussion