AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
Filter interviews by
Icancerhelp India Senior UI Developer Interview Questions, Process, and Tips
Icancerhelp India Senior UI Developer Interview Experiences
1 interview found
Anonymous
I applied via Naukri.com and was interviewed in May 2021. There was 1 interview round.
Interview Questionnaire
13 Questions
- Q1. Position relative and absolute how both are works ?
- Ans.
Position relative and absolute are CSS properties used for positioning elements on a webpage.
Position relative: element is positioned relative to its normal position in the document flow.
Position absolute: element is positioned relative to its nearest positioned ancestor.
Position absolute takes the element out of the normal document flow.
Position relative can be used to create subtle adjustments to an element's positio...
- Q2. Difference between tags and elements in html ?
- Ans.
Tags are used to define the structure of an element in HTML, while elements are the actual components that make up a webpage.
Tags are enclosed in angle brackets (<>) and define the beginning and end of an element.
Elements consist of the opening tag, content, and closing tag.
Example: <p> is a tag that defines a paragraph element, while <p>This is a paragraph</p> is the complete paragraph element.
- Q3. How to check , uncheck checkbox by clicking on lebel ?
- Ans.
Use 'for' attribute in label tag to associate with checkbox id
Add 'for' attribute in label tag with value as the id of the checkbox input element
Clicking on the label will toggle the checkbox state
- Q4. Box model in CSS ?
- Ans.
Box model is a fundamental concept in CSS that defines how elements are rendered on a web page.
Box model consists of content, padding, border, and margin.
Content is the actual content of the element.
Padding is the space between the content and the border.
Border is the line that surrounds the element.
Margin is the space between the border and the adjacent elements.
Box-sizing property can be used to change the box model ...
- Q5. Difference between flexbox and grid ?
- Ans.
Flexbox is one-dimensional layout while Grid is two-dimensional layout.
Flexbox is best suited for arranging items in a single row or column.
Grid is best suited for arranging items in rows and columns.
Flexbox has a main axis and a cross axis.
Grid has rows and columns that intersect to form grid cells.
Flexbox is great for responsive design and centering items.
Grid is great for complex layouts and aligning items precisely...
- Q6. Why we use SCSS ?
- Ans.
SCSS is used to write more maintainable and scalable CSS code.
SCSS allows for nesting of CSS rules, making it easier to read and organize code.
Variables and mixins in SCSS can be reused throughout the codebase, reducing redundancy.
SCSS also supports inheritance, allowing for more efficient and modular code.
It compiles to regular CSS, so it can be used in any web project.
SCSS is widely used in modern web development fra
- Q7. What is Mixin in SCSS ?
- Ans.
Mixin is a reusable block of code in SCSS that can be included in other stylesheets.
Mixin allows developers to define a set of CSS declarations that can be reused throughout the stylesheet.
It helps in reducing code duplication and makes the code more maintainable.
Mixin can take arguments and can be used to generate different styles based on the arguments passed.
Mixin can be defined using the @mixin directive and includ
- Q8. Benefits of using SCSS ?
- Ans.
SCSS provides benefits like variables, nesting, mixins, and inheritance to make CSS more efficient and maintainable.
SCSS allows for the use of variables, which can be reused throughout the stylesheet.
Nesting in SCSS makes it easier to read and organize code.
Mixins allow for the reuse of code snippets, reducing the amount of code needed.
Inheritance in SCSS allows for the creation of base styles that can be extended and ...
- Q9. What Viewport is ?
- Ans.
Viewport is the visible area of a web page displayed on a device's screen.
Viewport determines how much content can be seen without scrolling
It can be adjusted using meta tags in HTML or CSS media queries
Viewport size varies depending on the device and orientation
Viewport can affect the layout and responsiveness of a website
- Q10. What is the use on meta tags in html ?
- Ans.
Meta tags in HTML are used to provide metadata about the HTML document.
Meta tags are placed in the head section of an HTML document.
They provide information such as character set, viewport settings, keywords, and description.
Meta tags can also be used for search engine optimization (SEO) purposes.
Example: <meta charset='UTF-8'>
- Q11. How to make a webpage responsive ?
- Ans.
A webpage can be made responsive by using media queries, flexible grids, and images, and by optimizing the layout for different devices.
Use CSS media queries to adjust the layout based on screen size
Use flexible grids and images that can scale to fit different screen sizes
Optimize the layout for touch devices by using larger buttons and spacing
Test the responsiveness on different devices and adjust as needed
- Q12. Can we make a page responsive without media queries ?
- Ans.
No, media queries are necessary for responsive design.
Media queries are used to apply different styles based on screen size
Without media queries, the design would not adapt to different devices
Responsive design is essential for a good user experience
- Q13. How to work on light and dark theme in same project.
- Ans.
Use CSS variables to define colors and switch between themes based on user preference.
Define CSS variables for light and dark theme colors
Use JavaScript to detect user preference for light or dark theme
Switch between themes by updating CSS variables with JavaScript
Consider using a toggle button or system preference to allow users to switch themes manually
Interview Preparation Tips
In the End - Be Positive.
Skills evaluated in this interview
Top trending discussions
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
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
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.
(7 Questions)
- Q1. Css flexbox and grid
- Q2. Pagination on scroll
- Ans.
Implementing pagination on scroll allows for loading more content as the user reaches the bottom of the page.
Use a scroll event listener to detect when the user has reached the bottom of the page
Make an API call to fetch more data when the bottom is reached
Append the new data to the existing content on the page
- Q3. Immediately invoked fn and anonymous fn
- Ans.
Immediately invoked function expressions (IIFE) are functions that are executed immediately after they are created.
IIFE is defined and invoked at the same time using parentheses at the end of the function declaration.
Anonymous functions do not have a name and can be used as IIFE by wrapping them in parentheses.
IIFE is commonly used to create a private scope for variables and functions.
- Q4. What are closures
- Ans.
Closures are functions that have access to variables from their outer scope even after the outer function has finished executing.
Closures allow functions to access variables from their parent function even after the parent function has returned
They help in creating private variables and functions in JavaScript
Closures are commonly used in event handlers and callbacks
- Q5. What is promise? explain
- Ans.
A promise is an object representing the eventual completion or failure of an asynchronous operation.
Promises are used to handle asynchronous operations in JavaScript.
They can be in one of three states: pending, fulfilled, or rejected.
Promises can be chained using .then() method to handle success and failure callbacks.
Example: Fetch API returns a promise when making an HTTP request.
- Q6. What is lazy loading -explain
- Ans.
Lazy loading is a technique used in web development to defer loading non-essential resources until they are needed.
Lazy loading helps improve page load times by only loading resources when they are required.
It is commonly used for images, videos, and other media files on a webpage.
Lazy loading can be implemented using JavaScript libraries like Intersection Observer or by using native browser features like loading='lazy
- Q7. Media query and css selectors
Skills evaluated in this interview
I applied via Campus Placement and was interviewed in Oct 2024. There were 3 interview rounds.
Basic apptitude qwuestions were asked
(2 Questions)
- Q1. Questions on java and cybersecurity what is cybersecurity what is malware and ransomeware
- Q2. What is java how is it different from python
- Ans.
Java is a statically typed, object-oriented programming language, while Python is dynamically typed and focuses on simplicity and readability.
Java is statically typed, meaning variables must be declared with a specific data type, while Python is dynamically typed.
Java is more verbose and requires more code to accomplish tasks compared to Python.
Python emphasizes simplicity and readability, making it easier for beginner...
(2 Questions)
- Q1. Introduction why ltimindtree
- Ans.
I chose Mindtree because of its reputation for innovation, collaborative work culture, and opportunities for growth.
Reputation for innovation: Mindtree is known for its cutting-edge technology solutions and innovative projects.
Collaborative work culture: Mindtree fosters a team-oriented environment where employees can learn and grow together.
Opportunities for growth: Mindtree offers various training programs and career...
- Q2. Relocation situastion based questions
Interview Preparation Tips
- Java
- cybersecurity
- HTML
Skills evaluated in this interview
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
Icancerhelp India Interview FAQs
Tell us how to improve this page.
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
Top Skills for Icancerhelp India Senior UI Developer
Interview Questions from Similar Companies
|
Senior UI Developer
3
salaries
|  ₹10 L/yr - ₹12.5 L/yr |
TCS
Accenture
Wipro
Cognizant
- Home >
- Interviews >
- Icancerhelp India Interview Questions >
- Icancerhelp India Senior UI Developer Interview Questions
