Frontend Interview Questions

This page contains a collection of questions commonly asked in technical interviews for Junior/Middle Front-end Developer positions. The playlist will be valuable not only for candidates, as it offers a quick way to prepare for interviews by reviewing essential topics, but also for technical specialists conducting interviews, as it provides a comprehensive set of questions across key areas. All questions are formulated as clearly as possible to avoid confusing candidates, and the answers are detailed yet concise, helping to save time on preparation.

Over time, this list will continue to grow, with new questions and topics added to ensure it remains relevant and covers the latest trends in front-end development.

Support the project

HTML

• What is doctype, and what is it used for?
• Describe the basic structure of an HTML page.
• What is semantics, and which semantic tags do you know?
• What is the difference between the <strong>/<em> and <b>/<i> tags?
• What is validation? What types of HTML document validation do you know?
• Which tag should be used to create a button?
• What is inline styling? Can it be overridden?
• Do HTML elements have their own default styles?
• Which tag uses the alt attribute, and what is it for?
• What are the types of lists in HTML?
• How to semantically structure an image with a caption?
• What is HTML, and what is it used for?
• Input Types in HTML
• What is the Canvas element, and what is it used for?

CSS

• What is CSS, and what is it used for?
• Ways to add CSS styles to a page?
• Types of positioning in CSS?
• CSS Box Model?
• What is a selector? What types of selectors exist?
• What is selector specificity? How is the specificity weight calculated?
• What is the difference between Reset.css and Normalize.css?
• What is the difference between margin and padding?
• What is the difference between display: none and visibility: hidden?
• What is the difference between block and inline elements?
• What is the difference between adaptive and responsive design
• What is a CSS rule
• The Difference Between Class and ID in CSS
• What is a CSS Sprite and what is it used for?

JavaScript

• Data types in JavaScript?
• Difference between == and ===?
• Strict mode in JavaScript?
• Difference between function declaration and function expression?
• What is the difference between null and undefined?
• What is hoisting?
• What are the "AND" and "OR" operators (&& and ||)?
• What types of timers are there in JavaScript?
• What is scope?
• What is the difference between “let,” “const,” and “var”?
• What are higher-order functions?
• How do we convert any data type to a boolean, and what values are considered falsy in JavaScript?
• String Methods in JavaScript
• Array Methods in JavaScript
• The Difference Between preventDefault and stopPropagation in JavaScript

JSDOM

• What is the DOM?
• What is event propagation?
• What is event delegation?
• DOM Element Search Methods

Practice

• Function to check for a palindrome
• Function to find the shortest word
• Function for generating initials
• Function for summing all the digits of a number