Wissen Infotech Front end Developer Interview Questions and Answers

Q1. Positions in CSS
Ans. 
Positions in CSS refer to the different ways elements can be placed on a webpage.
• Static: default positioning, elements flow in the order they appear in the HTML

• Relative: positioned relative to its normal position

• Absolute: positioned relative to its nearest positioned ancestor

• Fixed: positioned relative to the viewport and does not move when scrolled
Answered by AI
Add your answer
Q2. Event loop in javascript
Ans. 
Event loop in JavaScript manages asynchronous operations by executing callback functions in a queue.
• Event loop is responsible for handling asynchronous operations in JavaScript.

• It allows non-blocking I/O operations by executing callback functions in a queue.

• Event loop continuously checks the call stack and the callback queue to prioritize tasks.
Answered by AI
Add your answer

Q1. What is clouser in js
Ans. 
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
Answered by AI
Add your answer

Q1. Why you want change the job
Add your answer

Hacker Rank Online Written Test

Topics covered DSA and Javascript

Q1. Display a list of items using Pagination concept in React using any online coding editor.
Ans. 
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
Answered by AI
Add your answer
Q2. Check if pair sum exists in the array (Two Sum)?
Ans. 
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.
Answered by AI
Add your answer
Q3. React LifeCycle?
Add your answer
Q4. How do you improve the performance of a website?
Ans. 
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
Answered by AI
Add your answer
Q5. What is NextJS?
Ans. 
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
Answered by AI
Add your answer

Q1. Basic JS concepts and programming related to them
Add your answer
Q2. HTML, CSS questions
Add your answer
Q3. Framework knowledge
Add your answer

Q1. Problem solving related to algorithms and data structures
Add your answer

Q1. Basic JS & React JS question
Add your answer

Q1. Advance level of JS and React related question and coding skills test as well.
Add your answer

Q1. What are your salary expectations?
Ans. 
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.
Answered by AI
Add your answer

Q1. Clousers in Javascript
Ans. 
Closures are functions that have access to variables in their outer scope, even after the outer function has returned.
• Closures are created when a function is defined inside another function.

• The inner function has access to the outer function's variables and parameters.

• Closures can be used to create private variables and methods.

• Closures can also be used to create functions with pre-set arguments.
Answered by AI
Add your answer
Q2. Difference between use ref and create ref
Ans. 
useRef is a hook used to create a mutable ref object, while createRef is a method used to create a ref object.
• useRef is a hook provided by React, while createRef is a method provided by the React library.

• useRef can be used in functional components to create a mutable ref object that persists across renders.

• createRef is used in class components to create a ref object that can be attached to a DOM element.

• useRef can also...read more
Answered by AI
Add your answer

Q1. Angular basics regarding lifecycle hooks, rxjs, data bindingetc
Add your answer
Q2. Coding to find the common characters comparing 3 strings
Ans. 
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
Answered by AI
Add your answer