TCS iON Front end Developer Interview Questions and Answers

Q1. React js Basic Question
Add your answer
Q2. Coding Question Giving API to call and show in UI
Add your answer

Q1. Difference between foreach and map
Ans. 
foreach is used to iterate over an array without returning a new array, while map creates a new array by applying a function to each element.
• foreach does not return a new array, while map does

• foreach does not modify the original array, while map creates a new array

• foreach is used for iterating over elements, while map is used for transforming elements

• Example: foreach - array.forEach(item => console.log(item)), map - ar
Answered by AI
Add your answer
Q2. Explain rxjs operators
Ans. 
RxJS operators are functions that enable complex asynchronous operations and data manipulation in reactive programming.
• RxJS operators are used to transform, filter, combine, and create observables.

• Operators can be categorized into creation operators, transformation operators, filtering operators, combination operators, and utility operators.

• Examples of operators include map, filter, mergeMap, switchMap, debounceTime, a
Answered by AI
Add your answer

Find reverse string using array

Q1. What are Routing Guards?
Ans. 
Routing guards are used in Angular to control access to certain routes based on certain conditions.
• Routing guards are used to protect routes in Angular applications.

• They can be used to control access based on authentication status, user roles, etc.

• There are different types of routing guards like CanActivate, CanActivateChild, CanDeactivate, CanLoad.

• Example: CanActivate guard can be used to check if a user is authentica
Answered by AI
Add your answer

Q1. What is mean by dom
Ans. 
DOM stands for Document Object Model, which is a programming interface for web documents.
• DOM is a representation of the structure of a web page, allowing scripts to dynamically access and update the content, structure, and style of the document.

• It provides a way for scripts to interact with the web page by accessing and manipulating elements like text, images, forms, etc.

• DOM is platform and language-independent, allowi...read more
Answered by AI
Add your answer
Q2. Explain promise in typescript
Ans. 
Promises in TypeScript are objects representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations in a more readable and manageable way.

• They 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.

• Example: const myPromise = new Promise((resolve, reject) => { ...
Answered by AI
Add your answer
Q3. Explain hooks in javascript
Ans. 
Hooks in JavaScript are functions that let you use state and other React features without writing a class.
• Hooks were introduced in React 16.8 to allow functional components to have state and lifecycle methods.

• useState() is a hook that allows you to add state to functional components.

• useEffect() is a hook that allows you to perform side effects in functional components.

• Custom hooks are functions that allow you to reuse
Answered by AI
Add your answer
Q4. Write a program 1 to 100 prime numbers
Ans. 
Generate an array of prime numbers from 1 to 100.
• Iterate from 1 to 100 and check if each number is prime

• A prime number is only divisible by 1 and itself

• Start with a list of prime numbers and check divisibility
Answered by AI
Add your answer