Skip to contentSkip to footer

Frontend Software Engineer Interview Questions

Salaries
Interviews

869 frontend software engineer interview questions shared by candidates

1. Given binary matrix write algorithm to find rectangle with largest area. e.g. [ [1,0,0,0] [0,1,1,1] [0,1,1,1] [0,0,0,0] 2. Analog to MS paint where you click a point, and all connected areas are auto filled with a color, you're given a matrix/grid with random number in it, so write a function that takes as parameters: canvas (matrix), x/y coordinates, and the color number to replace with. e.g. coordinates: 1,3, newColor:3 [[0,1,1,2,0,1] [1,0,2,2,1,1] [1,0,2,2,2,0]] so all adjacent 2's should be replaced with 3 3. Design front-end for an online chess game 4. Manager interview, just conversation about the interview process and about your background
avatar

Senior Software Engineer - Frontend

Interviewed at Microsoft

4★
May 7, 2022

1. Given binary matrix write algorithm to find rectangle with largest area. e.g. [ [1,0,0,0] [0,1,1,1] [0,1,1,1] [0,0,0,0] 2. Analog to MS paint where you click a point, and all connected areas are auto filled with a color, you're given a matrix/grid with random number in it, so write a function that takes as parameters: canvas (matrix), x/y coordinates, and the color number to replace with. e.g. coordinates: 1,3, newColor:3 [[0,1,1,2,0,1] [1,0,2,2,1,1] [1,0,2,2,2,0]] so all adjacent 2's should be replaced with 3 3. Design front-end for an online chess game 4. Manager interview, just conversation about the interview process and about your background

Build some ui with javascript and css, data structures and algortihms, time complexity. Can't remember the names of the leetcode questions in the OA and Final interview but one of them was: Find the length of longest contiguous sub-array where the sum of the elements in subarray is less than or equal to "k".
avatar

Frontend Software Engineer

Interviewed at Canva

3.9★
Sep 4, 2023

Build some ui with javascript and css, data structures and algortihms, time complexity. Can't remember the names of the leetcode questions in the OA and Final interview but one of them was: Find the length of longest contiguous sub-array where the sum of the elements in subarray is less than or equal to "k".

Initial Meeting with Recruiter: They asked several JS questions: 1. What is the diff between var , let and const modifiers? 2. In JS what happens if you call setTimeout with delay of 0? will the call back function be executed immediately, like right at the setTimeout call? 3. If you have 1000 HTTP request that you need to send from a single client to a single backend service as quickly as possible, how do you do it and what problems you will encounter? 4. Tell me what this code is doing: function (a, b) { return a % b === 0 } 5. Same thing: function (arr) { return new Set(arr).size; } 5. Same thing: function (paragraph) { return Math.max(...paragraph.split(' ').map(s => s.length) } 6. same thing: function (arr) { const m = new Map(); for (let i = 0 ; i < arr.length; i++) { let num = m.get(arr[i]) || 0; m.set(arr[i], num + 1); } return m; } Input: [1,1,5,6], what do you expect to be thrown out of this function? 7. same thing: function (promises) { let arr = []; let fn; promises.forEach(p => { p.then(v => { arr.push(v); arr.length === 10 && fn(arr; }) }) return new Promise(r => fn = r) } First Coding Interview: make a Sudoku game using HTML, CSS, Vanilla JS
avatar

Frontend Software Engineer

Interviewed at Canva

3.9★
Jun 3, 2023

Initial Meeting with Recruiter: They asked several JS questions: 1. What is the diff between var , let and const modifiers? 2. In JS what happens if you call setTimeout with delay of 0? will the call back function be executed immediately, like right at the setTimeout call? 3. If you have 1000 HTTP request that you need to send from a single client to a single backend service as quickly as possible, how do you do it and what problems you will encounter? 4. Tell me what this code is doing: function (a, b) { return a % b === 0 } 5. Same thing: function (arr) { return new Set(arr).size; } 5. Same thing: function (paragraph) { return Math.max(...paragraph.split(' ').map(s => s.length) } 6. same thing: function (arr) { const m = new Map(); for (let i = 0 ; i < arr.length; i++) { let num = m.get(arr[i]) || 0; m.set(arr[i], num + 1); } return m; } Input: [1,1,5,6], what do you expect to be thrown out of this function? 7. same thing: function (promises) { let arr = []; let fn; promises.forEach(p => { p.then(v => { arr.push(v); arr.length === 10 && fn(arr; }) }) return new Promise(r => fn = r) } First Coding Interview: make a Sudoku game using HTML, CSS, Vanilla JS

Viewing 541 - 550 interview questions

Glassdoor has 869 interview questions and reports from Frontend software engineer interviews. Prepare for your interview. Get hired. Love your job.