AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
i
IBM
CompareProud winner of ABECA 2024 - AmbitionBox Employee Choice Awards
Filter interviews by
IBM Senior UI Developer Interview Questions and Answers
IBM Senior UI Developer Interview Experiences
1 interview found
Anonymous
I was interviewed before Jun 2020.
Interview Questionnaire
4 Questions
- Q1. Javascript- closures, promises, asyc await, spread, rest operator, ES6, array destructuring, set time out, set time interval, let , const
- Q2. React - lifecycle, hooks, props state difference
- Q3. Redux- lifecycle
- Q4. Reverse string programme
Interview Preparation Tips
Interview questions from similar companies
I applied via Naukri.com and was interviewed in Nov 2021. There were 3 interview rounds.
Interview Questionnaire
1 Question
- Q1. Css , html , bootstrap , coding and Angular
Interview Preparation Tips
Selected
(5 Questions)
- Q1. React Life cycle
- Q2. What React hooks have you utilized in your projects?
- Q3. What is Redux, and what are the differences between Redux and Context?
- Q4. What is the difference between visibility: hidden and display: none in CSS?
- Q5. What are JavaScript closures, the temporal dead zone (TDZ), hoisting, and the JavaScript engine?
Identify the duplicate character in the string.
I applied via LinkedIn and was interviewed in Nov 2024. There was 1 interview round.
(2 Questions)
- Q1. Mostly js questions, not so many of angular or react.
- Q2. Like fizbuzz or things like that.
Interview Preparation Tips
(2 Questions)
- Q1. Ui development and component related
- Q2. Performance of technology and challenges
(2 Questions)
- Q1. Personal introduction and location details
- Q2. Negatition of salries excepectations
Interview Preparation Tips
Selected
(1 Question)
- Q1. Basic html css questions
Logical reasoning, quantitative analysis and computer test
(1 Question)
- Q1. Basic html, css, javascript questions
(1 Question)
- Q1. Salary discussion
I applied via AmbitionBox and was interviewed in Aug 2024. There were 4 interview rounds.
(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
- Q2. What is HTML give a proper explanation
- Ans.
HTML stands for HyperText Markup Language, used to create and structure 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
Example: <html><head><title>Page Title</title></head><body><h1>This is a Heading</h1><p>This is a paragraph.</p></body></html>
(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
- 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
(2 Questions)
- Q1. Codes of HTML and made a program
- Ans.
HTML codes are used to create web pages. Developers use tags and attributes to structure content and design layouts.
HTML tags are used to define different elements on a webpage, such as headings, paragraphs, images, and links.
Attributes provide additional information about an element, such as its appearance or behavior.
Example: <h1>This is a heading</h1>
Example: <img src='image.jpg' alt='Description of i
- Q2. Explanation of CSS, landing pages
- Ans.
CSS is a styling language used to design the layout and appearance of web pages, while landing pages are web pages designed for a specific purpose.
CSS stands for Cascading Style Sheets and is used to control the visual presentation of HTML elements on a web page.
CSS allows developers to style elements such as fonts, colors, spacing, and layout.
Landing pages are web pages specifically designed to achieve a particular go...
Explanation of HTML ,CSS and bootstrap.
Interview Preparation Tips
Skills evaluated in this interview
amrith raj Nalam
I applied via Approached by Company and was interviewed in May 2024. There were 2 interview rounds.
(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).
- 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
(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 ...
- 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
- 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.
Interview Preparation Tips
hypothetically and behavioral questions. After all , simple says rejected?
Skills evaluated in this interview
Nikunjay Chaudhary
Hcf lcm etc readong cs fundamental
(1 Question)
- Q1. Array string html css js
2 question 1 easy 2 medium dsa
2 codes of dsa and mcq.
(2 Questions)
- Q1. Code paring round
- Q2. Dsa question of graph
IBM Interview FAQs
Tell us how to improve this page.
IBM Interviews By Designations
- IBM Application Developer Interview Questions
- IBM Software Developer Interview Questions
- IBM Associate Systems Engineer Interview Questions
- IBM Software Engineer Interview Questions
- IBM Advisory System Analyst Interview Questions
- IBM Data Engineer Interview Questions
- IBM Senior Systems Engineer Interview Questions
- IBM Senior Software Engineer Interview Questions
- Show more
Interview Questions for Popular Designations
- UI UX Developer Interview Questions
- UI Developer Interview Questions
- Senior Front end Developer Interview Questions
- Front end Web Developer Interview Questions
- Html Developer Interview Questions
- Web Developer & Designer Interview Questions
- Front end Developer Interview Questions
- Web Developer Interview Questions
- Show more
Interview Questions from Similar Companies
Fast track your campus placements
IBM Senior UI Developer Reviews and Ratings
based on 3 reviews
Rating in categories
|
Application Developer
11.6k
salaries
|  ₹5.6 L/yr - ₹23.8 L/yr |
|
Software Engineer
5.5k
salaries
| ₹5.3 L/yr - ₹22.4 L/yr |
|
Advisory System Analyst
5.2k
salaries
| ₹9.3 L/yr - ₹27 L/yr |
|
Senior Software Engineer
4.8k
salaries
| ₹8 L/yr - ₹30 L/yr |
|
Senior Systems Engineer
4.6k
salaries
| ₹5.7 L/yr - ₹19.7 L/yr |
Oracle
TCS
Cognizant
Accenture
- Home >
- Interviews >
- IBM Interview Questions >
- IBM Senior UI Developer Interview Questions
