Unicommerce Esolutions
BOMAG Interview Questions and Answers
Q1. GIve and describe examples of ES 6 features like object destructuring, arrow fxns, array.filter/reduce/indexOf etc.
ES6 features like object destructuring, arrow functions, array methods
Object destructuring allows for easy extraction of values from objects
Arrow functions provide a concise syntax for writing functions
Array.filter() allows for filtering of elements based on a condition
Array.reduce() allows for reducing an array to a single value
Array.indexOf() returns the index of the first occurrence of a specified element
Q2. How would you center align div inside div
Use CSS to set margin to auto for horizontal centering and text-align center for vertical centering.
Set the parent div's display property to flex and justify-content to center
Set the child div's margin property to auto
Alternatively, set the parent div's text-align property to center and child div's display property to inline-block
Q3. How to transfer data between components in Angular
Data can be transferred between components in Angular using @Input and @Output decorators.
Use @Input decorator to pass data from parent to child component
Use @Output decorator to emit events from child to parent component
Use EventEmitter to emit custom events
Use ViewChild to access child component's properties and methods
Q4. Var, let, const difference? 'use strict' ?
Var, let, const are used to declare variables in JavaScript. 'use strict' enables strict mode.
Var is function-scoped and can be redeclared. Let and const are block-scoped and cannot be redeclared.
Let allows reassignment while const does not.
'use strict' enables strict mode which enforces stricter rules and better error handling.
Example: var x = 10; let y = 20; const z = 30;
Example: 'use strict';
Q5. What are pseudo classes
Pseudo classes are keywords used in CSS to select and style elements based on their state or position in the document.
Pseudo classes start with a colon (:) followed by the keyword
They are used to style elements based on their state, such as :hover, :active, :focus
They can also be used to select elements based on their position in the document, such as :first-child, :last-child
Pseudo classes can be combined with other selectors to create more specific styles
Q6. Purpose of async, await in script tag
async/await in script tag is used to load external scripts asynchronously without blocking the page.
async/await allows scripts to be loaded asynchronously without blocking the page
It is useful for loading external scripts that may take time to load
It improves page performance by not blocking the rendering of the page
It is supported in modern browsers
Q7. Describe CSS Box model
CSS Box model is a design concept that describes how elements are displayed on a webpage.
Every HTML element is a rectangular box
The box has content, padding, border, and margin
Width and height of the box are determined by content, padding, and border
Margin is the space outside the border
Box-sizing property can be used to change the box model
Reviews
Interviews
Salaries
Users/Month