Xogene Junior Frontend Developer Interview Questions and Answers

Q1. Given api url get data from API and render in UI and create custom pipe for change id into 1**8
Add your answer
Q2. What challenges faced during migration angular 12 to 17 and how to fix What is reducer in ngrx and how to create How to flat an array and sorting
Add your answer
Q3. Suppose we have two components parent and child relationship. In child component one button how can access these methods in parents component Suppose we have 3 components if changes in componentA then how...read more
Add your answer

Q1. Interviewer was not letting complete my response
Add your answer
Q2. If i was giving correct response, then he was interrupting and changing the question.
Add your answer

Q1. React QA and javascript QA
Add your answer

Even after answering all the questions correctly along with coding done with exact expected output you will get rejected becoz they are fake job interview or eye wash campaign it’s better to avoid.

Q1. What is the difference between debounce and throttling
Ans. 
Debounce delays the execution of a function until after a specified time period, while throttling limits the rate at which a function can be executed.
• Debounce waits for a specified time period of inactivity before executing the function, while throttling limits the rate at which the function can be called.

• Debounce is useful for scenarios like search bars where you want to wait for the user to finish typing before makin...read more
Answered by AI
Add your answer
Q2. What was used before Rest APIs
Ans. 
SOAP (Simple Object Access Protocol) was used before Rest APIs for web services communication.
• SOAP was a protocol for exchanging structured information in the implementation of web services.

• SOAP used XML for message format and relied heavily on HTTP for communication.

• SOAP was more rigid and complex compared to Rest APIs, which are more lightweight and flexible.

• Examples of SOAP-based web services include Microsoft's .NE
Answered by AI
Add your answer

Q1. Angular advanced concepts?
Add your answer
Q2. Javascript coding round ?
Add your answer

Q1. 1. Html related tags questions, new tags in htmls, what is inline block, sigular tag 2. css related question: what is selector, how to apply css for global, flex 3. javascript questions, need to give outpu...read more
Add your answer

Q1. 2nd round was also the technical. those who are selected in both round was going to get result in next working day.
Add your answer

Q1. Types of Promises
Ans. 
Promises in JavaScript are objects representing the eventual completion or failure of an asynchronous operation.
• Promises can be in one of three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() to handle success and .catch() to handle errors.

• Promises can be created using the Promise constructor or by using async/await syntax.
Answered by AI
Add your answer
Q2. Difference between useState and useEffect
Ans. 
useState is used to manage state in functional components, while useEffect is used to perform side effects in functional components.
• useState is used to declare state variables in functional components.

• useEffect is used to perform side effects in functional components, such as data fetching, subscriptions, or manually changing the DOM.

• useState does not trigger re-renders, while useEffect can be used to trigger re-render...read more
Answered by AI
Add your answer
Q3. What is Callback hell
Ans. 
Callback hell is a situation where multiple nested callbacks make the code difficult to read and maintain.
• Occurs when multiple asynchronous operations are nested within each other

• Leads to deeply nested code structure which is hard to understand

• Can be avoided by using Promises, async/await, or modularizing code
Answered by AI
Add your answer
Q4. Difference between traditional function and arrow function
Ans. 
Traditional functions are defined using the function keyword, while arrow functions are defined using a concise syntax with =>.
• Traditional functions are hoisted, while arrow functions are not.

• Arrow functions do not have their own 'this' keyword, they inherit it from the parent scope.

• Arrow functions are more concise and easier to read compared to traditional functions.

• Traditional functions are better for methods in obje...read more
Answered by AI
Add your answer
Q5. Usecase to create counter in react
Ans. 
Creating a counter in React to increment and decrement a value.
• Create a state variable to store the count value

• Use setState to update the count value

• Render the count value in the component

• Add buttons to increment and decrement the count value
Answered by AI
Add your answer
Q6. Program to find frequency of letters in a string
Ans. 
Program to find frequency of letters in a string
• Create an object to store the frequency of each letter

• Loop through the string and increment the count of each letter in the object

• Convert the object into an array of strings with letter and frequency pairs
Answered by AI
Add your answer
Q7. Program to find if substring is present in a given string without using predefined functions
Ans. 
Iterate through the given string to check if the substring is present.
• Iterate through the given string and check if each character matches the first character of the substring.

• If a match is found, check the subsequent characters to see if they form the substring.

• Return true if the entire substring is found within the given string, otherwise return false.
Answered by AI
Add your answer

Q1. Lots of questions about ANGULAR, HTML, CSS & Js. Seems like rapid fire round.
Add your answer
Q2. Typescript based questions.
Add your answer
Q3. Angular lifecycle
Add your answer
Q4. Difference between SVG & CANVAS
Ans. 
SVG is a vector-based graphics format while Canvas is a bitmap-based graphics format.
• SVG uses XML to define graphics and is resolution-independent.

• SVG elements can be styled with CSS and manipulated with JavaScript.

• Canvas is a pixel-based grid where graphics are drawn programmatically.

• Canvas is more suitable for complex animations and real-time rendering.

• Canvas has better performance for rendering large amounts of data
Answered by AI
Add your answer
Q5. Routing in Angular
Ans. 
Routing in Angular allows for navigation between different components and views within an application.
• Angular's router module provides a way to define routes and their corresponding components.

• Routes can be configured with path, component, and other properties.

• RouterOutlet is used to display the component associated with the current route.

• RouterLink is used to navigate to different routes.

• Child routes can be defined to...read more
Answered by AI
Add your answer