Frontend 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?