Upload Button Icon Add office photos

Filter interviews by

Gyaan AI Interview Questions, Process, and Tips

Updated 27 Dec 2024

Top Gyaan AI Interview Questions and Answers

View all 29 questions

Gyaan AI Interview Experiences

Popular Designations

4 interviews found

Interview experience
2
Poor
Difficulty level
Hard
Process Duration
Less than 2 weeks
Result
No response

I applied via Approached by Company and was interviewed in Nov 2024. There were 2 interview rounds.

Round 1 - Technical 

(12 Questions)

  • Q1. Introduce youself.
  • Ans. 

    I am a passionate frontend developer with experience in HTML, CSS, and JavaScript.

    • Experienced in building responsive websites using HTML and CSS

    • Proficient in JavaScript for interactive web applications

    • Familiar with frontend frameworks like React and Angular

  • Answered by AI
  • Q2. What all things you have implemented in react throughout your journey?
  • Ans. 

    I have implemented various features in React such as state management, routing, API integration, and component lifecycle methods.

    • State management using useState and useReducer hooks

    • Routing with React Router

    • API integration with fetch or axios

    • Component lifecycle methods like componentDidMount and componentDidUpdate

  • Answered by AI
  • Q3. What versions of react have you used?
  • Ans. 

    I have used React versions 16 and 17 in my projects.

    • Used React 16 for a project that required class components and lifecycle methods

    • Currently using React 17 for a project that focuses on functional components and hooks

  • Answered by AI
  • Q4. What all libraries you have used apart from styling library?
  • Ans. 

    I have used libraries like React, Redux, Axios, and Moment.js for frontend development.

    • React

    • Redux

    • Axios

    • Moment.js

  • Answered by AI
  • Q5. Does redux have its own ability to persist state?
  • Ans. 

    Yes, Redux does not have built-in persistence for state.

    • Redux itself does not have built-in persistence for state

    • Persisting state in Redux typically involves using middleware like redux-persist or saving state to local storage

    • Examples of persisting state in Redux include using redux-persist to save state to local storage or using cookies to store state

  • Answered by AI
  • Q6. Console.log([]===[])
  • Ans. 

    The output will be false because arrays are reference types and the comparison is based on reference, not values.

    • Arrays are reference types in JavaScript, so when comparing two arrays using ===, it checks if they refer to the same object in memory.

    • Since the two empty arrays [] are separate instances in memory, the comparison will result in false.

  • Answered by AI
  • Q7. Console.log(a) var a =10; console.log(a)
  • Ans. 

    The code will output 'undefined' and then '10' in the console.

    • The variable 'a' is declared after the first console.log statement, so it will be undefined at that point.

    • The value of 'a' is assigned as 10 before the second console.log statement, so it will output 10.

  • Answered by AI
  • Q8. Write a function what will take time as argument in seconds and it will console.log from that value to 0.
  • Q9. How states are passed in react?
  • Ans. 

    States in React are passed down from parent components to child components using props.

    • States are passed down as props from parent components to child components

    • Parent components can pass states to child components using props

    • States can be updated in parent components and passed down to child components for re-rendering

  • Answered by AI
  • Q10. Difference between useContext and redux.
  • Ans. 

    useContext is a React hook for managing global state within a component tree, while Redux is a standalone state management library for React applications.

    • useContext is built into React and is used for managing local state within a component or passing data down through the component tree.

    • Redux is a separate library that allows for managing global state across the entire application, with actions and reducers to update ...

  • Answered by AI
  • Q11. Use of useSelector hook and useDispatch hook.
  • Ans. 

    useSelector and useDispatch hooks are used in React Redux for accessing state and dispatching actions respectively.

    • useSelector hook is used to extract data from the Redux store state in a functional component.

    • useDispatch hook is used to dispatch actions to the Redux store in a functional component.

    • Example: const data = useSelector(state => state.data); dispatch(action());

  • Answered by AI
  • Q12. Use useContext. to implement increment and decrement feature
  • Ans. 

    Using useContext to implement increment and decrement feature in React

    • Create a context using createContext()

    • Define a provider component to wrap the components that need access to the context

    • Use useContext() hook in the components to access the context and update the state

    • Implement functions for increment and decrement within the context provider

  • Answered by AI
Round 2 - Technical 

(17 Questions)

  • Q1. This a theoritical round. Only theory will be asked. A lot of theory.
  • Q2. What version of react u r using currently?
  • Ans. 

    We are currently using React version 17.0.2.

    • React version 17.0.2 is the latest stable version at the time of this interview.

    • It was released on March 22, 2021, and includes improvements like React Hooks, Concurrent Mode, and more.

    • We regularly update our dependencies to stay up-to-date with the latest features and improvements.

  • Answered by AI
  • Q3. Debouncing vs throttling
  • Ans. 

    Debouncing and throttling are techniques used in web development to limit the number of times a function is called.

    • Debouncing delays the execution of a function until after a specified time has elapsed without any further calls. It is typically used for events like scroll or resize that can fire multiple times in a short period.

    • Throttling limits the rate at which a function is called. It ensures that the function is no...

  • Answered by AI
  • Q4. Why typescript is used?
  • Ans. 

    TypeScript is used to add static typing to JavaScript, catching errors at compile time and improving code quality.

    • Provides static typing, catching errors at compile time

    • Improves code quality and maintainability

    • Supports modern JavaScript features like ES6+

    • Enhances code editor tooling and IntelliSense

    • Facilitates easier refactoring and code navigation

  • Answered by AI
  • Q5. How redux passes states to components
  • Ans. 

    Redux passes states to components through the connect function provided by react-redux library.

    • Redux passes states to components by connecting the component to the Redux store using the connect function.

    • The connect function takes mapStateToProps as an argument, which maps the state from the Redux store to props of the component.

    • The connected component can then access the state from the Redux store as props.

  • Answered by AI
  • Q6. What are the storages browser use
  • Ans. 

    Browsers use various storage options like cookies, local storage, session storage, and IndexedDB.

    • Cookies are small pieces of data stored in the browser that can be accessed by both the server and the client.

    • Local storage allows storing data without expiration date, and it remains even after the browser is closed.

    • Session storage is similar to local storage but data is cleared when the session ends.

    • IndexedDB is a low-lev...

  • Answered by AI
  • Q7. Principles of redux and exaplain each principle
  • Ans. 

    Redux is a predictable state container for JavaScript apps.

    • Single source of truth: The state of your whole application is stored in an object tree within a single store.

    • State is read-only: The only way to change the state is to emit an action, an object describing what happened.

    • Changes are made with pure functions: To specify how the state tree is transformed by actions, you write pure reducers.

    • State changes are made w...

  • Answered by AI
  • Q8. Can we have multiple stores in redux
  • Ans. 

    Yes, multiple stores can be created in Redux for managing different parts of the application state.

    • Redux allows creating multiple stores, each with its own reducers and actions

    • This can be useful for managing different parts of the application state separately

    • Example: creating one store for user authentication and another for managing shopping cart

  • Answered by AI
  • Q9. What storage does redux use in browser
  • Ans. 

    Redux uses the browser's localStorage as its default storage mechanism.

    • Redux uses the browser's localStorage API to persist state across sessions.

    • The data stored in localStorage is serialized to a string before being saved.

    • Developers can also implement custom storage solutions by creating middleware in Redux.

  • Answered by AI
  • Q10. Have you worked with flux? As my answer was no so no futher questions were asked
  • Q11. What is css dom
  • Ans. 

    The CSS DOM (Document Object Model) is a representation of the structure of a webpage created by CSS styles.

    • CSS DOM is a tree-like structure that represents the HTML elements of a webpage along with their CSS styles.

    • It allows developers to access and manipulate the styles of HTML elements using CSS properties and selectors.

    • Changes made to the CSS DOM dynamically update the visual appearance of the webpage.

    • Example: Sele...

  • Answered by AI
  • Q12. What storage does states use in browser
  • Ans. 

    Browsers use various storage options for state management, including cookies, local storage, session storage, and IndexedDB.

    • Cookies: small pieces of data stored in the browser that can be accessed by both the server and client

    • Local Storage: stores data with no expiration date, and remains after the browser is closed

    • Session Storage: stores data for one session only, and is cleared when the browser is closed

    • IndexedDB: a ...

  • Answered by AI
  • Q13. Difference between useContext and useReducer
  • Ans. 

    useContext is used for accessing context values in functional components, while useReducer is used for managing state in a more complex way.

    • useContext is used for accessing context values without prop drilling

    • useReducer is used for managing state in a more complex way by using a reducer function

    • useContext is simpler and more straightforward, while useReducer provides more control and flexibility

    • Example: useContext can ...

  • Answered by AI
  • Q14. What is specificity in css
  • Ans. 

    Specificity in CSS determines which style rule is applied to an element when multiple rules have conflicting selectors.

    • Specificity is calculated based on the type of selector used in a CSS rule.

    • Inline styles have the highest specificity, followed by IDs, classes, and elements.

    • Specificity is represented by a four-part value, with each part corresponding to a different type of selector.

    • For example, the selector 'div p' h

  • Answered by AI
  • Q15. Do you know virtualization
  • Ans. 

    Virtualization is the process of creating a virtual version of a device or resource, such as a server, storage device, network or operating system.

    • Virtualization allows multiple virtual instances to run on a single physical machine, maximizing resource utilization.

    • Examples of virtualization technologies include VMware, VirtualBox, and Docker.

    • Virtualization can improve scalability, flexibility, and efficiency in IT envi

  • Answered by AI
  • Q16. What is critical rendering path
  • Ans. 

    The critical rendering path is the sequence of steps browsers take to convert HTML, CSS, and JavaScript into pixels on the screen.

    • Includes steps like parsing HTML, constructing the DOM tree, rendering the CSSOM, combining them into a render tree, layout, and painting.

    • Optimizing the critical rendering path involves minimizing render-blocking resources, reducing the number of critical resources, and optimizing the order ...

  • Answered by AI
  • Q17. What is infinite scrolling?
  • Ans. 

    Infinite scrolling is a design pattern that continuously loads content as the user scrolls down a webpage.

    • Infinite scrolling helps to provide a seamless user experience by eliminating the need for pagination.

    • It is commonly used in social media feeds, image galleries, and news websites.

    • Infinite scrolling can be implemented using JavaScript to fetch and append new content dynamically.

  • Answered by AI

Interview Preparation Tips

Topics to prepare for Gyaan AI Junior Frontend Developer interview:
  • Javascript
  • React
  • Flux
  • Typescript
  • Css
Interview preparation tips for other job seekers - Have a good grasp on theory in 2nd round round they ask a lot of indepth theory. If I clear this round I will share experience of 3rd round

Skills evaluated in this interview

Top Gyaan AI Junior Frontend Developer Interview Questions and Answers

Q1. What all libraries you have used apart from styling library?
View answer (1)

Junior Frontend Developer Interview Questions asked at other Companies

Q1. What all libraries you have used apart from styling library?
View answer (1)
Interview experience
3
Average
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

I applied via Cutshort and was interviewed in Nov 2024. There were 2 interview rounds.

Round 1 - Aptitude Test 

A Genreral aptitute Test

Round 2 - One-on-one 

(5 Questions)

  • Q1. Write a program in React to dispaly a coundown timer using state, where the user can control the countdown and set timer
  • Ans. 

    A program in React to display a countdown timer using state with user control and timer setting

    • Create a React component with state variables for countdown time and user input

    • Implement functions to start, pause, reset, and set the countdown timer

    • Use setInterval to update the countdown timer every second

    • Allow user input to set the countdown timer duration

  • Answered by AI
  • Q2. Hooks in react
  • Ans. 

    Hooks in React are functions that let you use state and other React features without writing a class.

    • Hooks were introduced in React 16.8 to allow functional components to have state and lifecycle methods.

    • Some commonly used hooks are useState, useEffect, useContext, and useReducer.

    • Hooks can be used to manage component state, perform side effects, and share logic across components.

  • Answered by AI
  • Q3. Closures and higher order functions in js
  • Ans. 

    Closures and higher order functions are important concepts in JavaScript for creating modular and reusable code.

    • Closures are functions that have access to variables from their outer scope even after the outer function has finished executing.

    • Higher order functions are functions that can take other functions as arguments or return functions as results.

    • Example of closure: function outerFunction() { let outerVar = 'I am ou...

  • Answered by AI
  • Q4. How to manage state, props, transfer data to parent component from child component
  • Ans. 

    State and props are managed in React by using setState and passing data through props. Data can be transferred from child to parent using callback functions.

    • Manage state using setState method in React

    • Pass data from parent to child components using props

    • Transfer data from child to parent components by using callback functions

  • Answered by AI
  • Q5. Lifecycles in react class component
  • Ans. 

    React class components have lifecycle methods that allow developers to run code at specific points in a component's lifecycle.

    • ComponentDidMount() is called after the component is rendered for the first time.

    • ComponentDidUpdate() is called after the component's state or props change.

    • ComponentWillUnmount() is called before the component is removed from the DOM.

  • Answered by AI

Full Stack Developer Interview Questions asked at other Companies

Q1. Query and Matrix Problem Statement You are given a binary matrix with 'M' rows and 'N' columns, initially consisting of all 0s. You will receive 'Q' queries, which can be of four types: Query 1: 1 R indexQuery 2: 1 C indexQuery 3: 2 R index... read more
View answer (1)
Interview experience
2
Poor
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

I was interviewed in Jun 2024.

Round 1 - Case Study 

Explain the projects completed in the past.

Senior UX Designer Interview Questions asked at other Companies

Q1. Can you describe your approach to a design task and outline your process?
View answer (1)
Interview experience
3
Average
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Selected Selected

I applied via Walk-in and was interviewed in Mar 2024. There were 2 interview rounds.

Round 1 - Coding Test 

Data Structures, SQL, Operating Sytem

Round 2 - Assignment 

Full-Stack basic assignment

Full Stack Developer Interview Questions asked at other Companies

Q1. Query and Matrix Problem Statement You are given a binary matrix with 'M' rows and 'N' columns, initially consisting of all 0s. You will receive 'Q' queries, which can be of four types: Query 1: 1 R indexQuery 2: 1 C indexQuery 3: 2 R index... read more
View answer (1)

Gyaan AI interview questions for popular designations

 Full Stack Developer

 (2)

 Junior Frontend Developer

 (1)

 Senior UX Designer

 (1)

Interview questions from similar companies

Interview experience
4
Good
Difficulty level
Hard
Process Duration
Less than 2 weeks
Result
Selected Selected

I applied via Company Website and was interviewed before Feb 2023. There were 4 interview rounds.

Round 1 - Technical 

(3 Questions)

  • Q1. What is closure
  • Ans. 

    Closure is a feature in programming languages that allows a function to access variables from its outer scope even after it has finished executing.

    • Closure is created when a nested function references variables from its parent function.

    • It allows for data encapsulation and privacy in JavaScript.

    • Closures are commonly used in event handlers, callbacks, and asynchronous programming.

    • They can be used to create private variabl...

  • Answered by AI
  • Q2. How JS handles hoisting
  • Ans. 

    JS hoisting is a mechanism where variable and function declarations are moved to the top of their scope during compilation.

    • Variable declarations are hoisted but not their initializations.

    • Function declarations are fully hoisted, including their definitions.

    • Hoisting can lead to unexpected behavior if not understood properly.

    • Example: console.log(x); var x = 5; // Output: undefined

  • Answered by AI
  • Q3. What are the different CSS position properties
  • Ans. 

    CSS position properties determine how an element is positioned on a web page.

    • static: default position, elements flow in document order

    • relative: positioned relative to its normal position

    • absolute: positioned relative to its nearest positioned ancestor

    • fixed: positioned relative to the browser window

    • sticky: positioned based on scroll position

  • Answered by AI
Round 2 - Technical 

(2 Questions)

  • Q1. What are the different component lifecycles in react
  • Ans. 

    React has several component lifecycles, including mounting, updating, and unmounting.

    • Mounting: when a component is being created and inserted into the DOM

    • Updating: when a component is being re-rendered due to changes in props or state

    • Unmounting: when a component is being removed from the DOM

  • Answered by AI
  • Q2. What is the use of ref in react
  • Ans. 

    Ref is used in React to access and manipulate the DOM directly.

    • Ref provides a way to access and modify DOM elements or React components.

    • It is commonly used for focusing input fields, triggering animations, or integrating with third-party libraries.

    • Ref can be created using the useRef() hook or by using the ref attribute in class components.

    • Example: const inputRef = useRef();

    • Example: const button

  • Answered by AI
Round 3 - Technical 

(2 Questions)

  • Q1. Design the DB for slack
  • Ans. 

    Designing the database for Slack

    • Create tables for users, channels, messages, and teams

    • Use foreign keys to establish relationships between tables

    • Include columns for user details, channel details, message content, and timestamps

    • Consider indexing frequently queried columns for performance optimization

  • Answered by AI
  • Q2. How will you improve the db performanc
  • Ans. 

    To improve db performance, optimize queries, use indexing, cache data, and scale horizontally.

    • Optimize queries by using appropriate indexes and avoiding unnecessary joins

    • Cache frequently accessed data to reduce database load

    • Scale horizontally by distributing the database across multiple servers

    • Use database monitoring tools to identify and resolve performance bottlenecks

  • Answered by AI
Round 4 - Technical 

(3 Questions)

  • Q1. Explain the projects that you worked on
  • Q2. What is CDN and list its uses
  • Ans. 

    CDN stands for Content Delivery Network. It is a distributed network of servers that helps deliver web content efficiently.

    • CDN improves website performance by caching content closer to the user

    • It reduces latency and improves page load times

    • CDN helps handle high traffic loads and prevents server overload

    • It provides global coverage and ensures content availability worldwide

    • CDN can deliver various types of content like im...

  • Answered by AI
  • Q3. How will improve the api latency of a system
  • Ans. 

    To improve API latency, optimize database queries, use caching, implement load balancing, and optimize code.

    • Optimize database queries by using indexes, reducing unnecessary joins, and optimizing query execution plans.

    • Implement caching to store frequently accessed data in memory, reducing the need for repeated database queries.

    • Use load balancing to distribute incoming requests across multiple servers, preventing any sin...

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - If you're looking for FE/Fullstack roles, be strong with the basics of JS and React

Skills evaluated in this interview

I applied via Recruitment Consultant and was interviewed in Jan 2021. There was 1 interview round.

Interview Questionnaire 

1 Question

  • Q1. About springboot ,and architecture of your current project, design patterns . 1st round would be on Angular7 and basic questions.

Interview Preparation Tips

Interview preparation tips for other job seekers - Interviewer was very nice , they will guide you whenever I was stuck on any problems.Believe in yourself ,you are the best!

Interview Questionnaire 

2 Questions

  • Q1. How to create objects
  • Ans. 

    Objects can be created using constructors or object literals.

    • Use the 'new' keyword with a constructor function to create an object

    • Use object literals to create objects with predefined properties

    • Use Object.create() to create an object with a specified prototype

    • Use class syntax to create objects with methods and properties

  • Answered by AI
  • Q2. Can you create a circle using css
  • Ans. 

    Yes, a circle can be created using CSS.

    • Use the border-radius property with a value of 50% to create a circle.

    • Set the width and height properties to the same value to ensure a perfect circle.

    • Add a background color or image to the circle using the background property.

    • Use the ::before or ::after pseudo-elements to create a circle with content inside.

    • Example: .circle { width: 100px; height: 100px; border-radius: 50%; backg

  • Answered by AI

Skills evaluated in this interview

I applied via Referral and was interviewed in Jun 2022. There were 3 interview rounds.

Round 1 - Aptitude Test 

Amazon pay customer service cnt number

Round 2 - Group Discussion 

Customer care number..

Round 3 - One-on-one 

(2 Questions)

  • Q1. Calling" Amazon 091-53-56-47-89- Customer Care number to receive email from trustpilot about your reviews, inspection, tips about businesses and product, ...Calling" Amazon 09153.564.789 .Customer Care num...
  • Q2. Amazon pay customer care number

Interview Preparation Tips

Interview preparation tips for other job seekers - Calling" Amazon 091-53-56-47-89- Customer Care number to receive email from trustpilot about your reviews, inspection, tips about businesses and product, ...Calling" Amazon 09153.564.789 .Customer Care number to receive email from trustpilot about your reviews, inspection, tips about businesses and product, ...

I applied via Naukri.com and was interviewed in Jul 2022. There were 2 interview rounds.

Round 1 - Resume Shortlist 
Pro Tip by AmbitionBox:
Keep your resume crisp and to the point. A recruiter looks at your resume for an average of 6 seconds, make sure to leave the best impression.
View all tips
Round 2 - Technical 

(2 Questions)

  • Q1. What is angular and its feature
  • Ans. 

    Angular is a JavaScript framework for building web applications.

    • Uses TypeScript for building scalable and maintainable applications

    • Provides two-way data binding for easy synchronization between model and view

    • Offers a powerful set of built-in directives and services for faster development

    • Supports modular architecture and dependency injection for better code organization

    • Enables easy integration with other libraries and f...

  • Answered by AI
  • Q2. What is node js and its feature
  • Ans. 

    Node.js is a JavaScript runtime built on Chrome's V8 JavaScript engine.

    • Node.js allows developers to run JavaScript on the server-side.

    • It has a non-blocking I/O model that makes it efficient and scalable.

    • Node.js has a large and active community with a vast number of modules available.

    • It can be used for building web applications, APIs, real-time chat applications, and more.

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - If you know only one language ,know it prefectly

Skills evaluated in this interview

I applied via Naukri.com and was interviewed in Aug 2021. There was 1 interview round.

Interview Questionnaire 

1 Question

  • Q1. Asked about project I was worked, technology stack, etc. Write code to filter a list using java 8, some mongodb related questions.

Interview Preparation Tips

Interview preparation tips for other job seekers - My profile was of a backend developer but interviewer wanted a developer with full stack experience.

Gyaan AI Interview FAQs

How many rounds are there in Gyaan AI interview?
Gyaan AI interview process usually has 1-2 rounds. The most common rounds in the Gyaan AI interview process are Technical, Coding Test and Assignment.
How to prepare for Gyaan AI interview?
Go through your CV in detail and study all the technologies mentioned in your CV. Prepare at least two technologies or languages in depth if you are appearing for a technical interview at Gyaan AI. The most common topics and skills that interviewers at Gyaan AI expect are AWS, Django, Redis, SAAS and reports 9i.
What are the top questions asked in Gyaan AI interview?

Some of the top questions asked at the Gyaan AI interview -

  1. What all libraries you have used apart from styling libra...read more
  2. Does redux have its own ability to persist sta...read more
  3. What version of react u r using current...read more

Tell us how to improve this page.

Gyaan AI Interview Process

based on 4 interviews

Interview experience

2.5
  
Poor
View more

Interview Questions from Similar Companies

TCS Interview Questions
3.7
 • 10.5k Interviews
Accenture Interview Questions
3.8
 • 8.2k Interviews
Infosys Interview Questions
3.6
 • 7.7k Interviews
Wipro Interview Questions
3.7
 • 5.7k Interviews
Cognizant Interview Questions
3.8
 • 5.6k Interviews
Amazon Interview Questions
4.1
 • 5.1k Interviews
Capgemini Interview Questions
3.7
 • 4.8k Interviews
Innovaccer Interview Questions
3.4
 • 81 Interviews
Mad Street Den Interview Questions
3.6
 • 13 Interviews
SigTuple Interview Questions
4.4
 • 2 Interviews
View all
Technical Recruiter
3 salaries
unlock blur

₹0 L/yr - ₹0 L/yr

QA Lead
3 salaries
unlock blur

₹0 L/yr - ₹0 L/yr

Product Designer
3 salaries
unlock blur

₹0 L/yr - ₹0 L/yr

Explore more salaries
Compare Gyaan AI with

Innovaccer

3.4
Compare

Artivatic

3.1
Compare

SigTuple

4.3
Compare

Mad Street Den

3.6
Compare
Did you find this page helpful?
Yes No
write
Share an Interview