Frontend Interview Questions
Tags: webdev, javascript, career, html
Published: 2020-06-08 04:27:32


Landing a job is hard work. While it’s impossible to know the answer to every question that an interviewer may asks you, there are a few common questions that you can prepare for.

People have no idea of **what kind of frontend interview questions** to expect when you’re applying for a job.

In this article, I’ll share some frequently asked Frontend interview questions from different interviews for programmers at different levels of experience.

Here is my list of some of the **most frequently asked coding interview questions from frontend job interviews**:

<h3>Machine Coding Interview Questions:</h3>

1. Create product result page (with filter, sorting) using vanilla JS
2. Create autocomplete
3. Create Calendar

<h3>Top Javascript Interview Questions</h3>
1. Difference between let, var and const
2. What is context in JS?
3. Difference between map, reduce and filter
4. Difference between class and function
5. Normal Function vs Arrow function
6. Difference between async and defer
7. Difference between == and ===
8. Difference between setTimeout and setInterval
9. What are the different DOM API’s
10. DOM vs Virtual DOM
11. How Event loop works
12. What is event delegation
13. Difference between call, bind and apply
14. Explain Promise
15. Throttling vs Debouncing
16. What is Closure and why should we use closure
17. What are the different internal storage and its differences
18. What is variable hoisting
19. Difference between document.ready(){} and window.onload(){}
20. What is async, preload, prefetch in script
21. Callback vs Promise
22. Explain Currying
23. Questions related to flatten array
24. Call by value vs Call by reference
25. Prototypal inheritance
26. How do you optimise page performance
27. Write polyfill for Filter, Reduce, Promise

<h3>Top CSS Interview Questions</h3>
1. Explain display properties and its difference
2. Explain position properties and its difference
3. Difference between div and span
4. What is box model
5. Difference between display: none; visibility: hidden; opacity: 0;
6. Create a Modal
7. What do you know about sprites
8. What are the different CSS preprocessor

<h3>Top HTML Interview Questions</h3>
1. What is DoctTYPE
2. What are the HTML5 tags
3. What is semantic HTML

<h3>Web Browser Related Questions</h3>
1. How does browser works
2. Cross browser testing
3. A/B testing
4. HTTP1 vs HTTP2
5. CORS
6. CI/CD

<h3>Tools Related Questions</h3>
1. <a href='https://dev.to/suprabhasupi/webpack-part-1-k69'> Webpack</a>
2. Babel
3. What is tree shaking

<h3>Other framework questions
</h3>
1. Explain how react works
2. Why are we using redux, state management.
3. React LifeCycle methods
4. Hooks Concept
5. Explain Context API
6. What is ref in React
7. Difference between pure component, function component and class component in React
8. What is Server Side rendering
9. What are the different testing techniques

I will try to add answers for the above questions soon. Good luck and let me know if you have any questions in comment section or <strong><a href="https://twitter.com/suprabhasupi">@suprabhasupi</a> 😋</strong></p>
<!-- /wp:paragraph -->

<table>
  <tbody>
    <tr>
      <td>
        🌟 <a href="https://twitter.com/suprabhasupi"> Twitter</a>
      </td>
      <td>
        👩🏻‍💻 <a href="https://www.suprabha.me/"> Suprabha.me</a>
      </td>
<td>
        🌟 <a href="https://www.instagram.com/suprabhasupi/"> Instagram</a>
      </td>
    </tr>
  </tbody>
</table>