Xoriant Front end Developer Interview Questions and Answers

Q1. How to truncate text using css only.
Ans. 
Use CSS property 'text-overflow: ellipsis' to truncate text.
• Set 'white-space: nowrap' to prevent text from wrapping

• Set 'overflow: hidden' to hide any overflowing text

• Set 'text-overflow: ellipsis' to add ellipsis (...) at the end of the truncated text
Answered by AI
View 1 more answer

Q1. Create a statics one page website with responsive.
Ans. 
Create a responsive one page website with static content.
• Use HTML and CSS to create the structure and styling of the website.

• Make sure to use media queries for different screen sizes to ensure responsiveness.

• Include a navigation menu for easy access to different sections of the page.

• Utilize flexbox or grid layout for positioning elements on the page.

• Optimize images and other media for faster loading times.

• Test the webs...read more
Answered by AI
View 1 more answer

Q1. Negotiation about salary and joining related query and information.
Add your answer

Q1. Basics about angular
Add your answer
Q2. Javascript concepts
Add your answer

Q1. Angular basics regarding lifecycle hooks, rxjs, data bindingetc
Add your answer
Q2. Coding to find the common characters comparing 3 strings
Ans. 
Finding common characters in 3 strings using coding
• Create a function that takes in 3 strings as input

• Iterate through each character of the first string and check if it exists in the other 2 strings

• Store the common characters in an array and return it
Answered by AI
Add your answer

Q1. ES6 concepts, React js over all concepts
Add your answer

Q1. ES6 concepts, coding
Add your answer

Q1. Challenges, about current project
Add your answer

Q1. General questions and joining formalities
Add your answer

Q1. All about the front end basic questions
Add your answer
Q2. What are all basic CSS properties
Ans. 
Basic CSS properties include color, font-size, margin, padding, and display.
• color

• font-size

• margin

• padding

• display
Answered by AI
Add your answer
Q3. Basic question on javascript
Add your answer

Q1. Basic JS concepts and programming related to them
Add your answer
Q2. HTML, CSS questions
Add your answer
Q3. Framework knowledge
Add your answer

Q1. Problem solving related to algorithms and data structures
Add your answer

Hacker Rank Online Written Test

Topics covered DSA and Javascript

Q1. Display a list of items using Pagination concept in React using any online coding editor.
Ans. 
Display a list of items using Pagination concept in React
• Create a list of items to display

• Implement pagination logic to display a limited number of items per page

• Add navigation buttons to switch between pages
Answered by AI
Add your answer
Q2. Check if pair sum exists in the array (Two Sum)?
Ans. 
Check if pair sum exists in the array using a hash map.
• Use a hash map to store the difference between the target sum and each element in the array.

• Iterate through the array and check if the current element exists in the hash map.

• Return true if a pair sum exists, otherwise return false.
Answered by AI
Add your answer
Q3. React LifeCycle?
Add your answer
Q4. How do you improve the performance of a website?
Ans. 
Improving website performance involves optimizing code, reducing server requests, using caching, and optimizing images.
• Optimize code by minifying CSS, JavaScript, and HTML

• Reduce server requests by combining files and using asynchronous loading

• Utilize caching techniques like browser caching and server-side caching

• Optimize images by resizing, compressing, and using modern image formats like WebP
Answered by AI
Add your answer
Q5. What is NextJS?
Ans. 
NextJS is a React framework that allows for server-side rendering and static site generation.
• NextJS is built on top of React, providing features like server-side rendering and static site generation.

• It simplifies the process of building React applications by handling routing, code splitting, and more out of the box.

• NextJS also supports API routes for serverless functions and data fetching.

• It offers features like automa...read more
Answered by AI
Add your answer