Skip to contentSkip to footer

Frontend Software Engineer Interview Questions

Salaries
Interviews

868 frontend software engineer interview questions shared by candidates

Final round, system design and architecture session Just a conversation about "how would you go about building the Canva editor from scratch". I get the sense that there's a big spread on the types of questions they'd ask in this session, since system design and architecture for frontend is pretty meaningless. Recruiter said this session may just be another coding session for some.
avatar

Frontend Software Engineer II

Interviewed at Canva

3.9★
Aug 24, 2024

Final round, system design and architecture session Just a conversation about "how would you go about building the Canva editor from scratch". I get the sense that there's a big spread on the types of questions they'd ask in this session, since system design and architecture for frontend is pretty meaningless. Recruiter said this session may just be another coding session for some.

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

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".

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

Viewing 551 - 560 interview questions

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