Add office photos
Filter interviews by
Amigo Infotech Web Designer & Frontend Developer Interview Questions and Answers
Amigo Infotech Web Designer & Frontend Developer Interview Experiences
1 interview found
Selected
I applied via Naukri.com and was interviewed in Nov 2023. There was 1 interview round.
(2 Questions)
- Q1. Doctype Metatype
- Q2. Position in css Flex in css
- Ans.
Flex in CSS is a layout model that allows elements to adjust their sizes and positions dynamically.
Flexbox is used to create flexible layouts with a container and its child elements.
Properties like display: flex, flex-direction, justify-content, align-items, and flex-grow are commonly used in flexbox.
Flexbox is great for creating responsive designs and aligning items in a row or column.
Interview Preparation Tips
Skills evaluated in this interview
Interview questions from similar companies
Web Designer & Frontend Developer Interview Questions & Answers
Capgemini
Anonymous
posted on 20 Jun 2024
I applied via Naukri.com and was interviewed in Dec 2023. There were 2 interview rounds.
(2 Questions)
- Q1. What is Pure function?
- Ans.
A pure function is a function that always produces the same output for the same input and has no side effects.
Always returns the same output for the same input
Does not modify any external state or variables
No side effects, such as network requests or console logs
Easier to test and reason about
- Q2. What is redux? Explain it with example
- Ans.
Redux is a predictable state container for JavaScript apps.
Redux is a state management tool commonly used with React.
It helps in managing the state of an application in a predictable way.
Redux stores the state of the application in a single immutable state tree.
Actions are dispatched to update the state, and reducers specify how the state changes in response to actions.
Example: const initialState = { count: 0 }; const ...
(2 Questions)
- Q1. How to send the data from child to parent component?
- Ans.
Data can be sent from child to parent component in React by using callback functions.
Use callback functions to pass data from child to parent component
Define a function in the parent component and pass it as a prop to the child component
Call the function in the child component with the data as an argument
- Q2. What is closure?
- Ans.
Closure is the combination of a function bundled together with references to its surrounding state.
Closure allows a function to access variables from its outer scope even after the outer function has finished executing.
It helps in maintaining state in functional programming.
Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVar); }; }
Interview Preparation Tips
Skills evaluated in this interview
Web Designer & Frontend Developer Interview Questions & Answers
Infosys
Anonymous
posted on 22 Aug 2023
I applied via Naukri.com and was interviewed in Jul 2023. There were 2 interview rounds.
MCQ question for frontend
(2 Questions)
- Q1. For ask about background
- Q2. Project skills education workong
Interview Preparation Tips
I have made several project like YouTube clone tvflix movie app zoom
Web Designer & Frontend Developer Interview Questions & Answers
Accenture
Anonymous
posted on 29 Dec 2022
Coding test duration 40 min topic is frontend developer design the web pages by using the html,css and javascript.pefjilqrbfljkpkobnocec krgvk 2ktkgnpkognne fnjgnojvn
(2 Questions)
- Q1. What is tags ? full form of html ans css ? what is frontend Developer ? how to design the web pages ? why using the css properties ? how many ways to writen the css attributes ? what is text tag ? what is...
- Ans.
Answers to various questions related to web design and frontend development.
Tags are HTML elements used to define the structure and content of a web page.
HTML stands for Hypertext Markup Language and CSS stands for Cascading Style Sheets.
A frontend developer is responsible for designing and implementing the user interface of a website.
Web pages can be designed using HTML and CSS, with the latter used to style the page.
...
- Q2. How may types to create a web page ? what are differnt types of tages and how to work ? what is css attributes ?
- Ans.
There are several ways to create a web page. HTML tags are used to structure content, while CSS attributes are used to style it.
Types of web pages include static, dynamic, and responsive.
HTML tags include headings, paragraphs, images, links, and more.
CSS attributes include color, font-size, margin, padding, and more.
HTML and CSS work together to create visually appealing and functional web pages.
Interview Preparation Tips
thankyou.
Skills evaluated in this interview
React Js Frontend Developer Interview Questions & Answers
Tech Mahindra
Anonymous
posted on 10 Dec 2024
Selected
I applied via Approached by Company and was interviewed in Nov 2024. There were 2 interview rounds.
(2 Questions)
- Q1. Explain Virtual DOM, Key Features of React, Hooks in React, create a todo app in react
- Ans.
Virtual DOM is a lightweight copy of the actual DOM, React key features include component-based architecture, declarative syntax, and virtual DOM, React Hooks are functions that let you use state and other React features without writing a class.
Virtual DOM is a lightweight copy of the actual DOM that React uses to improve performance by updating only the necessary parts of the DOM.
Key features of React include componen...
- Q2. Javascript Questions- Closures,promises,Async/await,setTimeOut, write acode to reverse a string
(2 Questions)
- Q1. Self Introduction, some situation based questions
- Q2. Basic HR regular questions
I applied via Naukri.com and was interviewed in Aug 2024. There were 2 interview rounds.
Online Hackathon test was taken.
(6 Questions)
- Q1. Tell Me About Yourself.
- Ans.
I am a passionate React Js Frontend Developer with experience in building user-friendly and responsive web applications.
Experienced in developing web applications using React Js
Proficient in HTML, CSS, and JavaScript
Familiar with state management libraries like Redux
Strong understanding of responsive design principles
Ability to work collaboratively in a team environment
- Q2. Tell me about your roles and responsibilities in your current project.
- Ans.
I am responsible for developing and maintaining the frontend of the project using React Js.
Developing user-friendly interfaces using React Js
Implementing responsive design and ensuring cross-browser compatibility
Collaborating with backend developers to integrate frontend with backend services
Optimizing application performance and troubleshooting issues
Participating in code reviews and providing feedback to team members
- Q3. How we implement SSR in React.
- Ans.
SSR in React is implemented using server-side rendering to pre-render React components on the server before sending them to the client.
Use libraries like Next.js or Gatsby to implement SSR in React.
Configure server to render React components on the server side.
Optimize server-side rendering for performance by caching rendered components.
- Q4. How can we change our project in production mode from development mode.
- Ans.
To change a React project from development mode to production mode, you need to build the project using the 'npm run build' command.
Run 'npm run build' command in the terminal to create a production build of the project.
This command will generate a 'build' folder with optimized and minified files for production.
You can then deploy the contents of the 'build' folder to a web server for production use.
- Q5. What is lazy loading and how we can implement in our project.
- Ans.
Lazy loading is a technique used to defer loading non-essential resources until they are needed.
Lazy loading helps improve performance by only loading resources when they are required.
In React, lazy loading can be implemented using React.lazy() and Suspense components.
Example: const MyComponent = React.lazy(() => import('./MyComponent'));
Example:
Loading...
React routing is a way to handle navigation in a React application by defining routes and rendering components based on the URL.
React routing allows for declarative routing, where routes are defined using JSX elements.
It enables dynamic routing based on the URL, allowing for different components to be rendered based on the route.
React Router is a popular library for handling routing in React applications.
Unlike convent...
Interview Preparation Tips
Skills evaluated in this interview
React Js Frontend Developer Interview Questions & Answers
LTIMindtree
Anonymous
posted on 14 Sep 2024
I applied via Naukri.com and was interviewed in Aug 2024. There was 1 interview round.
(13 Questions)
- Q1. What is closuer? is normal function call as closuer or not
- Ans.
A closure is a function that has access to its own scope, as well as the scope in which it was defined.
A closure allows a function to access variables from its outer function even after the outer function has finished executing.
Closures are created whenever a function is defined within another function.
Example: function outerFunction() { let outerVar = 'I am outer'; return function innerFunction() { console.log(outerVa
- Q2. What is asyn/await
- Ans.
Async/await is a feature in JavaScript that allows for asynchronous code to be written in a synchronous manner.
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 it to use the 'await' keyword inside it.
When 'await' is used, it pauses the execution of the function until the promise ...
- Q3. Remove duplicate from array
- Ans.
Use Set to remove duplicates from array of strings.
Create a Set from the array to automatically remove duplicates
Convert the Set back to an array if needed
Example: const arr = ['apple', 'banana', 'apple', 'orange']; const uniqueArr = [...new Set(arr)];
- Q4. Hoe does react Dom update?
- Ans.
React DOM updates by comparing the virtual DOM with the actual DOM and only updating the necessary components.
React creates a virtual DOM to represent the UI components.
When a state or prop changes, React re-renders the virtual DOM.
React then compares the virtual DOM with the actual DOM to identify the differences.
Only the necessary components are updated in the actual DOM, minimizing performance impact.
- Q5. What is react hooks explain some
- Ans.
React Hooks are functions that let you use state and other React features without writing a class.
React Hooks were introduced in React 16.8.
They allow you to use state and other React features in functional components.
Some commonly used hooks are useState, useEffect, useContext, and useRef.
Hooks make it easier to reuse logic across components.
Hooks can be used to manage component state, perform side effects, and more.
- Q6. What is call bind apply?
- Ans.
Call, bind, and apply are methods used to manipulate the value of 'this' in JavaScript functions.
Call - invokes a function with a specified 'this' value and arguments provided individually.
Bind - creates a new function that, when called, has its 'this' keyword set to the provided value.
Apply - invokes a function with a specified 'this' value and arguments provided as an array.
- Q7. What is difference b/w redux and redux toolkit
- Ans.
Redux Toolkit is a set of tools and best practices to simplify Redux development, while Redux is a predictable state container for JavaScript apps.
Redux Toolkit provides a set of tools like createSlice, createAsyncThunk, and configureStore to simplify Redux setup and reduce boilerplate code.
Redux Toolkit includes immer library for writing immutable update logic in a more convenient way.
Redux Toolkit also includes a def...
- Q8. Write a RTL test to check the button
- Ans.
Writing a RTL test to check a button in React
Use the render and fireEvent functions from @testing-library/react
Find the button element using getByRole('button')
Simulate a click event using fireEvent.click
Assert that the button is visible and clickable
- Q9. What inline level and block level elements
- Ans.
Inline and block level elements in HTML/CSS
Inline elements flow in the document in a line, without starting a new line. Examples include , , .
Block level elements start on a new line and take up the full width available. Examples include
,,
.
Answered by AIAdd your answer- Q10. Explain microtasks in js
- Ans.
Microtasks in JavaScript are tasks that are executed asynchronously and have higher priority than regular tasks.
Microtasks are scheduled to run after the current script has finished but before the browser has a chance to render.
They are often used with promises, as promise callbacks are executed as microtasks.
Microtasks are executed in the same event loop iteration as regular tasks, but before the next rendering.
Exampl...
Answered by AIAdd your answer- Q11. Explain customhooks
- Ans.
Custom hooks are reusable functions that allow you to extract component logic into separate functions.
Custom hooks are prefixed with 'use' and can call other hooks if needed.
They can be used to share logic between components without duplicating code.
Custom hooks can be created for any kind of logic, such as fetching data, managing state, or handling side effects.
Answered by AIAdd your answer- Q12. How to manage state using redux
- Ans.
Redux is a predictable state container for JavaScript apps. It helps manage the state of an application in a centralized store.
Create a Redux store to hold the state of the application
Define actions to describe state changes
Write reducers to specify how the state changes in response to actions
Dispatch actions to update the state in the store
Connect components to the Redux store using the connect function from react-red
Answered by AIAdd your answer- Q13. Explain redux work flow
- Ans.
Redux is a predictable state container for JavaScript apps.
Actions are dispatched to the store
Reducers specify how the state changes in response to actions
Store holds the state of the application
Components can subscribe to the store to access state
Answered by AIAdd your answer
Skills evaluated in this interview
I applied via Naukri.com and was interviewed in Oct 2024. There were 2 interview rounds.
(1 Question)
- Q1. Difference between position absolute and relative in css
- Ans.
Position absolute removes element from normal flow, relative keeps element in flow but can be positioned.
Position absolute removes element from normal flow, allowing it to be positioned relative to its closest positioned ancestor.
Position relative keeps element in normal flow but allows it to be positioned relative to its normal position.
Position absolute elements are not affected by other elements and can overlap, whi...
(1 Question)
- Q1. Deep questions about angular and javascript basics
Skills evaluated in this interview
I applied via Approached by Company and was interviewed in Oct 2024. There was 1 interview round.
(1 Question)
- Q1. Why do we use Debugger in Javascript?
- Ans.
Debugger in JavaScript is used for pausing the execution of code to inspect variables, check the flow of the program, and debug errors.
Debugger helps in identifying and fixing bugs in the code.
It allows developers to step through code line by line to understand the flow of execution.
Developers can inspect variables and their values at different points in the code.
By setting breakpoints, developers can pause the code at...
Skills evaluated in this interview
React Js Frontend Developer Interview Questions & Answers
IBM
Abdul Munaf Mohammed
posted on 8 Nov 2024
Selected
I applied via Naukri.com and was interviewed in May 2024. There were 2 interview rounds.
(2 Questions)
- Q1. What is Cors error
- Ans.
CORS error occurs when a web application makes a request to a different domain than the one it originated from.
CORS stands for Cross-Origin Resource Sharing
It is a security feature implemented by browsers to prevent unauthorized access to resources on a different domain
CORS error can be resolved by configuring the server to include the appropriate CORS headers in the response
Common CORS error messages include 'Access-C...
- Q2. Error boundaries
(2 Questions)
- Q1. Call back hell?
- Q2. Promises in javascript
- Ans.
Promises in JavaScript are objects representing the eventual completion or failure of an asynchronous operation.
Promises are used to handle asynchronous operations in JavaScript.
They can be in one of three states: pending, fulfilled, or rejected.
Promises can be chained using .then() method to handle success and failure cases.
Promises help in avoiding callback hell and writing cleaner asynchronous code.
Skills evaluated in this interview
Amigo Infotech Interview FAQs
Tell us how to improve this page.
Interview Questions for Popular Designations
- React Js Frontend Developer Interview Questions
- Angular Frontend Developer Interview Questions
- Frontend Developer Intern Interview Questions
- UI Frontend Developer Interview Questions
- Junior Frontend Developer Interview Questions
- Senior Frontend Software Engineer Interview Questions
- Senior Frontend Web Developer Interview Questions
- Frontend Developer Team Lead Interview Questions
- Show more
People are getting interviews through
Interview Questions from Similar Companies
|
Security Analyst
11
salaries
|  ₹3 L/yr - ₹4.6 L/yr |
|
SOC Analyst
9
salaries
| ₹3 L/yr - ₹4.7 L/yr |
|
Information Security Analyst
8
salaries
| ₹3 L/yr - ₹5 L/yr |
|
Software Developer
5
salaries
| ₹1.2 L/yr - ₹6 L/yr |
|
Associate Engineer
5
salaries
| ₹4.5 L/yr - ₹4.6 L/yr |
TCS
Accenture
Wipro
Cognizant
Calculate your in-hand salary
- Home >
- Interviews >
- Amigo Infotech Interview Questions >
- Amigo Infotech Web Designer & Frontend Developer Interview Questions
