Premium Employer

i

This company page is being actively managed by Infosys Team. If you also belong to the team, you can get access from here

Infosys Verified Tick

Compare button icon Compare button icon Compare
3.7

based on 37.5k Reviews

Filter interviews by

Infosys UI UX Developer Interview Questions and Answers

Updated 23 Jun 2024

Infosys UI UX Developer Interview Experiences

1 interview found

Interview experience
1
Bad
Difficulty level
-
Process Duration
-
Result
-
Round 1 - One-on-one 

(2 Questions)

  • Q1. Can u do video editing
  • Q2. Can do work on divince

Interview Preparation Tips

Interview preparation tips for other job seekers - Do not run for big company

Interview questions from similar companies

Interview experience
1
Bad
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(1 Question)

  • Q1. API call and thunk
Round 2 - Technical 

(1 Question)

  • Q1. State and Props

UI UX Developer Interview Questions & Answers

TCS user image Md Jamal Uddin

posted on 25 Feb 2024

Interview experience
5
Excellent
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Selected Selected

I applied via Naukri.com and was interviewed before Feb 2023. There was 1 interview round.

Round 1 - Technical 

(2 Questions)

  • Q1. Design Accessibility
  • Q2. Design principles
Interview experience
1
Bad
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
No response

I applied via LinkedIn and was interviewed in Nov 2024. There was 1 interview round.

Round 1 - One-on-one 

(2 Questions)

  • Q1. Mostly js questions, not so many of angular or react.
  • Q2. Like fizbuzz or things like that.

Interview Preparation Tips

Interview preparation tips for other job seekers - Don't apply here, the culture here is horrible.
Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(2 Questions)

  • Q1. Ui development and component related
  • Q2. Performance of technology and challenges
Round 2 - HR 

(2 Questions)

  • Q1. Personal introduction and location details
  • Q2. Negatition of salries excepectations

Interview Preparation Tips

Interview preparation tips for other job seekers - It's very good organization. Freindly nature in team operation is good from leads hikes also ok
Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
Selected Selected
Round 1 - HR 

(1 Question)

  • Q1. Basic html css questions
Round 2 - Aptitude Test 

Logical reasoning, quantitative analysis and computer test

Round 3 - Technical 

(1 Question)

  • Q1. Basic html, css, javascript questions
Round 4 - HR 

(1 Question)

  • Q1. Salary discussion
Interview experience
5
Excellent
Difficulty level
Easy
Process Duration
Less than 2 weeks
Result
Not Selected

I applied via AmbitionBox and was interviewed in Aug 2024. There were 4 interview rounds.

Round 1 - HR 

(2 Questions)

  • Q1. Brief introduction of yourself.
  • Ans. 

    Experienced HTML developer with a passion for creating user-friendly websites.

    • Over 5 years of experience in HTML development

    • Proficient in CSS and JavaScript

    • Strong understanding of responsive design principles

    • Familiar with SEO best practices

    • Portfolio includes websites for various clients and industries

  • Answered by AI
  • Q2. What is HTML give a proper explanation
  • Ans. 

    HTML stands for HyperText Markup Language, used for creating and structuring web pages.

    • HTML is the standard markup language for creating web pages

    • It uses tags to define the structure and content of a web page

    • Examples of HTML tags include , , , <body>, <p>, <div>, <a>, </p></li></ul></p></body>

  • Answered by AI
Round 2 - One-on-one 

(2 Questions)

  • Q1. Explanation of CSS.
  • Ans. 

    CSS is a styling language used to control the look and feel of a website.

    • CSS stands for Cascading Style Sheets.

    • It is used to define styles for web pages, including colors, fonts, layout, and more.

    • CSS can be applied to HTML elements using selectors.

    • It allows for the separation of content from presentation, making it easier to maintain and update.

    • CSS can be included in an HTML document using the

  • Answered by AI
  • Q2. Explanation of bootstrap.
  • Ans. 

    Bootstrap is a front-end framework for developing responsive and mobile-first websites.

    • Bootstrap is a free and open-source CSS framework.

    • It includes pre-built design templates and components like buttons, forms, and navigation bars.

    • Bootstrap uses a 12-column grid system for easy layout customization.

    • It also has built-in responsive utilities for creating mobile-friendly designs.

    • Bootstrap can be customized using Sass var

  • Answered by AI
Round 3 - Technical 

(2 Questions)

Interview Preparation Tips

Interview preparation tips for other job seekers - Nice experience

Skills evaluated in this interview

Interview experience
2
Poor
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

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

Round 1 - Technical 

(3 Questions)

  • Q1. Given UI task display like display boxes side by side in desktop screen and one after the other in mobile screen using media queries?
  • Q2. Explain difference between authorization vs authentication?
  • Ans. 

    Authentication verifies a user's identity, while authorization determines what a user can access.

    • Authentication confirms a user's identity through credentials like username and password.

    • Authorization controls access to resources based on the authenticated user's permissions.

    • Example: Logging into a website (authentication) and then being able to view/edit specific pages based on your role (authorization).

  • Answered by AI
  • Q3. How to render list in react? Also explain difference between state vs prop in react?
  • Ans. 

    To render a list in React, use map() function to iterate over an array of data and return a list of components. State is mutable data managed within a component, while props are immutable data passed from parent to child components.

    • To render a list in React, use map() function to iterate over an array of data and return a list of components.

    • Example: const items = ['item1', 'item2', 'item3']; items.map(item =>

    • read more

  • Answered by AI
Round 2 - Technical 

(3 Questions)

  • Q1. What are the webpage optimization techniques? How to check webpage optimization? In lighthouse optimization reports , how to fix issue related render blocking scripts?
  • Ans. 

    Webpage optimization techniques include minifying CSS and JS files, optimizing images, using asynchronous loading for scripts, and reducing render-blocking scripts.

    • Minify CSS and JS files to reduce file sizes and improve loading times.

    • Optimize images by compressing them and using the correct file format (e.g. JPEG for photographs, PNG for graphics).

    • Use asynchronous loading for scripts to prevent them from blocking the ...

  • Answered by AI
  • Q2. Write scss code nested li element by applying background color 2 element and also use mixins?
  • Ans. 

    Use SCSS to apply background color to nested li elements and utilize mixins.

    • Use nesting to target the li elements within a parent element

    • Apply background color to the 2nd li element using the :nth-child() selector

    • Define and use mixins to reuse styles across the codebase

  • Answered by AI
  • Q3. How to fix cumulative layout shift issues?
  • Ans. 

    To fix cumulative layout shift issues, ensure all images and media have dimensions specified in HTML, use CSS aspect ratio boxes, and prioritize loading critical resources.

    • Specify dimensions for all images and media in HTML to prevent layout shifts.

    • Use CSS aspect ratio boxes to reserve space for images before they load.

    • Prioritize loading critical resources to avoid sudden layout changes.

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - The Interview process is not good? First said technical round, then asked to share all details by filling in the portal and upload all documents. For documents and background verification uploaded all docs and UAN details. Again suddenly in the morning hr message in LinkedIn , says that there will client discussion round. When i asked them what is about the interview. They didn't event replied . Actually it was another technical round, where he interview question like all
hypothetically and behavioral questions. After all , simple says rejected?

Skills evaluated in this interview

Web Developer Interview Questions & Answers

Capgemini user image Nikunjay Chaudhary

posted on 15 Jan 2025

Interview experience
2
Poor
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Aptitude Test 

Hcf lcm etc readong cs fundamental

Round 2 - Technical 

(1 Question)

  • Q1. Array string html css js
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
No response

I applied via Recruitment Consulltant and was interviewed in May 2024. There were 2 interview rounds.

Round 1 - Technical 

(3 Questions)

  • Q1. What are states and props in React?
  • Ans. 

    States and props are important concepts in React for managing and passing data between components.

    • States are mutable data that can be changed within a component

    • Props are read-only data passed from parent to child components

    • States are managed within a component using setState() method

    • Props are accessed using this.props in a component

  • Answered by AI
  • Q2. What is Virtual DOM
  • Ans. 

    Virtual DOM is a lightweight copy of the actual DOM that allows for efficient updates and rendering in web applications.

    • Virtual DOM is a concept used in frameworks like React to improve performance by minimizing direct manipulation of the actual DOM.

    • When changes are made to the virtual DOM, a comparison is done with the actual DOM to determine the minimal updates needed for rendering.

    • This process helps reduce the numbe...

  • Answered by AI
  • Q3. Build a fetch and filter component
  • Ans. 

    A fetch and filter component for data retrieval and manipulation

    • Use fetch API to retrieve data from an API endpoint

    • Implement a filter function to manipulate the retrieved data based on user input

    • Display the filtered data in the UI

  • Answered by AI
Round 2 - Coding Test 

Javascript and React snippets

Interview Preparation Tips

Topics to prepare for LTIMindtree Senior Front end Developer interview:
  • Async
  • Javascript
  • React.Js

Skills evaluated in this interview

Infosys Interview FAQs

How many rounds are there in Infosys UI UX Developer interview?
Infosys interview process usually has 1 rounds. The most common rounds in the Infosys interview process are One-on-one Round.
How to prepare for Infosys UI UX Developer 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 Infosys. The most common topics and skills that interviewers at Infosys expect are Angularjs, Bootstrap, HTML and PHP.

Tell us how to improve this page.

Join Infosys Creating the next opportunity for people, businesses & communities

Interview Questions from Similar Companies

TCS Interview Questions
3.7
 • 10.3k Interviews
Accenture Interview Questions
3.9
 • 8.1k Interviews
Wipro Interview Questions
3.7
 • 5.6k Interviews
Cognizant Interview Questions
3.8
 • 5.5k Interviews
Capgemini Interview Questions
3.8
 • 4.8k Interviews
Tech Mahindra Interview Questions
3.5
 • 3.8k Interviews
HCLTech Interview Questions
3.5
 • 3.8k Interviews
Genpact Interview Questions
3.9
 • 3k Interviews
LTIMindtree Interview Questions
3.8
 • 3k Interviews
IBM Interview Questions
4.0
 • 2.4k Interviews
View all
Infosys UI UX Developer Salary
based on 5 salaries
₹1 L/yr - ₹6.8 L/yr
38% less than the average UI UX Developer Salary in India
View more details
Technology Analyst
56.3k salaries
unlock blur

₹3 L/yr - ₹11 L/yr

Senior Systems Engineer
50k salaries
unlock blur

₹2.8 L/yr - ₹8 L/yr

System Engineer
39.1k salaries
unlock blur

₹2.5 L/yr - ₹5.5 L/yr

Technical Lead
30.7k salaries
unlock blur

₹5.2 L/yr - ₹19.5 L/yr

Senior Associate Consultant
27.4k salaries
unlock blur

₹6.2 L/yr - ₹16.8 L/yr

Explore more salaries
Compare Infosys with

TCS

3.7
Compare

Wipro

3.7
Compare

Cognizant

3.8
Compare

Accenture

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