Upload Button Icon Add office photos
Engaged Employer

i

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

Mphasis Verified Tick

Compare button icon Compare button icon Compare

Filter interviews by

Mphasis Front end Developer Interview Questions and Answers

Updated 28 Jun 2024

Mphasis Front end Developer Interview Experiences

2 interviews found

Interview experience
3
Average
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
No response

I applied via Naukri.com and was interviewed in May 2024. There was 1 interview round.

Round 1 - Technical 

(2 Questions)

  • Q1. CSS Box-model definition
  • Ans. 

    CSS Box-model defines how elements are rendered in a webpage, including padding, border, and margin.

    • Box-model consists of content, padding, border, and margin

    • Content area is where text or images are displayed

    • Padding is the space between content and border

    • Border is the line around the content and padding

    • Margin is the space outside the border

  • Answered by AI
  • Q2. Difference b/n flexbox and grid
  • Ans. 

    Flexbox is for one-dimensional layouts, grid is for two-dimensional layouts.

    • Flexbox is best for arranging items in a single row or column.

    • Grid is best for creating complex layouts with rows and columns.

    • Flexbox is more suitable for smaller scale layouts, while grid is better for larger scale layouts.

    • Flexbox is more flexible in terms of item order and sizing, while grid provides more control over the overall layout.

    • Both

  • Answered by AI

Skills evaluated in this interview

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

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

Round 1 - Technical 

(4 Questions)

  • Q1. Basic questions on JavaScript, React and HTML/CSS.
  • Q2. Hoisting, Closures, Event Loop, Promises, Async/Await
  • Q3. Semantic elements, block and inline elements, meta tag CSS box model, ways of adding CSS, CSS pre-processors
  • Q4. React questions on component lifecycle, different hooks and thier use, fetching data and displaying it in a list.

Interview Preparation Tips

Interview preparation tips for other job seekers - Prepare well for the core concepts of Js, HTML and CSS
Basic React topics like component life cycle, fetching data using api endpoints.

Front end Developer Interview Questions Asked at Other Companies

Q1. Non-Decreasing Array Problem Statement Given an integer array ARR ... read more
Q2. Find Unique Element in Array You have been provided an integer ar ... read more
asked in JUSPAY
Q3. Dijkstra's Shortest Path Problem Statement You are given an undir ... read more
asked in JUSPAY
Q4. Encode N-ary Tree to Binary Tree Problem Statement You are provid ... read more
Q5. Sort Linked List Based on Actual Values You are given a Singly Li ... read more

Interview questions from similar companies

Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-

I applied via Job Portal and was interviewed in Aug 2024. There was 1 interview round.

Round 1 - Technical 

(2 Questions)

  • Q1. Difference between foreach and map
  • Ans. 

    foreach is used to iterate over an array without returning a new array, while map creates a new array by applying a function to each element.

    • foreach does not return a new array, while map does

    • foreach does not modify the original array, while map creates a new array

    • foreach is used for iterating over elements, while map is used for transforming elements

    • Example: foreach - array.forEach(item => console.log(item)), map - ar

  • Answered by AI
  • Q2. Explain rxjs operators
  • Ans. 

    RxJS operators are functions that enable complex asynchronous operations and data manipulation in reactive programming.

    • RxJS operators are used to transform, filter, combine, and create observables.

    • Operators can be categorized into creation operators, transformation operators, filtering operators, combination operators, and utility operators.

    • Examples of operators include map, filter, mergeMap, switchMap, debounceTime, a

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - good

Skills evaluated in this interview

Interview experience
5
Excellent
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Coding Test 

Find reverse string using array

Round 2 - Technical 

(1 Question)

  • Q1. What are Routing Guards?
  • Ans. 

    Routing guards are used in Angular to control access to certain routes based on certain conditions.

    • Routing guards are used to protect routes in Angular applications.

    • They can be used to control access based on authentication status, user roles, etc.

    • There are different types of routing guards like CanActivate, CanActivateChild, CanDeactivate, CanLoad.

    • Example: CanActivate guard can be used to check if a user is authentica

  • Answered by AI

Skills evaluated in this interview

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 Mar 2024. There was 1 interview round.

Round 1 - One-on-one 

(3 Questions)

  • Q1. What is AOT And JIT How angular different from react Route guard
  • Ans. 

    AOT (Ahead-of-Time) and JIT (Just-in-Time) are compilation techniques used in Angular. Angular and React differ in their architecture and data binding approach. Route guards in Angular are used to control access to routes.

    • AOT compilation in Angular converts TypeScript code into efficient JavaScript code during the build process, resulting in faster rendering and smaller bundle sizes.

    • JIT compilation in Angular compiles ...

  • Answered by AI
  • Q2. How angular application build
  • Ans. 

    Angular applications are built using the Angular CLI, which provides a command-line interface for creating, building, and serving Angular projects.

    • Angular applications are built using the Angular CLI (Command Line Interface)

    • The Angular CLI provides commands for creating new projects, generating components, services, modules, etc.

    • To build an Angular application, you can use the 'ng build' command which compiles the appl

  • Answered by AI
  • Q3. Project discussion

Interview Preparation Tips

Interview preparation tips for other job seekers - Keep prepare for basic questions and some of the coding

Skills evaluated in this interview

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

I applied via LinkedIn and was interviewed in Jul 2024. There were 3 interview rounds.

Round 1 - Aptitude Test 

20 MCQs on Aptitude & Quants, can google practice the questions

Round 2 - Coding Test 

2 Questions of easy/medium level can select any language and code.

Round 3 - React 

(1 Question)

  • Q1. 40 MCQs on HTML/CSS and React (mainly class components)

Interview Preparation Tips

Topics to prepare for Nagarro Front end Developer interview:
  • HTML
  • CSS
  • React
Interview preparation tips for other job seekers - google nagarro frontend questions and prepare
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 2024. There were 3 interview rounds.

Round 1 - Aptitude Test 

Online Aptitude Test

Round 2 - Technical 

(2 Questions)

  • Q1. React JS Questions
  • Q2. Basic Javascript Questions
Round 3 - One-on-one 

(2 Questions)

  • Q1. Experience related questions
  • Q2. Brief explanation on projects
  • Ans. 

    I have worked on various projects ranging from e-commerce websites to interactive web applications.

    • Developed responsive e-commerce website using HTML, CSS, and JavaScript

    • Created interactive data visualization tool using D3.js library

    • Implemented user authentication and authorization using React and Firebase

  • Answered by AI
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 Jan 2024. There was 1 interview round.

Round 1 - Aptitude Test 

General aptitude test, coding test, technical test questions

Interview Preparation Tips

Interview preparation tips for other job seekers - Try to solve at least one coding question with all test case pass.

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

Round 1 - Aptitude Test 

Aptitude, technical, coding test not sufficient time

Round 2 - Coding Test 

Coding you have to do 2 problems it is included in the first round

Interview Preparation Tips

Interview preparation tips for other job seekers - First-round will be MCQ, coding they will send you one link
you have 1:30 hrs time to complete the test
Aptitude - 20 Questions MCQ
Coding - 2 problems
Technical - 40 Questions MCQ
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

I applied via LinkedIn and was interviewed before Feb 2023. There were 3 interview rounds.

Round 1 - Aptitude Test 

It was easy not that hard

Round 2 - Coding Test 

Coding question were on medium level

Round 3 - Technical 

(1 Question)

  • Q1. Be prepared for project question

Mphasis Interview FAQs

How many rounds are there in Mphasis Front end Developer interview?
Mphasis interview process usually has 1 rounds. The most common rounds in the Mphasis interview process are Technical.
How to prepare for Mphasis Front end 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 Mphasis. The most common topics and skills that interviewers at Mphasis expect are Javascript, HTML, React Native, Digital Marketing and Front End.
What are the top questions asked in Mphasis Front end Developer interview?

Some of the top questions asked at the Mphasis Front end Developer interview -

  1. difference b/n flexbox and g...read more
  2. CSS Box-model definit...read more
  3. Semantic elements, block and inline elements, meta tag CSS box model, ways of a...read more

Tell us how to improve this page.

Mphasis Front end Developer Interview Process

based on 2 interviews

Interview experience

3.5
  
Good
View more
Mphasis Front end Developer Salary
based on 80 salaries
₹3 L/yr - ₹9.9 L/yr
13% less than the average Front end Developer Salary in India
View more details

Mphasis Front end Developer Reviews and Ratings

based on 6 reviews

3.2/5

Rating in categories

3.0

Skill development

4.2

Work-life balance

2.8

Salary

3.4

Job security

3.8

Company culture

2.9

Promotions

3.2

Work satisfaction

Explore 6 Reviews and Ratings
Software Engineer
6.5k salaries
unlock blur

₹2 L/yr - ₹9.5 L/yr

Senior Software Engineer
5.7k salaries
unlock blur

₹6 L/yr - ₹24 L/yr

Associate Software Engineer
4.7k salaries
unlock blur

₹2 L/yr - ₹6 L/yr

Module Lead
2.4k salaries
unlock blur

₹9.5 L/yr - ₹36 L/yr

Transaction Processing Officer
2.3k salaries
unlock blur

₹1.4 L/yr - ₹4.5 L/yr

Explore more salaries
Compare Mphasis with

Cognizant

3.7
Compare

Wipro

3.7
Compare

Accenture

3.8
Compare

TCS

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