Virtusa Software Services Front end Developer Interview Questions and Answers

Q1. What is event bubbling
Add your answer
Q2. What is TDD and why TDD
Add your answer

Q1. CSS Box-model definition
Ans. 
CSS Box-model defines how elements are rendered in a webpage, including padding, border, and margin.
• Box-model consists of content, padding, border, and margin

• Content area is where text or images are displayed

• Padding is the space between content and border

• Border is the line around the content and padding

• Margin is the space outside the border
Answered by AI
Add your answer
Q2. Difference b/n flexbox and grid
Ans. 
Flexbox is for one-dimensional layouts, grid is for two-dimensional layouts.
• Flexbox is best for arranging items in a single row or column.

• Grid is best for creating complex layouts with rows and columns.

• Flexbox is more suitable for smaller scale layouts, while grid is better for larger scale layouts.

• Flexbox is more flexible in terms of item order and sizing, while grid provides more control over the overall layout.

• Both
Answered by AI
Add your answer

Q1. Based on Angular
Add your answer
Q2. Based on Html, CSS, Javascript
Add your answer

2 question 1 easy 2 medium dsa

2 codes of dsa and mcq.

Q1. Code paring round
Add your answer
Q2. Dsa question of graph
Add your answer

All the basic topics

Normal JS, And CSS and HTML

Q1. Explain about react js?
Ans. 
React JS is a JavaScript library for building user interfaces.
• React is component-based, allowing for reusable UI elements.

• Uses a virtual DOM for efficient updates to the actual DOM.

• Supports server-side rendering for improved performance.

• Uses JSX syntax to write HTML within JavaScript code.

• State management is handled using props and state.
Answered by AI
Add your answer
Q2. Explain about angular?
Ans. 
Angular is a popular front-end framework developed by Google for building dynamic web applications.
• Angular is based on TypeScript, a superset of JavaScript.

• It uses a component-based architecture for building reusable UI components.

• Angular provides features like data binding, dependency injection, and routing.

• It has a powerful CLI for scaffolding and managing projects.

• Angular has a large ecosystem of libraries and tools
Answered by AI
Add your answer

Q1. Explain promise in javascript
Ans. 
Promises in JavaScript are objects 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() to handle success and .catch() to handle errors.

• Example: new Promise((resolve, reject) => { ... }).then(result => { ... }).catch(error =>
Answered by AI
Add your answer
Q2. HTML and CSS basic question
Add your answer
Q3. Let and var difference
Ans. 
let is block scoped, var is function scoped
• let is block scoped, var is function scoped

• let can't be re-declared in the same scope, var can be

• let variables are not hoisted, var variables are hoisted
Answered by AI
Add your answer
Q4. Spread and rest operator
Add your answer
Q5. Jwt and interceptor concepts
Add your answer