Unicommerce Esolutions Interview Questions, Process, and Tips

Q1. Describe CSS Box model
Ans. 
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
Answered by AI
Add your answer
Q2. What are pseudo classes
Ans. 
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 s
Answered by AI
Add your answer
Q3. Purpose of async, await in script tag
Ans. 
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
Answered by AI
Add your answer
Q4. Angular routing, angular lifecycle
Add your answer
Q5. How would you center align div inside div
Ans. 
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
Answered by AI
Add your answer
Q6. GIve and describe examples of ES 6 features like object destructuring, arrow fxns, array.filter/reduce/indexOf etc.
Ans. 
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
Answered by AI
Add your answer
Q7. Var, let, const difference? 'use strict' ?
Ans. 
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';
Answered by AI
Add your answer

Q1. Angular routing, angular services
Add your answer
Q2. Angular lifecycle, ViewChild
Add your answer
Q3. How to transfer data between components in Angular
Ans. 
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
Answered by AI
Add your answer

Q1. What you know about E-commerce
Ans. 
E-commerce refers to buying and selling goods or services online.
• E-commerce involves online transactions between businesses and consumers.

• It includes activities such as online shopping, electronic payments, and digital marketing.

• Popular examples of e-commerce platforms include Amazon, eBay, and Shopify.
Answered by AI
Add your answer
Q2. What you know about warehouse
Ans. 
A warehouse is a large building used for storing goods and materials.
• Warehouses are used by businesses to store inventory and fulfill orders.

• They often have loading docks for trucks to deliver and pick up goods.

• Warehouses can be organized using various systems such as FIFO (First In, First Out) or LIFO (Last In, First Out).
Answered by AI
Add your answer
Q3. What you know about the backend
Ans. 
Backend refers to the server-side of an application where data is stored and processed.
• Backend is responsible for managing databases, server-side logic, and ensuring smooth communication between the server and the client.

• Common backend technologies include Node.js, Python, Ruby on Rails, and Java.

• Backend developers work on creating APIs, handling user authentication, and optimizing server performance.

• Understanding back...read more
Answered by AI
Add your answer
Q4. What you know about the fronend
Ans. 
Frontend refers to the user interface of a website or application that users interact with.
• Frontend development involves using languages like HTML, CSS, and JavaScript to create the visual elements of a website or application.

• Frontend frameworks like React, Angular, and Vue.js are commonly used to streamline development and enhance user experience.

• Responsiveness, accessibility, and performance optimization are key cons...read more
Answered by AI
Add your answer

Basic dsa questions and java spring boot questions

Q1. Bookmyshow design
Add your answer
Q2. Notification service design
Ans. 
Design a notification service for sending alerts to users.
• Use a scalable messaging system like Kafka or RabbitMQ to handle high volume of notifications.

• Implement a notification queue to ensure reliable delivery of notifications.

• Include support for different types of notifications such as email, SMS, and push notifications.

• Allow users to customize their notification preferences and frequency.

• Implement monitoring and log...read more
Answered by AI
Add your answer

Q1. Dsa based 2 question
Add your answer
Q2. 1 linked list 2 sliding window
Add your answer