AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
Filter interviews by
Vkraft Software UI Developer Interview Questions, Process, and Tips
Vkraft Software UI Developer Interview Experiences
1 interview found
Anonymous
I applied via Monster and was interviewed in Nov 2021. There were 4 interview rounds.
Interview Questionnaire
4 Questions
- Q1. To design a responsive website
- Ans.
To design a responsive website
Use media queries to adjust the layout based on screen size
Implement a fluid grid system to ensure content adapts to different devices
Optimize images and other media for faster loading on mobile devices
Consider touch-friendly navigation and interactions
Test the website on various devices and screen sizes to ensure responsiveness
- Q2. Write a program to reverse a sentence
- Ans.
Program to reverse a sentence using array of strings
Split the sentence into an array of words
Loop through the array and reverse the order of the words
Join the reversed array into a sentence
- Q3. Write a program to get sum of array
- Ans.
Program to calculate the sum of an array
Iterate through the array and add each element to a running total
Use a loop or a built-in array method to calculate the sum
Handle edge cases like empty arrays or non-numeric elements
- Q4. Write a program to add two array
- Ans.
Program to add two arrays of strings
Create two arrays of strings
Loop through both arrays and add corresponding elements
Store the result in a new array
Interview Preparation Tips
Skills evaluated in this interview
Top trending discussions
Interview questions from similar companies
I appeared for an interview in Aug 2017.
Interview Preparation Tips
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.
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 Questionnaire
1 Question
- Q1. Questions on routing concepts, advanced html,css and javascript
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
- 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
- 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.
Interview Preparation Tips
Skills evaluated in this interview
Interview Questionnaire
4 Questions
- Q1. How to handle performance issues in angular
- Ans.
Performance issues in Angular can be handled by optimizing code, reducing HTTP requests, and using lazy loading.
Optimize code by using trackBy in ngFor loops
Reduce HTTP requests by using caching and pagination
Use lazy loading to load only necessary components
Use AOT compilation to reduce load time
Avoid using ngIf with heavy computations
Use ChangeDetectionStrategy.OnPush to reduce change detection cycles
- Q2. How to create and use custom directive
- Ans.
Custom directives in AngularJS allow you to create reusable components.
Create a new directive using the directive() method
Specify the directive's behavior using the link() method
Use the directive in HTML using its name as an attribute
Pass data to the directive using attributes
Example:
- Q3. How angular works , architecture
- Ans.
Angular is a JavaScript framework for building web applications with a modular architecture.
Angular uses a component-based architecture to build reusable UI components
It uses a declarative approach to define UI elements and their behavior
Angular provides a powerful set of tools for data binding, dependency injection, and routing
It follows the MVC (Model-View-Controller) pattern to separate concerns and improve maintain...
- Q4. ES6 features
Skills evaluated in this interview
(1 Question)
- Q1. Indroduction
Hii
Interview Preparation Tips
BCA:2021
From:Mahatma Gandhi Kashi Vidhyapith Varanasi
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
I applied via Naukri.com and was interviewed in Jan 2023. There were 4 interview rounds.
They was asked me about angular function and javascript
They was asked about ui developer and ui desinging
(2 Questions)
- Q1. She was asked me about salary and documentation
- Q2. She was asked me about form 16 of my previous company.
Selected
I applied via Naukri.com and was interviewed in Jan 2023. There were 2 interview rounds.
(2 Questions)
- Q1. What is lazy loading? What is routing and how to implement it? How to implement observables? What is promise? How to achieve asynchronous call in javascript?
- Ans.
Lazy loading is a technique to defer loading of non-critical resources until they are needed.
Lazy loading improves page load time and performance.
It is commonly used for images, videos, and other media files.
Lazy loading can be implemented using JavaScript libraries like LazyLoad or by using the Intersection Observer API.
Lazy loading can also be implemented in frameworks like Angular and React.
- Q2. What is HTML5? What is css3? How to achieve media queries?
- Ans.
HTML5 is the latest version of the HTML standard, CSS3 is the latest version of the CSS standard, and media queries are used in CSS to apply different styles based on device characteristics.
HTML5 is the fifth and latest version of the HTML standard used for structuring content on the web.
CSS3 is the latest version of the CSS standard used for styling web pages.
Media queries in CSS allow for responsive design by applyin...
Interview Preparation Tips
Have proper revision.
Be ready for proper explanation on your current role and responsibilities.
Skills evaluated in this interview
Vkraft Software Interview FAQs
Tell us how to improve this page.
Interview Questions for Popular Designations
- UI UX Developer Interview Questions
- Front end Developer Interview Questions
- Web Developer Interview Questions
- Backend Developer Interview Questions
- Software Developer Intern Interview Questions
- Senior UI Developer Interview Questions
- Junior Software Developer Interview Questions
- Full Stack Software Developer Interview Questions
- Show more
UI Developer Interview Questions from Similar Companies
|
Junior Software Engineer
3
salaries
|  ₹3.4 L/yr - ₹3.6 L/yr |
TCS
Accenture
Wipro
Cognizant
- Home >
- Interviews >
- Vkraft Software Interview Questions >
- Vkraft Software UI Developer Interview Questions
