Filter interviews by
I applied via Approached by Company and was interviewed in Nov 2024.ย There were 2 interview rounds.
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
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
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
I have used libraries like React, Redux, Axios, and Moment.js for frontend development.
React
Redux
Axios
Moment.js
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
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.
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.
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
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 ...
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());
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
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.
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...
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
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.
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...
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...
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
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.
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...
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 ...
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 ...
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
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
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 ...
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.
I applied via Cutshort and was interviewed in Nov 2024.ย There were 2 interview rounds.
A Genreral aptitute Test
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
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.
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...
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
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.
I was interviewed in Jun 2024.
Explain the projects completed in the past.
I applied via Walk-in and was interviewed in Mar 2024.ย There were 2 interview rounds.
Data Structures, SQL, Operating Sytem
Full-Stack basic assignment
Gyaan AI interview questions for popular designations
Top trending discussions
posted on 6 Jan 2025
I applied via Naukri.com and was interviewed in Dec 2024.ย There was 1 interview round.
I applied via Company Website and was interviewed in Nov 2024.ย There were 13 interview rounds.
The Entity-Relationship (ER) model is a data model used to describe the relationships between entities in a database.
Entities are objects or concepts in the real world that can be distinguished from each other.
Relationships describe how entities are related to each other.
Attributes are properties that describe entities and relationships.
ER diagrams visually represent the ER model, showing entities, relationships, and a...
Threads are lighter weight than processes, share memory space, and are more efficient for multitasking.
Threads share the same memory space, making communication between them faster and more efficient.
Threads are lighter weight than processes, as they share resources such as memory and file descriptors.
Threads are more efficient for multitasking, as they can run concurrently within the same process.
Threads are easier to...
Google primarily focuses on pure data structures and algorithms-based questions during coding interviews. Other computer science core topics are typically not covered in Google's interviews. Therefore, it is essential to be proficient in data structures and algorithms to succeed in the Google coding interview.
An aptitude test is a tool used to evaluate a person's skills, abilities, and potential for success in a specific role or activity.
Group discussion is a process of exchanging ideas and opinions among individuals on a specific topic. It is a structured form of communication in which participants have the opportunity to express their views while also listening to others' perspectives on the same subject.
My strengths include problem-solving skills and attention to detail. My weaknesses include time management and public speaking.
Strengths: problem-solving skills
Strengths: attention to detail
Weaknesses: time management
Weaknesses: public speaking
I have a strong foundation in web development, a passion for learning, and a proven track record of delivering high-quality projects.
I have a solid understanding of HTML, CSS, and JavaScript
I am proficient in using various web development tools and frameworks such as React and Node.js
I have successfully completed several web development projects, including a responsive e-commerce website for a local business
An assignment is a task or piece of work that you are given to complete, particularly as part of your job or studies. The assignment for the course includes written assignments and practical tests, similar to tasks, work, jobs, or charges.
A case study is a detailed description and assessment of a specific situation in the real world, created for the purpose of deriving generalized insights and understanding. It can focus on an individual, a group of people, an organization, or an event, among other subjects.
My greatest accomplishment was successfully leading a team to launch a new website for a major client ahead of schedule.
Successfully led a team to launch a new website
Completed the project ahead of schedule
Received positive feedback from the client
I am motivated by challenges, learning opportunities, and the ability to make a positive impact.
Challenges push me to grow and improve my skills.
Learning opportunities allow me to stay updated with the latest technologies and trends.
Making a positive impact through my work gives me a sense of fulfillment and purpose.
My ideal work environment is a collaborative space with supportive colleagues, opportunities for growth, and a healthy work-life balance.
Collaborative team environment where ideas are shared and valued
Supportive colleagues who are willing to help and provide feedback
Opportunities for growth and learning new technologies
Healthy work-life balance with flexible hours and remote work options
By creating a positive work environment, offering growth opportunities, and implementing employee recognition programs.
Creating a positive work environment through open communication and support
Offering growth opportunities such as training programs and career advancement
Implementing employee recognition programs to acknowledge and reward hard work
Providing competitive salaries and benefits to attract and retain top ta
Real-time operating systems are designed to provide predictable response times and prioritize tasks based on timing constraints.
Real-time operating systems prioritize tasks based on timing constraints
They are designed to provide predictable response times
Examples include VxWorks, QNX, and FreeRTOS
Yes, I am comfortable working night shifts to support international clients.
I have previous experience working night shifts in a customer service role.
I am a night owl and tend to be more productive during late hours.
I understand the importance of supporting international clients and am willing to adjust my schedule accordingly.
Operational tasks for maintaining efficiency and quality include regular testing, monitoring performance, updating software, and implementing best practices.
Regularly test website functionality to ensure it is working properly
Monitor website performance metrics such as load times and user experience
Update software and plugins to the latest versions to prevent security vulnerabilities
Implement best practices for coding,
Prepare examples showcasing leadership, conflict resolution, and prioritization skills for a managerial round interview.
Leadership: Discuss a project where you led a team to success, highlighting your ability to motivate and guide others.
Conflict Resolution: Share a situation where you successfully resolved a conflict within a team or project, emphasizing your communication and problem-solving skills.
Prioritization: Ta...
I demonstrate adaptability, leadership, and commitment by actively seeking feedback, taking on new challenges, and fostering collaboration within the team.
Seek feedback from colleagues and supervisors to continuously improve
Volunteer for new projects or tasks to expand skills and knowledge
Encourage open communication and teamwork among team members
Lead by example by showing a positive attitude and willingness to help o...
SCD Type 2 implementation involves tracking historical changes in data by creating new records for each change.
Identify the columns that need to be tracked for changes
Add effective start and end dates to track the validity of each record
Insert new records for changes and update end dates for previous records
Maintain a surrogate key to uniquely identify each version of the record
I can join the team within 2 weeks.
I can start within 2 weeks of receiving the offer.
I need to give notice to my current employer.
I may need to relocate, which could affect my start date.
For example, a โน10 LPA CTC could mean an in-hand salary of โน70,000โโน75,000 per month, depending on deductions and benefits.
โจ ๐ฃ๐ฟ๐ผ ๐ง๐ถ๐ฝ: Always request a detailed salary structure during negotiationsโitโs your roadmap to making informed decisions
๐๐ง๐ ๐๐ ๐๐ป-๐๐ฎ๐ป๐ฑ ๐ฆ๐ฎ๐น๐ฎ๐ฟ๐: ๐ง๐ต๐ฒ ๐ฅ๐ฒ๐ฎ๐น๐ถ๐๐ ๐๐ต๐ฒ๐ฐ๐ธ ๐๐๐ฒ๐ฟ๐ ๐ฃ๐ฟ๐ผ๐ณ๐ฒ๐๐๐ถ๐ผ๐ป๐ฎ๐น ๐ก๐ฒ๐ฒ๐ฑ๐!
Weโve all been thereโexcitedly discussing job offers and hearing about the impressive CTC (Cost to Company). But when payday arrives, you wonder
I applied via Naukri.com and was interviewed in Nov 2024.ย There was 1 interview round.
Custom hooks in React are reusable functions that allow you to extract component logic into separate functions for better code organization and reusability.
Custom hooks are created using the 'use' prefix and can be used to share logic between components.
Use cases for custom hooks include fetching data from an API, handling form state, managing local storage, and more.
Example of a custom hook for API call: const useFetc...
useMemo is used to memoize a value, while useCallback is used to memoize a function.
useMemo is used to memoize a value and recompute it only when its dependencies change.
useCallback is used to memoize a callback function and prevent unnecessary re-renders.
Example: useMemo can be used to memoize the result of a complex computation, while useCallback can be used to memoize an event handler function.
Class-based components use ES6 classes and have lifecycle methods, while functional components are simpler and use functions.
Class-based components use ES6 classes to create components, while functional components are created using functions.
Class-based components have lifecycle methods like componentDidMount and componentDidUpdate, while functional components do not.
Functional components are simpler and more lightweig...
Implementing the lifecycle of a React component in a functional component
Use the useEffect hook to replicate lifecycle methods like componentDidMount, componentDidUpdate, and componentWillUnmount
Pass an empty array as the second argument to useEffect to mimic componentDidMount
Pass a variable or state as the second argument to useEffect to mimic componentDidUpdate
Return a cleanup function inside useEffect to mimic compo
Various state management techniques in React include Context API, Redux, and local state.
Context API: React's built-in solution for passing data through the component tree without having to pass props down manually at every level.
Redux: A popular state management library for React applications, allowing for a centralized store to manage application state.
Local state: Managing state within individual components using us
Redux is a predictable state container for JavaScript apps. Middlewares are functions that intercept actions before they reach the reducer.
Redux follows a unidirectional data flow architecture.
Middlewares in Redux are functions that can intercept, modify, or dispatch actions.
Common use cases for middlewares include logging, asynchronous API calls, and handling side effects.
Examples of popular Redux middlewares are Redu...
Hoisting in JavaScript is the behavior where variable and function declarations are moved to the top of their containing scope during the compilation phase.
Variable declarations are hoisted to the top of their scope, but not their initializations.
Function declarations are fully hoisted, meaning they can be called before they are declared.
Hoisting can lead to unexpected behavior if not understood properly.
Event bubbling is the propagation of events from the target element up through its ancestors in the DOM tree.
Events triggered on a child element will 'bubble up' and trigger on parent elements.
Event listeners can be attached to parent elements to handle events from multiple child elements.
Stopping event propagation can be done using event.stopPropagation() or event.stopImmediatePropagation().
Block scope and function scope are two types of scopes in JavaScript that determine the visibility and accessibility of variables.
Block scope refers to the visibility of variables within a block of code enclosed by curly braces. Variables declared with 'let' and 'const' have block scope.
Function scope refers to the visibility of variables within a function. Variables declared with 'var' have function scope.
Variables de...
Yes, I have experience working with semantic tags in HTML.
Used semantic tags like <header>, <nav>, <main>, <section>, <article>, <aside>, <footer> for better structure and SEO.
Understand the importance of using semantic tags for accessibility and search engine optimization.
Semantic tags help in organizing content and making it more readable for developers and browsers.
Various methods for creating an object in JavaScript include object literals, constructor functions, ES6 classes, and Object.create() method.
Object literals: var obj = { key: value };
Constructor functions: function ObjectName() { this.key = value; } var obj = new ObjectName();
ES6 classes: class ClassName { constructor() { this.key = value; } } var obj = new ClassName();
Object.create() method: var obj = Object.create(pr
Shallow copy only copies the references of nested objects, while deep copy creates new copies of nested objects.
Shallow copy creates a new object but does not create copies of nested objects, only copies their references.
Deep copy creates a new object and also creates new copies of all nested objects.
Shallow copy can be achieved using Object.assign() or spread operator, while deep copy can be achieved using JSON.parse(
The code will throw an error because 'a' is declared but not initialized.
The code will result in a ReferenceError because 'a' is declared but not assigned a value.
Variables declared with 'const' must be initialized at the time of declaration.
Initializing 'a' with a value before calling test() will prevent the error.
CSS can be used to arrange elements in a row and column layout using flexbox or grid layout properties.
Use display: flex; for a row layout and display: flex; flex-direction: column; for a column layout
Use justify-content and align-items properties to align items in the main axis and cross axis respectively
For grid layout, use display: grid; and grid-template-columns or grid-template-rows to define the layout
Yes, I have utilized CSS preprocessors such as SASS and LESS.
I have experience using SASS to streamline my CSS workflow by utilizing variables, mixins, and nesting.
I have also worked with LESS to improve code organization and maintainability through features like variables and functions.
The color applied will be based on the specificity of the selector, with ID having higher specificity than class.
ID has higher specificity than class in CSS
Color applied will be based on the selector with higher specificity
Example: If ID selector has color red and class selector has color blue, the color applied will be red
I applied via Campus Placement and was interviewed in Dec 2024.ย There were 5 interview rounds.
The assessment focused on general aptitude, which was relatively easy and manageable to pass. However, the pseudo-code section may pose a greater challenge during the first round.
It is very easy; you just need to speak at least once to easily pass through this round. mostly they dont try to reject you unless you are very nervous and very low about confidence they want you to speak atleast once , even the point is valid or not.
You will undergo a written test comprising three coding sections (either in Python or C) containing five or six questions each, along with ten multiple-choice questions on software testing, which are relatively easy. However, the most challenging section is networking, for which you will need to write theory responses; therefore, it is important to prepare thoroughly for that part.
Interview experience
Technical Recruiter
3
salaries
| โน6 L/yr - โน6.2 L/yr |
QA Lead
3
salaries
| โน24 L/yr - โน32 L/yr |
Product Designer
3
salaries
| โน18.5 L/yr - โน23.5 L/yr |
Innovaccer
Artivatic
SigTuple
Mad Street Den