Happiest Minds Technologies Front end Developer Interview Questions and Answers

Finding common characters in 3 strings using coding

• Create a function that takes in 3 strings as input

• Iterate through each character of the first string and check if it exists in the other 2 strings

• Store the common characters in an array and return it

Closure in JavaScript is the combination of a function and the lexical environment within which that function was declared.

• A closure allows a function to access variables from an outer function even after the outer function has finished executing.

• Closures are created every time a function is created, at function declaration time.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunct...read more

Use CSS property 'text-overflow: ellipsis' to truncate text.

• Set 'white-space: nowrap' to prevent text from wrapping

• Set 'overflow: hidden' to hide any overflowing text

• Set 'text-overflow: ellipsis' to add ellipsis (...) at the end of the truncated text

Create a responsive one page website with static content.

• Use HTML and CSS to create the structure and style of the website.

• Make sure to use media queries for different screen sizes.

• Include a navigation menu for easy access to different sections.

• Optimize images and content for faster loading times.

• Test the website on different devices to ensure responsiveness.

I am open to discussing salary based on the responsibilities and requirements of the position.

• I am flexible and open to negotiation.

• I am looking for a fair and competitive salary.

• I am more interested in the overall compensation package rather than a specific number.

• I would like to be compensated based on my skills, experience, and the value I can bring to the company.

Display a list of items using Pagination concept in React

• Create a list of items to display

• Implement pagination logic to display a limited number of items per page

• Add navigation buttons to switch between pages

Check if pair sum exists in the array using a hash map.

• Use a hash map to store the difference between the target sum and each element in the array.

• Iterate through the array and check if the current element exists in the hash map.

• Return true if a pair sum exists, otherwise return false.

Improving website performance involves optimizing code, reducing server requests, using caching, and optimizing images.

• Optimize code by minifying CSS, JavaScript, and HTML

• Reduce server requests by combining files and using asynchronous loading

• Utilize caching techniques like browser caching and server-side caching

• Optimize images by resizing, compressing, and using modern image formats like WebP

NextJS is a React framework that allows for server-side rendering and static site generation.

• NextJS is built on top of React, providing features like server-side rendering and static site generation.

• It simplifies the process of building React applications by handling routing, code splitting, and more out of the box.

• NextJS also supports API routes for serverless functions and data fetching.

• It offers features like automa...read more