REAL Front End Interview Questions

REAL Front End Interview Questions - Whiteboard

Рет қаралды 30,270

Күн бұрын

Get my course - Ace the Front End Interview: gum.co/KlowV
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!
30 Seconds of Interviews: 30secondsofinterviews.org/
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 website/blog - peterelbaum.com
✉️ My newsletter (weekly on Sundays) - peterelbaum.com/subscribe/
🐦 Twitter: / peterelbaum
💻 GitHub: github.com/elbaumpj
📷 Instagram: / pelbaum_
--
My gear:
Main Camera: amzn.to/2Tv1WBe
Tripod: amzn.to/2t570AH
External HD: amzn.to/2t1UphI
Memory card: amzn.to/2UEQfIn
Computer mic: amzn.to/2t7mUue
--
Who am I?
I'm Peter Elbaum, a software engineer living in Raleigh, North Carolina. I make videos about code, personal finance and self improvement. I also have a newsletter (peterelbaum.com/subscribe/) and offer virtual office hours Thursdays 8-10PM EST for anyone learning to code ( / discord .
--
Icons made by Icongeek26 from www.flaticon.com

Пікірлер: 46

@PeterElbaum 4 жыл бұрын

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

@lastspoil5547 3 ай бұрын

Where do I look up and study these questions.

@furzaa 4 жыл бұрын

Front End Interview Questions. Thank you for content

@PeterElbaum 4 жыл бұрын

Absolutely mate. I appreciate the encouragement!

@salladiallo9766 2 жыл бұрын

@@PeterElbaum what do you think of coderbyte ? Is it a good source to prepare for the interview ? I would also like to add the book

@arcosd63 2 жыл бұрын

Thanks! This video was excellent!

@PeterElbaum 2 жыл бұрын

Glad it was helpful! :)

@leonardodeslf 2 жыл бұрын

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!

@PeterElbaum 2 жыл бұрын

Great callout! Thanks for watching :)

@drewbird87 3 жыл бұрын

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.

@PeterElbaum 3 жыл бұрын

Nice! It's cool to know I have some local subscribers :) Good luck in the interview! 🎉

@DimitriNakos 3 жыл бұрын

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

@PeterElbaum 3 жыл бұрын

You're very welcome! Good luck with the bootcamp!

@xinli2143 3 жыл бұрын

function shuffle(array){ for(let i=0;i

@gabrielfono844 3 жыл бұрын

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

@PeterElbaum 3 жыл бұрын

Hi there! Thanks for the encouragement. Like I said in the video, I don’t consider myself an expert on the algorithms/data structures type interviews that you find at the FAANG companies. That said, algoexpert.io seems to be a really good resource, as well as the book Cracking the Coding Interview. I hope that helps!

@AjayKumar-id7mb 2 жыл бұрын

Thanks

@PeterElbaum 2 жыл бұрын

No problem!

@amishagadhia3996 4 жыл бұрын

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?

@PeterElbaum 4 жыл бұрын

Hi there! Thanks for your question. Without knowing any more about the role, stack, etc., I would say to focus on the basics (HTML, CSS, JavaScript, and whatever the server side language is). I've never heard of a programming interview that contained multiple choice answers, so I'm at a bit of a loss. I'd say focus on the fundamentals and hopefully the rest will follow. 30 Seconds of Interviews (linked in the description) would be a good resource for this, I think.

@amishagadhia3996 4 жыл бұрын

Peter Elbaum Thank you very much. The job description basically mentioned all the front end technology like HTML5, CSS, JavaScript, Sass, bootstrap and Drupal CMS. So yes as you said I will prepare fundamentals. Once again thank you!

@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

@sundushussain4952 Жыл бұрын

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

@pavelluzanov3157 3 жыл бұрын

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

@PeterElbaum 3 жыл бұрын

Hey Pavel - great points. For #1, the spread syntax is probably a bit cleaner. Totally valid way of doing it. For the other, I actually wasn't aware of the .flat() method. That's great to know. Also doesn't hurt to be able to implement by hand :) Thanks for reaching out!

@pavelluzanov3157 3 жыл бұрын

@@PeterElbaum thanks, I didn't meant to neglect implementing that method by hand, quite the opposite, just as a side comment afterwards to show that candidate is well familiar with new ES specs

@AjayKumar-id7mb 2 жыл бұрын

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

@PeterElbaum 2 жыл бұрын

These are just examples, and I used JavaScript because that's what I know :) Feel free to practice in your language of choice!

@rahalmehdiabdelaziz8121 Жыл бұрын

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

@03greedo29 Жыл бұрын

I would fucking smash this interview to pieces lol

@keifer7813 Жыл бұрын

Alright tough guy

@03greedo29 Жыл бұрын

@@keifer7813 ? Meaning that I would ace this test. Not physically harm it ? LOL

@03greedo29 Жыл бұрын

@@keifer7813 Pleasee explain to the audience how one goes about physically harming a React interview test. Numb nuts🤣🤣🤣🤣🤣🤣🤣🤣🤣🤣

@user-yi1iu7bp7w 3 жыл бұрын

These questions for entry level position?

@PeterElbaum 3 жыл бұрын

I would say the majority are entry level, but the last two are a bit higher level.

@piotrn2491 4 жыл бұрын

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

@PeterElbaum 4 жыл бұрын

Thanks for your feedback! Do you mean that the choice of music is distracting from what I'm saying, or that the level is too high relative to my voice?

@piotrn2491 4 жыл бұрын

@@PeterElbaum Hi Peter, I would say that the music is a bit distracting from what you're trying to explain. Maybe it's just me :) However I enjoy your videos, they are really helpful!

@PeterElbaum 4 жыл бұрын

Okay perfect - thanks for clarifying. I’ll take that into consideration for future videos. Thanks for your encouragement as well!

@ashinshenoy84 2 жыл бұрын

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 accumulator.concat(currentVal) },[]) } console.log(flattenArray([[1],[2,3,7],[4]]))

@PeterElbaum 2 жыл бұрын

Thanks for the heads up, I'll take a look into this