Code Monkey home page Code Monkey logo

how-to-ace-frontend-interviews's Introduction

⚡️ How to ace your frontend interviews? ⚡️

TL;DR

  1. There are 11 practical front end interview questions & answers in this repo.
  2. Topics related to JavaScript, DOM mutation, React, React Hooks.

Do you know how to prepare for a front-end interview? Cause I didn't.

Hey there 👋🏻

Many sites today are generating interview questions about algorithms and data types. But such heavy operations are not done on the front-end side. Front-end developers should pay more attention to the UI/UX or front-end.

While I was preparing for a front-end position interview, I've worked on very complex algorithms. However, when I went thorough the interview, the questions asked to me were mostly about "How to implement this feature without package?", "Filtering something", "Fetch & show some data in React"... I realized that while solving even the simplest questions, I did it in more complex ways.

So I've decided to prepare practical questions & answers for front-end interviews so that you don't have the same problems. There are 10 questions right now, but I'll add more over time. Topics are as follows:

JavaScript 3 questions:

  1. Currying Function: https://codesandbox.io/s/fe-interview-javascript-q1-curry-function-ds0x88
  2. Higher Order Functions: https://codesandbox.io/s/fe-interview-javascript-q2-higher-order-functions-bpfmb4
  3. Debounce & Throttle : https://codesandbox.io/s/fe-interview-javascript-q3-debounce-throttle-5k063y

DOM Mutation 3 questions:

  1. Grocery List: https://codesandbox.io/s/fe-interview-dom-mutation-q1-grocery-list-r5bzcb
  2. Simgle Draggable List: https://codesandbox.io/s/fe-interview-dom-mutation-q2-simple-draggle-list-x12svp
  3. Timer Part-1(Legacy Code): https://codesandbox.io/s/fe-interview-dom-mutation-q3-timer-legacy-code-part-1-991vvo

React 2 question:

  1. Timer Part-2: (Legacy code moving to React) https://codesandbox.io/s/fe-interview-react-q1-timer-legacy-code-moving-to-react-part-2-jg70qx
  2. withStyling(HOC approach): https://codesandbox.io/s/react-hoc-pdx9l2

React Hook 3 questions

  1. usePrevious: https://codesandbox.io/s/fe-interview-react-hooks-q1-useprevious-nhykpf
  2. useFetch: https://codesandbox.io/s/fe-interview-react-hooks-q2-usefetch-rzi8m2
  3. useWindowSize: https://codesandbox.io/s/fe-interview-react-hooks-q3-usewindowsize-3wcmfh

🛑 NOTE: If you think any solution is incorrect or can be done in better ways. Just send me yours solution and I'll change it.

Questions like these are important questions to be done on the front-end. Hopefully it benefits your business. 🤘🏻

how-to-ace-frontend-interviews's People

Contributors

vfurkanguner avatar

Stargazers

Alper Erdogan avatar Ebrar  avatar Gizem Ulubayam avatar ezgi kara avatar İbrahim F. Kayan avatar Halil Can avatar Gökhan Öztürk avatar Betül Ünver avatar Göktuğ Sevgil avatar Aliyavar_Guluzada avatar Enes avatar Ömer Karaman avatar  avatar swoxy avatar Himanshu Kumar SIngh avatar Furkan Portakal avatar Ahmet Metin Arslan avatar Necmettin Deligöz avatar Dilan avatar bytebadger avatar  avatar Mert Çetin avatar Serhat Nebiler avatar Firat avatar Muhammet Varol avatar Nurullah Kılıç avatar Yusuf  avatar Seckin Ersoy avatar Hasan Sezai Türkyılmaz avatar Kağan avatar Çağla Nur Yuva avatar Yasin Türk avatar Yusuf Yılmaz avatar Gamze Ebru Altıkulaç avatar Cihat SALİK avatar Kahraman avatar Ahmet AYDAR avatar Mustafa Emir Akay avatar Adil Mert ŞAHİN avatar Yunus Emre GÜRLÜ avatar Berkan Serbes avatar İrem Hazal Karakaya avatar onurhan avatar Emircan Omak avatar Devrim Ayyıldızlı avatar Fatih Erik avatar Enginovic avatar Melih Karataş avatar Elif Nur Karakoç avatar Hatice Saike avatar Mehmet Eren Çelik avatar Fatih Sirinoglu avatar Seda Ünal avatar Roman avatar Enbiya avatar Sercan LÜLLECİ avatar  avatar Mehmet Halis avatar Orhan ÖKSÜZ avatar Nurullah Torun avatar Firdes Oya avatar Mehmet Seven avatar

Watchers

 avatar

Forkers

tunahan-ozturk

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.