AmbitionBox
Interview Questions
- Reviews
- Salaries
- Interview Questions
- About Company
- Benefits
- Jobs
- Office Photos
- Community
Add office photos
Filter interviews by
SwaPra Technologies UI Developer Interview Questions and Answers for Experienced
SwaPra Technologies UI Developer Interview Experiences for Experienced
1 interview found
Anonymous
I applied via Naukri.com and was interviewed in May 2022. There was 1 interview round.
(2 Questions)
- Q1. How to make responsive image using html do not use css nd bootstrap
- Ans.
Use the 'srcset' attribute in the 'img' tag to make images responsive without using CSS or Bootstrap.
Use the 'srcset' attribute in the 'img' tag to provide multiple image sources with different resolutions.
Specify the 'sizes' attribute to define the layout breakpoints for different screen sizes.
Include the 'width' attribute to help the browser determine the correct image size to display.
Example: <img src='small.jpg'...
- Q2. What is different between html html 4 nd html 5
- Ans.
HTML5 introduced new features like semantic elements, audio/video support, canvas element, and improved form controls.
HTML5 introduced new semantic elements like <header>, <footer>, <nav>, <article>, <section> for better structure and SEO.
HTML5 added native support for audio and video elements, eliminating the need for third-party plugins like Flash.
HTML5 introduced the <canvas> elem...
Interview Preparation Tips
Skills evaluated in this interview
Top trending discussions
Interview questions from similar companies
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
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
Selected
I applied via Naukri.com and was interviewed in Mar 2024. There was 1 interview round.
(1 Question)
- Q1. Salary disccosion only
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
I applied via Approached by Company and was interviewed before Feb 2023. There was 1 interview round.
(3 Questions)
- Q1. React routing , class component, functional components
- Q2. Higher order component
- Q3. Hooks concept, throttle
Interview Preparation Tips
(1 Question)
- Q1. Indroduction
Hii
Interview Preparation Tips
BCA:2021
From:Mahatma Gandhi Kashi Vidhyapith Varanasi
SwaPra Technologies Interview FAQs
Tell us how to improve this page.
Interview Questions for Popular Designations
UI Developer Interview Questions from Similar Companies
|
Web Developer
11
salaries
|  ₹1.5 L/yr - ₹3.4 L/yr |
|
Software Developer
4
salaries
| ₹2.4 L/yr - ₹3.2 L/yr |
|
Java Developer
4
salaries
| ₹2.4 L/yr - ₹3.6 L/yr |
|
Front end Developer
3
salaries
| ₹1.5 L/yr - ₹3 L/yr |
|
Full Stack Developer
3
salaries
| ₹2 L/yr - ₹6 L/yr |
TCS
Accenture
Infosys
Wipro
- Home >
- Interviews >
- SwaPra Technologies Interview Questions >
- SwaPra Technologies Interview Questions for Experienced
