loading...

Favorite Front-end/UI developer interview questions?

coffeecraftcode profile image Christina Gorton ・1 min read

Hey Dev community! Hit me with your favorite front-end/UI developer interview questions.

HTML, CSS, JavaScript, Accessibility etc.

Helping a student today prep for a final interview 🙏

Discussion

pic
Editor guide
Collapse
mzzfederico profile image
Federico Muzzo
  • How does a browser request for resources; what are verbs and the fundamental headers (content-type, cors & origin issues)?
  • What is hoisting? How does it impact code execution?
  • What are closures? Common applications?
  • What's the reason behind the infamous behaviour of this? Why we have to bind it?
  • Arrow functions vs function expressions, what's the practical difference other than the syntax?
  • Why do we call functions 1st class in JavaScript?
  • How do you listen for events in JavaScript, and how do you deal with bubbling and unwanted side effects?
  • == vs ===. Why we want to avoid == as possible?

  • Common issues with accessibility: nonsemantic HTML, handling focus, contrast ratios and color blindness

  • "Controlled" vs "uncontrolled" HTML elements

  • Semantic tags?

Collapse
tdotholla profile image
Kiel

A lot of these are great but come from a line of 'traditional' / 'booksmart' thinking..
which is great for probing and making sure candidates have the knowledge behind knowing how to answer the question... but for a lot of these i'd accept an "i don't know, but i'd look at the API docs for this method/class and learn how to manipulate the js object or function to my need"

yakno? js evolves so quick; knowing the fundamentals of OOP + quick absorption of docs + knowing how to quickly iterate = a winner

Collapse
mzzfederico profile image
Federico Muzzo

I was mostly pointing out the common ones for front enders.

The memorable ones from my last interview were also:

  • how do you approach this one project, where do you start, what's your thought project

  • how do you deal with a colleague that won't give up an idea that you find very wrong

  • will you trust your boss decisions even if you won't always get the entire picture

I don't know if you can "study" these

Thread Thread
abekonge profile image
Info Comment marked as low quality/non-constructive by the community. View code of conduct
David Walther Birk

The boss one is a red flag to me. Will you be a good slave?

Thread Thread
mzzfederico profile image
Federico Muzzo

Spoiler alert: yes it's a red flag

But also I'm always kinda stupid and overwork myself

Collapse
macskeptic profile image
♥ ☕

OOP is mostly a disservice to producing quality code

Collapse
cecheverri4 profile image
Cristian Echeverria

Oh wow, I realized that I know the answer to ALL these questions!! That's amazing!

Collapse
coffeecraftcode profile image
Collapse
thgh profile image
Thomas Ghysels
  • Please estimate how long it would take to build this webapp based on these requirements?
  • What if you only have half an hour?
  • Let's build it. Now. Together.

This gives us insight in how you handle challenges and if you can prioritise the features that bring value.

Collapse
ben profile image
Ben Halpern

Assuming they'd be expected to know about the "virtual DOM", popularized by React and others, asking why the virtual DOM is needed and how it generally works high level.

Collapse
coffeecraftcode profile image
Collapse
jonrandy profile image
Jon Randy

"Do you agree that React is massively overused and is basically like using a sledgehammer to crack a nut in most cases?"

Collapse
recss profile image
Kevin K. Johnson

Seems a bit leading, no?

Collapse
jonrandy profile image
Jon Randy

😛 Certainly, but how they respond would reveal a lot

Collapse
garador profile image
Garador

I loled xD

Collapse
olivvv profile image
olivvv

What is the difference between the focus and the caret ?
(Actually I use that question when I am grilled by people who know a js framework very well, have very limited frontend knowledge and try to establish a position of dominance. )

Collapse
salyadav profile image
Saloni Yadav

I was given an object and asked to create a copy.
I happily said Object.assign...
So these there the follow ups that screwed me over-

  1. What if it has nested objects, then Object.assign wont deep clone it. (where i answered with a loop to resolve this issue)
  2. What if there is a cyclic dependency? (I was stuck, but the interviewer insinuated to the tortoise-hare algo of two pointer solution to crack the cyclic dependency, although i still dont think that will help).

Note- I was to answer in VanillaJS, so answers like Lodash deep clone wouldnt work.
Anyways, I went back and learnt a lot while exploring this concept.

Collapse
arswaw profile image
Arswaw

How would you make a basic grid?

Collapse
tdotholla profile image
Kiel

"html table or css grid"

Collapse
arswaw profile image
Arswaw

Unless you were using it to display tabular data I wouldn't use


Collapse
salyadav profile image
Saloni Yadav

Also if somebody was asked a UI design question- please put that up as well! Christina, can you ask for this in your post as well? Some companies give you a days time to design a mock website. Such questions would help too!

Collapse
miteshkamat27 profile image
Mitesh Kamat
  1. The famous setTimeout question.(event loop)
  2. Variable and function hoisting.
Collapse
adnanbabakan profile image
Adnan Babakan (he/him)

Do you think that tools like Webpack, SASS or jQuery made us to use them even for a single landing page? And what would you do to avoid it?