Draup Product Designer Interview Questions and Answers

Basic to intermediate questions on javascript

Q1. What do you understand by z index
Ans. 
z index determines the stacking order of elements on a webpage.
• z index is a CSS property that specifies the stack order of an element

• Elements with a higher z index value will be displayed on top of elements with a lower value

• Default z index value is 0, negative values are allowed

• z index only works on positioned elements (position: relative, absolute, fixed)
Answered by AI
Add your answer
Q2. What is difference between position relative and absolute
Ans. 
Position relative is relative to its normal position, while position absolute is relative to its nearest positioned ancestor.
• Position relative moves an element relative to its normal position.

• Position absolute moves an element relative to its nearest positioned ancestor.

• Position absolute elements are taken out of the normal flow of the document.
Answered by AI
Add your answer

Design a carousel using jQuery and css

Aptitude and combined coding tests

Q1. Design a parking app or design a web or mobile app where farmers can directly sell their produce
Ans. 
Design a web/mobile app for farmers to directly sell their produce.
• Create a user-friendly interface for farmers to list their produce

• Include features for farmers to set prices and quantities

• Implement a search function for buyers to find specific produce

• Include a secure payment system for transactions

• Allow farmers to track their sales and manage inventory
Answered by AI
Add your answer

Q1. You have to explain the design of your previous round
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

Technical Interview round with questions based on Javascript mainly.

Q1. What are the data types in JavaScript?
Ans. 
JavaScript data types include string, number, boolean, object, function, undefined, and null.
• String: 'hello'

• Number: 42

• Boolean: true or false

• Object: { key: 'value' }

• Function: function() { }

• Undefined: undefined

• Null: null
Answered by AI
View 2 more answers
Q2. What is the typeof() operator in JavaScript?
Ans. 
typeof() operator in JavaScript is used to determine the data type of a variable or expression.
• typeof() returns a string indicating the type of the operand.

• Example: typeof 42 will return 'number'.

• Example: typeof 'hello' will return 'string'.
Answered by AI
View 1 more answer
Q3. What is the return type of the getElementsByClassName method in JavaScript?
Ans. 
The return type of getElementsByClassName method in JavaScript is an array of elements.
• The method returns an array of elements that have a specified class name.

• The elements are returned in the order they appear in the document.

• If no elements are found with the specified class name, an empty array is returned.
Answered by AI
View 3 more answers
Q4. Is JavaScript single-threaded or multi-threaded?
Ans. 
JavaScript is single-threaded.
• JavaScript is single-threaded, meaning it can only execute one piece of code at a time.

• This is because JavaScript runs in the browser's main thread, which is responsible for handling user interactions, rendering, and running JavaScript code.

• Asynchronous operations in JavaScript, such as AJAX requests and setTimeout, allow for non-blocking code execution without the need for multi-threading...read more
Answered by AI
Add your answer
Q5. Can you explain the Async/Await function in JavaScript?
Ans. 
Async/Await is a feature in JavaScript that allows for easier handling of asynchronous code.
• Async/Await is built on top of Promises and provides a more readable and concise way to work with asynchronous code.

• The 'async' keyword is used to define a function as asynchronous, allowing the use of 'await' inside it to pause execution until a Promise is settled.

• Using Async/Await can help avoid callback hell and make code mor...read more
Answered by AI
View 1 more answer

Round duration - 60 minutes
Round difficulty - Easy

Technical Interview round with questions based on Angular mainly.

Q1. How does one share data between components in Angular?
Ans. 
Data can be shared between components in Angular using services, input/output properties, and observables.
• Use services to create a shared data service that can be injected into multiple components

• Use input/output properties to pass data from parent to child components

• Use observables to create a data stream that can be subscribed to by multiple components
Answered by AI
View 1 more answer
Q2. What are the different types of data binding in Angular?
Ans. 
Types of data binding in Angular include interpolation, property binding, event binding, two-way binding.
• Interpolation: {{ data }}

• Property binding: [property]="data"

• Event binding: (event)="function()"

• Two-way binding: [(ngModel)]="data"
Answered by AI
Add your answer

Aptitutde test was easy asking qued about web technologies

Q1. Questions were about javascript mainly.
Add your answer

Q1. Bascis of javascipt and react.js questions.
Add your answer

Q1. Basic of node.js and basic mongo queries
Add your answer

Q1. JWT authentication and authorisation.
Add your answer

Q1. Run tasks on Code Sandbox
Ans. 
Code Sandbox allows running tasks for front-end development
• Open Code Sandbox and create a new project

• Add necessary dependencies and files

• Run tasks using npm scripts or command line

• Examples: build, start, test
Answered by AI
Add your answer

Q1. Asking about skills and knowledge
Add your answer
Q2. About graphic software
Add your answer