Upload Button Icon Add office photos

Filter interviews by

Barclays Global Service Centre UI Developer Interview Questions and Answers

Updated 20 Dec 2024

Barclays Global Service Centre UI Developer Interview Experiences

2 interviews found

UI Developer Interview Questions & Answers

user image Anonymous

posted on 5 Jun 2022

Interview experience
5
Excellent
Difficulty level
Moderate
Process Duration
2-4 weeks
Result
Selected Selected

I applied via Company Website and was interviewed in Dec 2022. There were 5 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 - Assignment 

Basic js html objective 50 questions

Round 3 - Coding Test 

Technical and coding face to face discussion

Round 4 - Case Study 

Given 2-3 scenarios to check our knowledge and behaviour

Round 5 - HR 

(1 Question)

  • Q1. All about previous company, expected salary and company policy discussion

UI Developer Interview Questions & Answers

user image Anonymous

posted on 4 Sep 2023

Interview experience
5
Excellent
Difficulty level
Hard
Process Duration
More than 8 weeks
Result
Selected Selected

I applied via Approached by Company and was interviewed before Sep 2022. There were 5 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 - HR 

(1 Question)

  • Q1. Asking about your mindset
Round 3 - Coding Test 

JavaScript advance html css node js project done discuss

Round 4 - Coding Test 

JavaScript node js
Html
Css
React
Discuss previous work
Role and responsibilities

Round 5 - One-on-one 

(4 Questions)

  • Q1. Realt time problem solving questions
  • Q2. Create accordion
  • Ans. 

    An accordion is a UI component that expands and collapses content sections when clicked.

    • Use HTML, CSS, and JavaScript to create the accordion

    • Each section should have a header and content that can be toggled

    • Utilize event listeners to handle the click event and toggle the visibility of content

  • Answered by AI
  • Q3. Data fetch related problems
  • Q4. Css topic flex grid and different framework

Skills evaluated in this interview

UI Developer Interview Questions Asked at Other Companies

Q1. Create 10 no. of Checkboxes in javascript and on-checked checkbox ... read more
Q2. What is Redux? Explain workflow of redux and uses of redux.
Q3. What is Call, Apply and Bind in javscript
Q4. Explain Higher order function and Higher order component?
asked in iC Consult
Q5. What are the benefits of Angular vs other modern frontend framewo ... read more

Interview questions from similar companies

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

I applied via Naukri.com and was interviewed in Jul 2023. There were 3 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 - One-on-one 

(1 Question)

  • Q1. HTML, CSS Question and JavaScript Codding Questions
Round 3 - Technical 

(1 Question)

  • Q1. It is In Process

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

Interview Questionnaire 

4 Questions

  • Q1. What is dependency injection
  • Ans. 

    Dependency injection is a design pattern that allows objects to receive dependencies rather than creating them internally.

    • It helps to decouple the code and makes it more testable.

    • It allows for easier maintenance and scalability.

    • It can be implemented using constructor injection, setter injection, or interface injection.

    • Example: Instead of creating a database connection object within a class, it can be passed as a depend

  • Answered by AI
  • Q2. What is ngModule
  • Ans. 

    NgModule is a decorator that defines a module in Angular.

    • NgModule is used to group related components, directives, and services.

    • It helps to organize the application into smaller, manageable pieces.

    • It can import other modules and export its own components, directives, and services.

    • It can also provide configuration for dependency injection.

    • Example: @NgModule({ imports: [CommonModule], declarations: [AppComponent], export

  • Answered by AI
  • Q3. What is closure
  • Ans. 

    Closure is a function that has access to variables in its outer scope, even after the outer function has returned.

    • A closure is created when a function is defined inside another function.

    • The inner function can access variables in the outer function, even after the outer function has returned.

    • Closures are commonly used to create private variables and functions in JavaScript.

    • Example: function outer() { var x = 10; functio...

  • Answered by AI
  • Q4. Hoisting, lexical analysis, let var

Interview Preparation Tips

Interview preparation tips for other job seekers - always prepared with project experience work

Skills evaluated in this interview

Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-
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 - Aptitude Test 

1) logical & math & reasoning 20 Question
2) coding 2 question
3) React js 40 Question

Round 3 - Technical 

(2 Questions)

  • Q1. 1 tell me something 2 rm vs em difference 3 MapObject vs Object 4 BOM 5 difference between for loop IN vs OF 6 function currying 7 Pure component 8 virtual dom
  • Ans. 

    UI Developer interview questions covering topics like rm vs em, MapObject vs Object, BOM, function currying, Pure component, and virtual dom.

    • rm vs em: rm is relative to the font size of the root element, while em is relative to the font size of the element itself.

    • MapObject vs Object: MapObject is a method that creates a new array with the results of calling a provided function on every element in the array, while Objec...

  • Answered by AI
  • Q2. Event propagation vs immediate propgation Div vs Section tag
  • Ans. 

    Event propagation determines the order in which event handlers are executed. Div and Section tags have different default display properties.

    • Event propagation refers to the order in which event handlers are executed, either bubbling or capturing.

    • Immediate propagation stops the event from propagating further.

    • Div tag is a block-level element with default display property of 'block'.

    • Section tag is a block-level element wit

  • Answered by AI

Skills evaluated in this interview

Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Selected Selected
Round 1 - Technical 

(1 Question)

  • Q1. Related to javascript
Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Aptitude Test 

20 Aptitude questions, 30 React/HTML/CSS MCQs, 2 coding questions on an outdated compiler

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

I applied via Naukri.com and was interviewed in Feb 2022. There were 3 interview rounds.

Round 1 - One-on-one 

(1 Question)

  • Q1. Angular related question
Round 2 - One-on-one 

(1 Question)

  • Q1. Javascript based questions
Round 3 - One-on-one 

(1 Question)

  • Q1. Generic interview
Interview experience
5
Excellent
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 was 1 interview round.

Round 1 - Aptitude Test 

Angular html css questions

I appeared for an interview before Mar 2021.

Round 1 - Coding Test 

(2 Questions)

Round duration - 75 minutes
Round difficulty - Medium

This was an online coding round where we had 2 questions to solve under 75 minutes. I found both the questions to be of Easy to Medium level of difficulty.

  • Q1. 

    Line Reflection Problem Statement

    You are given several sets of points on a 2D plane, each set represented as a list of coordinates. Your task is to determine if there exists a line parallel to the Y-axis...

  • Ans. 

    The task is to determine if there exists a line parallel to the Y-axis that reflects given points symmetrically.

    • Iterate through each test case and check if a vertical reflection line exists for the given points

    • Calculate the midpoint of the x-coordinates and check if it reflects the points symmetrically

    • Consider edge cases where points are on the reflection line or have the same x-coordinate

  • Answered by AI
  • Q2. 

    Number of Islands Problem Statement

    You are provided with a 2-dimensional matrix having N rows and M columns, containing only 1s (land) and 0s (water). Your goal is to determine the number of islands in t...

  • Ans. 

    Count the number of islands in a 2D matrix of 1s and 0s.

    • Iterate through the matrix and perform depth-first search (DFS) to find connected 1s.

    • Mark visited cells to avoid redundant traversal.

    • Increment island count whenever a new island is encountered.

  • Answered by AI
Round 2 - Face to Face 

(4 Questions)

Round duration - 60 minutes
Round difficulty - Medium

This round had 2 coding questions followed by some questions from DBMS.

  • Q1. 

    Largest Rectangle in Histogram Problem Statement

    You are given an array/list HEIGHTS of length N, where each element represents the height of a histogram bar. The width of each bar is considered to be 1.

    ...
  • Ans. 

    Find the area of the largest rectangle that can be formed within the bounds of a given histogram.

    • Iterate through the histogram bars and calculate the area of the largest rectangle that can be formed using each bar as the height.

    • Use a stack to keep track of the indices of the bars in non-decreasing order of height.

    • Pop elements from the stack and calculate the area until a smaller height bar is encountered.

    • Update the max...

  • Answered by AI
  • Q2. 

    Valid Parentheses Problem Statement

    Given a string 'STR' consisting solely of the characters “{”, “}”, “(”, “)”, “[” and “]”, determine if the parentheses are balanced.

    Input:

    The first line contains an...
  • Ans. 

    The task is to determine if a given string consisting of parentheses is balanced or not.

    • Iterate through the characters of the string and use a stack to keep track of opening parentheses.

    • If an opening parenthesis is encountered, push it onto the stack.

    • If a closing parenthesis is encountered, check if it matches the top of the stack. If it does, pop the stack, else the string is not balanced.

    • At the end, if the stack is e...

  • Answered by AI
  • Q3. Can you explain the concept of ACID properties in DBMS?
  • Ans. 

    ACID properties in DBMS ensure data integrity and consistency in transactions.

    • Atomicity: All operations in a transaction are completed successfully or none at all.

    • Consistency: Data is always in a valid state before and after a transaction.

    • Isolation: Transactions are isolated from each other to prevent interference.

    • Durability: Once a transaction is committed, changes are permanent and survive system failures.

    • Example: If...

  • Answered by AI
  • Q4. Can you explain the different levels of data abstraction in a DBMS?
  • Ans. 

    Levels of data abstraction in a DBMS refer to the different views of data provided to users and applications.

    • Physical level: Deals with how data is stored on the storage media. Example: data blocks, pages, indexes.

    • Logical level: Focuses on how data is represented to users. Example: tables, views, constraints.

    • View level: Provides a customized view of the database for specific users or applications. Example: queries, rep

  • Answered by AI
Round 3 - Face to Face 

(4 Questions)

Round duration - 60 minutes
Round difficulty - Medium

Standard DS/Algo round with 2 coding questions followed by 2 interesting puzzles.

  • Q1. 

    Cycle Detection in Undirected Graph Problem Statement

    You are provided with an undirected graph containing 'N' vertices and 'M' edges. The vertices are numbered from 1 to 'N'. Your objective is to determi...

  • Ans. 

    Detect if an undirected graph contains a cycle by exploring all possible paths.

    • Use Depth First Search (DFS) algorithm to traverse the graph and detect cycles.

    • Maintain a visited set to keep track of visited vertices and a parent pointer to avoid visiting the same vertex twice.

    • If a visited vertex is encountered that is not the parent of the current vertex, a cycle is present.

    • Consider edge cases like disconnected graphs a

  • Answered by AI
  • Q2. 

    Maximum 1s in a Row Problem

    Given a matrix ARR with dimensions N * M, consisting only of 0s and 1s where each row is sorted, determine the index of the row that contains the highest number of 1s. If multi...

  • Ans. 

    Find the row with the maximum number of 1s in a sorted matrix.

    • Iterate through each row of the matrix and count the number of 1s in each row

    • Keep track of the row index with the maximum number of 1s

    • Return the index of the row with the highest count of 1s

  • Answered by AI
  • Q3. You have two wires of different lengths, each taking different amounts of time to burn completely. How can you use these wires to measure a specific duration of time?
  • Ans. 

    By lighting both wires at the same time, the shorter wire will burn out first, allowing you to measure a specific duration of time.

    • Light both wires at the same time

    • Measure the time it takes for the shorter wire to burn out completely

    • The remaining length of the longer wire will indicate the specific duration of time

  • Answered by AI
  • Q4. You have 3 ants located at the corners of a triangle. The challenge is to determine the movement pattern of the ants if they all start moving towards each other. What will be the outcome?

Interview Preparation Tips

Eligibility criteriaAbove 7 CGPASapient Corporation interview preparation:Topics to prepare for the interview - Data Structures, Algorithms, DBMS, OS, Aptitude, OOPSTime required to prepare for the interview - 4 monthsInterview preparation tips for other job seekers

Tip 1 : Must do Previously asked Interview as well as Online Test Questions.
Tip 2 : Go through all the previous interview experiences from Codestudio and Leetcode.
Tip 3 : Do at-least 2 good projects and you must know every bit of them.

Application resume tips for other job seekers

Tip 1 : Have at-least 2 good projects explained in short with all important points covered.
Tip 2 : Every skill must be mentioned.
Tip 3 : Focus on skills, projects and experiences more.

Final outcome of the interviewSelected

Skills evaluated in this interview

Barclays Global Service Centre Interview FAQs

How many rounds are there in Barclays Global Service Centre UI Developer interview?
Barclays Global Service Centre interview process usually has 5 rounds. The most common rounds in the Barclays Global Service Centre interview process are Coding Test, Resume Shortlist and HR.
What are the top questions asked in Barclays Global Service Centre UI Developer interview?

Some of the top questions asked at the Barclays Global Service Centre UI Developer interview -

  1. Create accord...read more
  2. all about previous company, expected salary and company policy discuss...read more
  3. Css topic flex grid and different framew...read more

Tell us how to improve this page.

Barclays Global Service Centre UI Developer Interview Process

based on 2 interviews

Interview experience

5
  
Excellent
View more
Barclays Global Service Centre UI Developer Salary
based on 14 salaries
₹10.1 L/yr - ₹16 L/yr
114% more than the average UI Developer Salary in India
View more details

Barclays Global Service Centre UI Developer Reviews and Ratings

based on 5 reviews

4.2/5

Rating in categories

4.2

Skill development

4.4

Work-life balance

3.8

Salary

3.6

Job security

4.2

Company culture

2.0

Promotions

4.0

Work satisfaction

Explore 5 Reviews and Ratings
Assistant Vice President
681 salaries
unlock blur

₹14.5 L/yr - ₹42.2 L/yr

Process Advisor
404 salaries
unlock blur

₹1 L/yr - ₹7.5 L/yr

Senior Analyst
360 salaries
unlock blur

₹3.5 L/yr - ₹11.8 L/yr

Assistant Manager
254 salaries
unlock blur

₹6.5 L/yr - ₹23.3 L/yr

Vice President
201 salaries
unlock blur

₹22 L/yr - ₹74.7 L/yr

Explore more salaries
Compare Barclays Global Service Centre with

DXC Technology

3.7
Compare

Mphasis

3.4
Compare

Sutherland Global Services

3.5
Compare

Optum Global Solutions

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