Black Ink Admin cum Front Office Executive Interview Questions and Answers

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. MCQ questioons were there based on angular framework
Add your answer
Q2. Services mcq were there
Add your answer

Q1. What is Dependecy Injection
Ans. 
Dependency Injection is a design pattern in which a class receives its dependencies from external sources rather than creating them itself.
• Allows for easier testing by injecting mock dependencies

• Promotes reusability and modularity by decoupling components

• Reduces code duplication by centralizing dependency creation

• Example: Angular uses Dependency Injection to provide services to components
Answered by AI
Add your answer
Q2. What is routing
Ans. 
Routing is the process of navigating between different pages or views in a web application.
• Routing allows users to move between different parts of a web application without reloading the entire page

• It is implemented using a router module in Angular, which maps URLs to components

• Routes can have parameters that can be passed to components for dynamic content

• Routing can be used to create single-page applications (SPAs) wh
Answered by AI
Add your answer

Q1. Personal information
Add your answer
Q2. Qualifications
Add your answer

General aptitude and reasoning skills.

Building a user interface for a food point of sale (POS) application.

Q1. Salary discussion
Add your answer

Coding a frontend UI from provided image. And creating a fucntional star rating system

Q1. Designing a Component API in React using Typescript.
Ans. 
Designing a Component API in React using Typescript involves defining props, state, and methods for the component.
• Define the props interface to specify the expected input data for the component

• Use typescript types to ensure type safety and prevent runtime errors

• Define the state interface to manage the internal state of the component

• Implement methods to handle user interactions and component logic

• Document the component
Answered by AI
Add your answer
Q2. Create a function that can clear all the timer ids at once.
Ans. 
Function to clear all timer ids at once
• Create an array to store all timer ids

• Iterate through the array and clear each timer id using clearTimeout() function
Answered by AI
Add your answer

Q1. Basic angular questions
Add your answer
Q2. Scenario based questions
Add your answer
Q3. NgRx related questions
Add your answer

Q1. Dom manipulation and React hooks
Add your answer
Q2. Use call back in depth
Ans. 
Callbacks are functions passed as arguments to another function to be executed later
• Callbacks are commonly used in event handling, asynchronous programming, and functional programming

• Callbacks can be synchronous or asynchronous

• Example: passing a callback function to a setTimeout() function
Answered by AI
Add your answer
Q3. Promises based coding question
Add your answer

Q1. CSS Box-model definition
Ans. 
CSS Box-model defines how elements are rendered in a webpage, including padding, border, and margin.
• Box-model consists of content, padding, border, and margin

• Content area is where text or images are displayed

• Padding is the space between content and border

• Border is the line around the content and padding

• Margin is the space outside the border
Answered by AI
Add your answer
Q2. Difference b/n flexbox and grid
Ans. 
Flexbox is for one-dimensional layouts, grid is for two-dimensional layouts.
• Flexbox is best for arranging items in a single row or column.

• Grid is best for creating complex layouts with rows and columns.

• Flexbox is more suitable for smaller scale layouts, while grid is better for larger scale layouts.

• Flexbox is more flexible in terms of item order and sizing, while grid provides more control over the overall layout.

• Both
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 page.

• It provides a way for scripts to interact with the elements on a web page, such as changing text, styles, and attributes.

• DOM is hierarchical, with elements nested inside other eleme...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