Maintec Technologies Frontend Developer Intern Interview Questions and Answers

Q1. What are AOT and JIT in Angular?
Ans. 
AOT and JIT are compilation techniques in Angular.
• AOT (Ahead-of-Time) compilation is done at build time, converting TypeScript and HTML code into efficient JavaScript code before the browser runs it.

• JIT (Just-in-Time) compilation is done at runtime, converting TypeScript and HTML code into JavaScript code while the application is running.

• AOT improves performance by reducing the size of the bundle and optimizing the cod...read more
Answered by AI
Add your answer
Q2. Observables vs promises
Ans. 
Observables are streams of data that can be subscribed to, while promises are a single future value.
• Observables can handle multiple values over time, while promises can only handle a single value.

• Observables are cancellable, while promises are not.

• Observables support operators like map, filter, and reduce for data transformation.

• Promises have a simpler API with just then and catch methods.

• Observables are lazy, meaning ...read more
Answered by AI
Add your answer
Q3. What is data binding and types?
Ans. 
Data binding is the automatic synchronization of data between the model and view components in an application.
• Data binding allows for the seamless updating of data in the model and reflecting those changes in the view without manual intervention.

• There are two types of data binding in Angular: one-way binding and two-way binding.

• One-way binding updates the view when the model changes, while two-way binding updates both ...read more
Answered by AI
Add your answer
Q4. What is closure?
Ans. 
Closure is a function that has access to its own scope, as well as the scope of its outer function.
• A closure allows a function to access variables from its outer function even after the outer function has finished executing.

• Closures are commonly used in JavaScript to create private variables and functions.

• Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(oute
Answered by AI
Add your answer
Q5. Lazyloading in angular
Ans. 
Lazy loading in Angular is a technique used to load modules only when they are needed, improving performance.
• Lazy loading helps reduce initial load time by loading modules on demand

• Implemented using loadChildren property in routes configuration

• Lazy loaded modules have their own routes and components
Answered by AI
Add your answer
Q6. Directives in Angular and Types
Ans. 
Directives in Angular are markers on a DOM element that tell Angular to attach a specified behavior to that DOM element or transform the DOM element and its children.
• Directives are used to create reusable components in Angular.

• There are three types of directives in Angular: Component, Structural, and Attribute directives.

• Examples of directives include ngIf, ngFor, and ngStyle.
Answered by AI
Add your answer

Pagination task and filter table data

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. Angular basic, JS basic
Add your answer
Q2. Some output questions and DSA problems.
Add your answer

Reactive form with 2 fields and closure function Array function

He had given JavaScript questions first & he asked about the output of that questions topics related is like - function, async & await, setTimeout.

Q1. const transaction = [
{id: 1, amount: 100, type: "credit"},
{id: 2, amount: -50, type: "debit" },
{id: 3, amount: 200, type: "credit"},
{id: 4, amount: -150, type: "debit"},
{id: 5, amount: 50, type: "credit"}
];

const threshold = 100;

O/P - {
balance: 150,
exceededTransactions: [1, 3, 4, 5]
}

Q2. Anagrams
I/P: ["abc", "bca", "cat", "act"]
O/p - [["abc", "bca"],["cat","act"]]

2 problems, coding problems, java script

Q1. React version, redux middleware
Add your answer

Q1. What is difference between useState, useContext and redux
Ans. 
useState is for managing state within a component, useContext is for sharing state between components, and redux is for managing global state across the application.
• useState is a React hook used to manage state within a functional component

• useContext is a React hook used to share state between components without prop drilling

• Redux is a state management library that allows for managing global state across the applicatio...read more
Answered by AI
Add your answer
Q2. What is the difference between== and ===
Ans. 
The difference between == and === in JavaScript
• == is the equality operator in JavaScript, which performs type coercion before comparing two values

• === is the strict equality operator, which does not perform type coercion and compares both value and type

• Using === is generally considered safer and more predictable than using ==

• Example: 1 == '1' will return true, but 1 === '1' will return false
Answered by AI
Add your answer

Q1. What is call and apply in JS
Ans. 
call and apply are methods in JS used to invoke a function with a specified 'this' value and arguments.
• call() method is used to invoke a function with a specified 'this' value and arguments provided individually

• apply() method is used to invoke a function with a specified 'this' value and arguments provided as an array

• Both methods are used to borrow methods from other objects, and to set the 'this' value explicitly
Answered by AI
Add your answer