AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
i
Zensar Technologies
Compare
Filter interviews by
Zensar Technologies UI Frontend Developer Interview Questions, Process, and Tips
Zensar Technologies UI Frontend Developer Interview Experiences
1 interview found
I applied via Naukri.com
(14 Questions)
- Q1. Difference between display: inline, display: block and display: inline-block in CSS?
- Ans.
display: inline, block and inline-block are CSS properties that define how an element is displayed on a webpage.
display: inline - element is displayed inline with the text and other inline elements. It does not start on a new line.
display: block - element is displayed as a block-level element, starting on a new line and taking up the full width available.
display: inline-block - element is displayed inline with the text...
- Q2. What are pseudo classes and pseudo elements in CSS?
- Ans.
Pseudo classes and pseudo elements are CSS selectors that target specific states or parts of an element.
Pseudo classes target specific states of an element, such as :hover, :active, and :focus.
Pseudo elements target specific parts of an element, such as ::before and ::after.
Pseudo classes and pseudo elements are denoted by a colon (:) or double colon (::) preceding the selector.
They can be used to add special effects, ...
- Q3. What are the ways to create objects in JS?
- Ans.
There are several ways to create objects in JS, including object literals, constructor functions, and ES6 classes.
Object literals: var obj = {key1: value1, key2: value2}
Constructor functions: function Person(name, age) {this.name = name; this.age = age}; var person1 = new Person('John', 30)
ES6 classes: class Car {constructor(make, model) {this.make = make; this.model = model}}; var car1 = new Car('Toyota', 'Corolla')
- Q4. What are some of the string methods in JS?
- Ans.
JS has various string methods to manipulate and extract information from strings.
toUpperCase() - converts string to uppercase
toLowerCase() - converts string to lowercase
charAt() - returns character at specified index
indexOf() - returns index of specified substring
slice() - extracts a section of a string
replace() - replaces specified substring with another string
split() - splits a string into an array of substrings
trim(...
- Q5. What are the new input types in HTML5?
- Ans.
New input types in HTML5 include color, date, email, number, range, tel, and more.
Color: Allows users to select a color.
Date: Provides a date picker for selecting dates.
Email: Ensures that the input is a valid email address.
Number: Restricts input to numeric values.
Range: Allows users to select a value within a specified range.
Tel: Ensures that the input is a valid telephone number.
- Q6. What are forwardRefs in React?
- Ans.
ForwardRefs allow React components to pass refs to their children.
Used to access child component's DOM node or instance
Used with functional components
Helps in avoiding prop drilling
Can be used with React.memo for performance optimization
- Q7. What is a z-index in CSS?
- Ans.
z-index is a CSS property that controls the stacking order of elements on a webpage.
z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky)
Higher z-index values stack on top of lower ones
Negative z-index values can be used to place elements behind other elements
z-index can be used to create layered effects on a webpage
- Q8. What is function currying in JS?
- Ans.
Function currying is a technique of transforming a function that takes multiple arguments into a sequence of functions that each take a single argument.
Currying allows partial application of a function.
It helps in creating reusable functions.
Curried functions can be composed easily.
It can be achieved using bind() or closures.
Example: const add = x => y => x + y; add(2)(3) returns 5.
- Q9. What is the difference between element and components in React?
- Ans.
Elements are the smallest building blocks of React UI, while components are made up of one or more elements.
Elements are immutable and cannot be changed once created
Components are reusable and can be composed of other components
Elements are represented by tags, while components are represented by functions or classes
Examples of elements include
, , and , while examples of components include,
- Q10. What are the type of functions in JS?
- Ans.
JS has two types of functions: named and anonymous.
Named functions are declared with a name and can be called anywhere in the code.
Anonymous functions are declared without a name and are usually assigned to a variable.
Arrow functions are a shorthand for anonymous functions.
Higher-order functions take one or more functions as arguments or return a function as a result.
- Q11. What is a dynamic import in React?
- Ans.
Dynamic import is a feature in React that allows loading components or modules on demand.
Used to improve performance by loading components only when needed
Implemented using the 'import()' function
Returns a Promise that resolves to the module
Can be used with React.lazy() to lazy load components
- Q12. What is bubbling and capturing in JS?
- Ans.
Bubbling and capturing are two phases of event propagation in JavaScript.
Bubbling is the default phase where the event starts from the innermost element and propagates outwards to the outermost element.
Capturing is the opposite phase where the event starts from the outermost element and propagates inwards to the innermost element.
Both phases can be used to handle events on parent and child elements.
Event.stopPropagatio...
- Q13. What is position: absolute vs position: relative in CSS?
- Ans.
position: absolute takes element out of normal flow, position: relative keeps element in normal flow but allows for positioning
position: absolute removes element from normal flow and positions it relative to the nearest positioned ancestor
position: relative keeps element in normal flow but allows for positioning relative to its normal position
position: absolute elements are positioned relative to the nearest positioned...
- Q14. What is canvas and SVGs?
- Ans.
Canvas and SVGs are two different ways to create graphics on the web.
Canvas is a bitmap-based drawing technology that allows for dynamic, scriptable rendering of 2D shapes and bitmap images.
SVG is a vector-based drawing technology that allows for scalable, resolution-independent graphics.
Canvas is best suited for complex, interactive graphics, while SVG is best suited for static, high-resolution graphics.
Canvas is supp...
Interview Preparation Tips
- Html5
- CSS3
- Javascript
- React
- Bootstrap
Skills evaluated in this interview
Top trending discussions
Interview questions from similar companies
pandu s
Interview Questionnaire
7 Questions
- Q1. React life cycle what is difference between useCallback and useMemo
- Ans.
useCallback and useMemo are both hooks used to optimize performance in React by memoizing values and functions.
useCallback is used to memoize functions and prevent unnecessary re-renders when passed as props to child components.
useMemo is used to memoize values and prevent unnecessary re-computations when used in the component's render method.
Both hooks take a dependency array as a second argument to determine when to ...
- Q2. Javascript denouncing vs throttling
- Ans.
Javascript denouncing vs throttling
Denouncing is delaying the execution of a function until a certain amount of time has passed since the last time it was called
Throttling is limiting the number of times a function can be called within a certain time period
Denouncing is useful for functions that are called frequently but only need to be executed once in a while
Throttling is useful for functions that can be called multi...
- Q3. Javascript hoisting related questions and snippets
- Q4. Closures, inheritance
- Q5. Es6 let const differece
- Ans.
let and const are block-scoped variables introduced in ES6.
let allows reassignment while const does not.
let and const have different hoisting behaviors.
const must be initialized during declaration.
let and const are not accessible outside their block scope.
- Q6. Some live scenerios
- Q7. How to improve page optimization in react
- Ans.
Optimize page load time by reducing bundle size and using lazy loading.
Use code splitting to split the bundle into smaller chunks
Use lazy loading to load components only when needed
Minimize the use of heavy libraries and optimize images
Use server-side rendering to reduce initial load time
Use caching to reduce subsequent load times
Interview Preparation Tips
Skills evaluated in this interview
React Js Frontend Developer Interview Questions & Answers
Publicis Sapient
Anonymous
posted on 4 Oct 2024
I applied via Approached by Company and was interviewed in Sep 2024. There was 1 interview round.
(2 Questions)
- Q1. What is the difference between debounce and throttling
- Ans.
Debounce delays the execution of a function until after a specified time period, while throttling limits the rate at which a function can be executed.
Debounce waits for a specified time period of inactivity before executing the function, while throttling limits the rate at which the function can be called.
Debounce is useful for scenarios like search bars where you want to wait for the user to finish typing before makin...
- Q2. What was used before Rest APIs
- Ans.
SOAP (Simple Object Access Protocol) was used before Rest APIs for web services communication.
SOAP was a protocol for exchanging structured information in the implementation of web services.
SOAP used XML for message format and relied heavily on HTTP for communication.
SOAP was more rigid and complex compared to Rest APIs, which are more lightweight and flexible.
Examples of SOAP-based web services include Microsoft's .NE
Skills evaluated in this interview
Angular Frontend Developer Interview Questions & Answers
GlobalLogic
Anonymous
posted on 21 Nov 2024
Selected
(2 Questions)
- Q1. Angular advanced concepts?
- Q2. Javascript coding round ?
Frontend Developer Intern Interview Questions & Answers
DXC Technology
Anonymous
posted on 26 Oct 2024
Time base directions and probability
(2 Questions)
- Q1. Self-introduction of yourself
- Q2. Job description of the company why you need tp work in this company
Interview Preparation Tips
I applied via Approached by Company and was interviewed in Jan 2024. There was 1 interview round.
(5 Questions)
- Q1. Lots of questions about ANGULAR, HTML, CSS & Js. Seems like rapid fire round.
- Q2. Typescript based questions.
- Q3. Angular lifecycle
- Q4. Difference between SVG & CANVAS
- Ans.
SVG is a vector-based graphics format while Canvas is a bitmap-based graphics format.
SVG uses XML to define graphics and is resolution-independent.
SVG elements can be styled with CSS and manipulated with JavaScript.
Canvas is a pixel-based grid where graphics are drawn programmatically.
Canvas is more suitable for complex animations and real-time rendering.
Canvas has better performance for rendering large amounts of data
- Q5. Routing in Angular
- Ans.
Routing in Angular allows for navigation between different components and views within an application.
Angular's router module provides a way to define routes and their corresponding components.
Routes can be configured with path, component, and other properties.
RouterOutlet is used to display the component associated with the current route.
RouterLink is used to navigate to different routes.
Child routes can be defined to...
Skills evaluated in this interview
I applied via Referral and was interviewed in Nov 2024. There was 1 interview round.
(2 Questions)
- Q1. Interviewer was not letting complete my response
- Q2. If i was giving correct response, then he was interrupting and changing the question.
Interview Preparation Tips
Frontend Developer Team Lead Interview Questions & Answers
Publicis Sapient
Anonymous
posted on 22 Sep 2024
I applied via LinkedIn and was interviewed in Aug 2024. There was 1 interview round.
(2 Questions)
- Q1. Javascript basics
- Q2. Basics of other shared technologies
Interview Preparation Tips
- Javascript
React Js Frontend Developer Interview Questions & Answers
GlobalLogic
Anonymous
posted on 4 May 2024
I applied via Approached by Company and was interviewed in Apr 2024. There were 3 interview rounds.
(1 Question)
- Q1. Object , array , ES6, React basics
(2 Questions)
- Q1. Advance Javascript questions
- Q2. React application with custom hooks
- Ans.
Custom hooks in React allow for reusable logic across components.
Custom hooks are functions that use React hooks internally and can be reused across multiple components.
They can encapsulate complex logic and state management, making components more modular and easier to maintain.
Example: A custom hook for fetching data from an API and handling loading and error states can be used in multiple components.
Example: A custo...
(1 Question)
- Q1. Roles & Responsibilites
Skills evaluated in this interview
Angular Frontend Developer Interview Questions & Answers
DXC Technology
Anonymous
posted on 15 Mar 2024
(1 Question)
- Q1. Explain promises and types
- Ans.
Promises are objects representing the eventual completion or failure of an asynchronous operation. Types refer to the data types in TypeScript.
Promises are used for handling asynchronous operations in JavaScript.
They can be in one of three states: pending, fulfilled, or rejected.
Types in TypeScript help catch errors early by enforcing data types at compile time.
Examples: Promise.resolve(), Promise.reject(), string, num
Zensar Technologies Interview FAQs
Some of the top questions asked at the Zensar Technologies UI Frontend Developer interview -
Tell us how to improve this page.
Zensar Technologies Interviews By Designations
- Zensar Technologies Software Engineer Interview Questions
- Zensar Technologies Senior Software Engineer Interview Questions
- Zensar Technologies Junior Software Engineer Interview Questions
- Zensar Technologies Software Developer Interview Questions
- Zensar Technologies Technical Specialist Interview Questions
- Zensar Technologies Senior Technical Specialist Interview Questions
- Zensar Technologies Java Developer Interview Questions
- Zensar Technologies Senior Software Developer Interview Questions
- Show more
Interview Questions for Popular Designations
- React Js Frontend Developer Interview Questions
- Angular Frontend Developer Interview Questions
- Frontend Developer Intern Interview Questions
- Web Designer & 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
Top Skills for Zensar Technologies UI Frontend Developer
Interview Questions from Similar Companies
Fast track your campus placements
|
Software Engineer
3.9k
salaries
|  ₹2 L/yr - ₹10.3 L/yr |
|
Senior Software Engineer
3.8k
salaries
| ₹6 L/yr - ₹23 L/yr |
|
Technical Specialist
1.5k
salaries
| ₹9.5 L/yr - ₹34 L/yr |
|
Softwaretest Engineer
826
salaries
| ₹2.4 L/yr - ₹9.4 L/yr |
|
Senior Technical Specialist
720
salaries
| ₹11.5 L/yr - ₹40.2 L/yr |
TCS
Infosys
Wipro
HCLTech
- Home >
- Interviews >
- Zensar Technologies Interview Questions >
- Zensar Technologies UI Frontend Developer Interview Questions
