Geekyants Software
Multicolor Steels India Interview Questions and Answers
Q1. What are the design patterns that you know and why do we use those?
Design patterns are reusable solutions to common software problems.
Creational patterns: Singleton, Factory, Abstract Factory, Builder
Structural patterns: Adapter, Bridge, Composite, Decorator, Facade, Flyweight, Proxy
Behavioral patterns: Chain of Responsibility, Command, Interpreter, Iterator, Mediator, Memento, Observer, State, Strategy, Template Method, Visitor
We use design patterns to improve code readability, maintainability, and scalability.
They provide a common language...read more
Q2. Explain promises in JS and async/await.
Promises in JS are objects representing the eventual completion or failure of an asynchronous operation. Async/await is a syntactic sugar for working with promises.
Promises are used to handle asynchronous operations in JavaScript.
They can be in one of three states: pending, fulfilled, or rejected.
Async/await is a modern way to work with asynchronous code in JavaScript, making it easier to read and write.
Async functions return a promise, allowing you to use the await keyword t...read more
Q3. Closure in Javascript
Closure in JavaScript allows a function to access variables from its outer scope even after the outer function has finished executing.
Closure is created when a function is defined within another function and the inner function references variables from the outer function.
The inner function maintains a reference to the outer function's scope, allowing it to access those variables even after the outer function has returned.
Closures are commonly used in event handlers, callbacks...read more
Q4. Explain the order of specifity in CSS classes, elements, ids, etc
Explanation of CSS specificity hierarchy
Inline styles have the highest specificity
IDs have higher specificity than classes and elements
Multiple selectors with the same specificity are resolved by the order in which they appear in the stylesheet
The universal selector (*) has the lowest specificity
Q5. Clone a Todo Application UI using ReactJS, Sass
Clone a Todo Application UI using ReactJS, Sass
Create a new ReactJS project using create-react-app
Design the UI using Sass and implement it in ReactJS
Use state and props to manage the todo list
Add functionality to add, delete and mark tasks as complete
Implement local storage to persist data
Test the application thoroughly
Q6. How does Server-Side Rendering work?
Server-Side Rendering (SSR) is the process of rendering web pages on the server and sending the HTML to the client.
SSR improves website performance and SEO by reducing load times and providing search engines with fully rendered pages.
React provides a library called ReactDOMServer that allows developers to render React components on the server.
SSR requires a server-side framework or library, such as Next.js or Gatsby, to handle the rendering and routing of pages.
SSR can be com...read more
Top HR Questions asked in Multicolor Steels India
Interview Process at Multicolor Steels India
Top Interview Questions from Similar Companies
Reviews
Interviews
Salaries
Users/Month