REAL Front End Interview Questions - Whiteboard

This video is a follow up to an initial video I did about take home interview questions. Here, I take you through 10 real questions that I've either asked or received during the in-person portion of an interview process.

Let me know in the comments if you have questions or what you did/didn't find helpful about this video. Cheers!

Timestamps:
Conversation Questions
0:34 - What is an IIFE?
2:13 - What CSS frameworks have you used?
2:50 - What is the `this` keyword in JavaScript?
3:40 - What do the position properties in CSS do?
4:31 - What are the 3 parts of an HTTP request?

Algorithm Questions
5:11 - Add two values
5:30 - Filter odd numbers
6:10 - Add index value to each array element
6:51 - Flatten a nested array
8:22 - Shuffle an array
--
Follow Me Online Here:

--
My gear:

--
Who am I?

--

[PeterElbaum]

Are these questions true to your experience? Let me know if you found them helpful and what you'd like to see next time!

[lastspoil]

Where do I look up and study these questions.

[xinli]

function shuffle(array){
for(let i=0;i<array.length;i++){
let randomIndex = Math.floor(Math.random()*10);
[array[i], array[randomIndex]] = [array[randomIndex], array[i]]
}
return array;
}
console.log(shuffle([1, 2, 3, 4, 5, 6, 7, 8, 9, 10]))

[furzaa]

Front End Interview Questions. Thank you for content

[leonardodeslf]

There is a little detail that makes a big change for the very first answer.

Even if we get rid of the IIFE stuff and leave the "normal" function declaration, `privateVariable` will still throw a ReferenceError, as a var gets hoisted and encapsulated inside function/global scope. It works within an if scope for example, but not from a function one.

Anyways, thank you for sharing!

[CamdynRasque]

In regards to the HTTP request, I believe the question is asking about the 3 parts of the request itself, not the 3 phases. Every HTTP request is broken up into 3 parts: Request / Response Line, Headers, and Message Body

[DimitriNakos]

Thanks for the information! I'm in Charlotte and just starting a bootcamp this month. :)

[gabrielfono]

thanks so much
I am self taught and I would have an interview at amazon soon.
I dont know which datastructure and algorithms I need to focus on
let me know what you think please
thanks

[drewbird]

Hey Peter! Stumbled on your interview videos because I'm doing a technical interview tomorrow for a job in Durham! #liked #subscribed. Thank you for your content.

[pavelluzanov]

Hey, thanks for the video
at flatten part imo worth mention 2 thing as a bonus to the answer
1) es6+ spread syntax `return [...acc, ...Array.isArray(toFlatten) ? flatten(toFlatten) : [toFlatten]]` maybe not really any better that .concat but still a +
2) ES2019 introduce `.flat` so one-liner cheat is array.flat(Infinity) for any level deep

[rahalmehdiabdelaziz]

Thanks a lot for the video, just a note the music is troubling the voice

[amishagadhia]

Thank you very much for sharing this, I really appreciate you sharing interview questions. I have one question for you. I have an interview for front end developer position, and the company mentioned that it will be a web developer test that includes multiple-choice questions and open-ended questions how should I prepare for that any advice or suggestions?

[AjayKumar-idmb]

Do we have to solve the problem in JavaScript or we can use java or cpp?

For DSA ?

[sundushussain]

is this the only interview round u had and u got selected?

[МироваякухнясЕленой]

These questions for entry level position?

[greedo]

I would fucking smash this interview to pieces lol

[ashinshenoy]

Actually your flatten array doesnt work anymore
It should actually be this below to make it work ?

function flattenArray(arr){
return arr.reduce((accumulator, currentVal)=>{
return
}, [])
}

console.log(flattenArray([[1], [2, 3, 7], [4]]))

[piotrn]

Nice video but a bit hard to listen with this background music

[cyberprompt]

IIFE? i call it a self invoking function so i'd be like wtf are you talking about.