Upload Button Icon Add office photos
Engaged Employer

i

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

ACL Digital Verified Tick

Compare button icon Compare button icon Compare

Filter interviews by

ACL Digital UI Developer Interview Questions and Answers

Updated 9 Dec 2024

ACL Digital UI Developer Interview Experiences

1 interview found

UI Developer Interview Questions & Answers

user image Anonymous

posted on 9 Dec 2024

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

(2 Questions)

  • Q1. What are closures in js?
  • Q2. What is hoisting and code snippets of hoisting
Round 2 - Technical 

(2 Questions)

  • Q1. Infinite currying with example
  • Q2. Write polyfill for bind method
Round 3 - HR 

(2 Questions)

  • Q1. Basic Projects and work discussion
  • Q2. Salary and perks discussion

Interview questions from similar companies

Interview Questionnaire 

2 Questions

  • Q1. I joined cognizant as a fresher, so jat be confident about one programing language and try to solve basic fundamental programming and oops concept along with sql knowledge
  • Q2. I was asked for the Armstrong that l did and about hierarchy and structure

Interview Preparation Tips

Interview preparation tips for other job seekers - Be confident that you are a learner and can be fit to any project.

I appeared for an interview in Aug 2017.

Interview Preparation Tips

Round: Test
Experience: All questions related to HTML, CSS, Bootstrap, Javascript, JQuery and Angular jS
Duration: 30 minutes
Total Questions: 20

Round: Technical Interview
Experience: They ask all Technical Questions which are based on our skills mentioned in CV.

I applied via Recruitment Consultant and was interviewed before Jul 2020. There were 4 interview rounds.

Interview Questionnaire 

3 Questions

  • Q1. Components of extjs
  • Ans. 

    ExtJS is a JavaScript framework for building web applications with rich user interfaces.

    • ExtJS has a wide range of components including grids, forms, trees, charts, and more.

    • Components can be customized with themes and plugins.

    • Some popular ExtJS components include GridPanel, FormPanel, and TreePanel.

    • ExtJS also includes a powerful data package for managing data in components.

    • Components can be easily integrated with other

  • Answered by AI
  • Q2. How to fetch value using different methods
  • Ans. 

    Different methods to fetch values in UI development

    • Using document.getElementById() to fetch value by element ID

    • Using document.querySelector() to fetch value by CSS selector

    • Using event.target.value to fetch value from input fields

    • Using AJAX to fetch data from server

    • Using local storage to fetch stored values

  • Answered by AI
  • Q3. Grid events and structures of basis form
  • Ans. 

    Grid events and structures are essential for UI development.

    • Grid events are actions that occur when a user interacts with a grid, such as clicking a cell or scrolling.

    • Grid structures refer to the layout and organization of the grid, including columns, rows, and headers.

    • Examples of grid events include onCellClick, onRowSelect, and onScroll.

    • Examples of grid structures include columnDefs, rowData, and headerHeight.

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Easy

Skills evaluated in this interview

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
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

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. Indroduction
Round 3 - Aptitude Test 

Hii

Interview Preparation Tips

Interview preparation tips for other job seekers - hii Govind kumar
BCA:2021
From:Mahatma Gandhi Kashi Vidhyapith Varanasi
Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(2 Questions)

  • Q1. Explain difference between inline and inline block
  • Ans. 

    Inline elements do not start on a new line and only take up as much width as necessary, while inline-block elements can have a width and height set.

    • Inline elements do not start on a new line and only take up as much width as necessary

    • Inline-block elements can have a width and height set

    • Inline elements ignore top and bottom margins and padding, while inline-block elements respect them

  • Answered by AI
  • Q2. Described semantic html
  • Ans. 

    Semantic HTML is a way of writing HTML that focuses on the meaning of the content rather than its appearance.

    • Semantic HTML uses tags that clearly define the purpose of the content, such as <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>.

    • It helps improve accessibility for users with disabilities by providing more context to screen readers and other assistive tec...

  • Answered by AI

Skills evaluated in this interview

Interview Questionnaire 

1 Question

  • Q1. Questions on routing concepts, advanced html,css and javascript
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
2-4 weeks
Result
Selected Selected

I applied via Naukri.com and was interviewed in Apr 2023. There were 3 interview rounds.

Round 1 - Resume Shortlist 
Pro Tip by AmbitionBox:
Don’t add your photo or details such as gender, age, and address in your resume. These details do not add any value.
View all tips
Round 2 - Aptitude Test 

30 min,mathematics,general study

Round 3 - Coding Test 

30 min, UI full stack developer

Interview Preparation Tips

Interview preparation tips for other job seekers - Be honest don't lost your hopes and try again and again and again.........you will success!

ACL Digital Interview FAQs

How many rounds are there in ACL Digital UI Developer interview?
ACL Digital interview process usually has 3 rounds. The most common rounds in the ACL Digital interview process are Technical and HR.
How to prepare for ACL Digital UI 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 ACL Digital. The most common topics and skills that interviewers at ACL Digital expect are UI Development, Javascript, Angular, CSS and Front End.
What are the top questions asked in ACL Digital UI Developer interview?

Some of the top questions asked at the ACL Digital UI Developer interview -

  1. what is hoisting and code snippets of hoist...read more
  2. what are closures in ...read more
  3. Basic Projects and work discuss...read more

Tell us how to improve this page.

ACL Digital UI Developer Interview Process

based on 1 interview

Interview experience

5
  
Excellent
View more
Senior Software Engineer
491 salaries
unlock blur

₹7 L/yr - ₹25 L/yr

Technical Lead
248 salaries
unlock blur

₹12.5 L/yr - ₹36.6 L/yr

Software Engineer
232 salaries
unlock blur

₹2.5 L/yr - ₹10 L/yr

Module Lead
231 salaries
unlock blur

₹7.7 L/yr - ₹32 L/yr

Technical Support Engineer
116 salaries
unlock blur

₹2 L/yr - ₹7 L/yr

Explore more salaries
Compare ACL Digital with

L&T Technology Services

3.3
Compare

LTIMindtree

3.8
Compare

Persistent Systems

3.5
Compare

TCS

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