logo
ExplainThis
  • ChatGPT and AI
  • Software Engineering
  • Tech Career
  • Table of Contents

    • Frontend engineering interview questions
  • HTML

    • What Is Semantic HTML?
    • Explain the Difference Between DOMContentLoaded, load, beforeunload and unload
    • Where Should the <script> Tags Be Placed in HTML? How About <link> Tags?
    • What Is the Difference Between async and defer in HTML Script Tag?
  • CSS

    • Explain the CSS Specificity
    • What Is the Difference Between px, em and rem in CSS?
    • Explain CSS Box Model
    • What Are Pseudo-classes and Pseudo-elements?
    • Explain CSS Position Property
    • What Are the Values of Display in CSS? What Is the Difference Between inline, block and inline-block? What Is the Difference Between display:none and visibility:hidden?
    • How to Center a Div with CSS?
  • Frontend Tooling

    • What Is JavaScript Modules?
    • What Is Webpack Loader And Plugin?
    • What Is Vite? What Problems Does It Solve?
  • Frontend Optimization

    • What are Reflow and Repaint? How to optimize?
  • Others

    • What is the difference between jpg, png, webp and svg? When should we use which one?
    • What Is SPA (Single-Page Application)? What Are Its Advantages and Disadvantages?

Table of Contents

Frontend interview questions

August 27, 2023

HTML

  • What Is Semantic HTML?
  • Explain the Difference Between DOMContentLoaded, load, beforeunload and unload
  • Where Should the <script> Tags Be Placed in HTML? How About <link> Tags?
  • What Is the Difference Between async and defer in HTML Script Tag?

CSS

  • Explain the CSS Specificity
  • What Is the Difference Between px, em and rem in CSS?
  • Explain CSS Box Model
  • What Are Pseudo-classes and Pseudo-elements?
  • Explain CSS Position Property
  • What Are the Values of Display in CSS? What Is the Difference Between inline, block and inline-block? What Is the Difference Between display:none and visibility:hidden?
  • How to Center a Div with CSS?

Frontend Tooling

  • What Is JavaScript Modules?
  • What Is Webpack Loader And Plugin?
  • What Is Vite? What Problems Does It Solve?

Frontend Optimization

  • What are Reflow and Repaint? How to optimize?

Others

  • What is the difference between jpg, png, webp and svg? When should we use which one?
  • What Is SPA (Single-Page Application)? What Are Its Advantages and Disadvantages?

👇 Sponsor Ads

Next
What Is Semantic HTML? →