DEV Community

Cover image for List of FAANG front-end coding questions.
anjan-dutta
anjan-dutta

Posted on

1

List of FAANG front-end coding questions.

  • Star Rating

  • Design Pop Over

  • Design Accordion (Amazon onsite)

  • Design Carousel

  • Design grid using HTML/CSS and Javascript with search and sort, event bubbling (Amazon onsite)

  • Design NavBar

  • Infinite Scroll

  • Typeahead / autocomplete using trie

  • Implement Debounce function

  • Implement tic tac toe

  • Make snake ladder board

  • Make calendar of any Month like Date Picker

  • Implement throttle function

  • Implement custom Higher Order Functions like Map, Reduce, Filter, Sort (Amazon Phone Interview)

  • Create an analog clock

  • Make a todo list

  • Create functionality to change all text on page to different translations

  • Build a calculator (add/subtract/multiply/divide/log/pow)

  • Search and display Giphy images (through Giphy api) in responsive format

  • Build Connect Four

  • Implement Nested Checkboxes (parent is checked, children are checked and vice versa. Must use actual checkbox input)

  • Implement a poll widget

  • Implement Event Emitter

  • Implement promise.all function

  • Flatten nested Javascript Array without using Array.prototype.flat()

  • Implement Sort() function.

  • Implement promise.all function

  • LRU Cache (Netflix onsite)

  • Make snake ladder board

  • Make calendar of any Month

  • Implement throttle function

  • Implement an event emitter

  • Implement a hashtable

  • Create an analog clock

  • Make a todo list

  • Build Connect Four

  • Implement Material UI Chips with auto-suggest (Amazon SDE I)

  • When sending an e-mail, auto-suggest people and convert them into a chip with their avatar on the right

  • Implement a Carousel

  • Show default if the image doesn't exist. Prefetch the images.

  • Inversion of Object

  • Given an object make the keys as values and values as keys.

  • Recursively destructure if the type of value is an object

  • Write Throttle function without the use setTimeout() and clearTimeout()

  • Create a "Select" component using HTML + CSS + js.

  • Implement reusable table component.

I will publish code/solutions to all of the above questions gradually. Follow me here for my future article updates.

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (2)

Collapse
 
metagross_79 profile image
Pushkar R Satpute

Thanks for sharing, looking forward to solutions and more amazing content!

Collapse
 
anjandutta profile image
anjan-dutta

You are welcome, and yes I am preparing more amazing content which will surely benefit a lot of people.

Billboard image

Create up to 10 Postgres Databases on Neon's free plan.

If you're starting a new project, Neon has got your databases covered. No credit cards. No trials. No getting in your way.

Try Neon for Free →

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay