British Car Auctions Front end Developer Interview Questions and Answers

Round duration - 60 Minutes
Round difficulty - Medium

This round consisted of some standard questions related to HTML , CSS , JS and basic Frontend develeoper practices .

Q1. What are the features of HTML5?
Add your answer
Q2. Can you explain the CSS Box Model?
Ans. 
The CSS Box Model is a fundamental concept in CSS that defines the layout and spacing of elements on a webpage.
• The Box Model consists of content, padding, border, and margin.

• Content: The actual content of the box, such as text or images.

• Padding: Space between the content and the border.

• Border: The border surrounding the padding and content.

• Margin: Space outside the border, separating the element from other elements.

• Exa...read more
Answered by AI
Add your answer
Q3. What is prototype chaining in JavaScript?
Add your answer
Q4. What are media elements in HTML?
Ans. 
Media elements in HTML are used to embed audio and video content on a webpage.
• Media elements include <audio> and <video> tags in HTML.

• They allow for the playback of audio and video files directly on a webpage.

• Attributes like src, controls, autoplay, and loop can be used to customize the behavior of media elements.

• Example: <video src='video.mp4' controls></video>
Answered by AI
Add your answer

Round duration - 70 Minutes
Round difficulty - Medium

This was a preety intense round revolving mainly around the core concepts of JavaScript and React . I was confident about my skills in JavaScript and React as I already had some projects in JS and React and I also completed the Guided Path of JS and React in CodeStudio which boosted my preparation and helped me crack these Frontend Interviews.

Q1. 
Swap Two Numbers Problem Statement
Given two integers a and b, your task is to swap these numbers and output the swapped values.
Input:
The first line contains a single integer 't', representing the num...read more
Add your answer
Q2. 
Sort Array Problem Statement
Given an array consisting of 'N' positive integers where each integer is either 0, 1, or 2, your task is to sort the given array in non-decreasing order.
Input:
Each input st...read more
Ans. 
Sort an array of 0s, 1s, and 2s in non-decreasing order.
• Use a counting sort algorithm to count the occurrences of 0s, 1s, and 2s in the array.

• Then reconstruct the array by placing the counted elements in order.

• Time complexity of the counting sort algorithm is O(N).
Answered by AI
Add your answer
Q3. Can you explain promises and their three states?
Ans. 
Promises are objects representing the eventual completion or failure of an asynchronous operation.
• Promises have three states: pending, fulfilled, and rejected.

• Pending: initial state, neither fulfilled nor rejected.

• Fulfilled: operation completed successfully.

• Rejected: operation failed.

• Promises can be chained using .then() to handle success and failure.

• Example: const promise = new Promise((resolve, reject) => { ... })...read more
Answered by AI
Add your answer
Q4. What are callbacks in JavaScript?
Add your answer
Q5. What is the Same-origin policy?
Add your answer
Q6. Can you explain the lifecycle of components in React?
Add your answer

Round duration - 30 Minutes
Round difficulty - Easy

This was a typical HR round with some standard Behavioral questions like my interests, weaknesses, strengths, family background, are you willing to relocate or travel , why Amdocs, CEO of Amdocs etc.

Q1. Why do you want to work at Amdocs?
Add your answer

Q1. What is Event Loop ? How it works?
Ans. 
Event Loop is a mechanism in JavaScript that manages the execution of code and handles asynchronous operations.
• Event Loop continuously checks the call stack and the message queue.

• If the call stack is empty, it takes the first message from the queue and pushes it onto the call stack.

• If the message is a callback function, it is executed and removed from the call stack.

• If the message is not a callback function, it is pass...read more
Answered by AI
Add your answer
Q2. Make a set of 6 boxes Responsive in CSS
Ans. 
Use CSS to make a set of 6 boxes responsive
• Use percentage or viewport units for width and height

• Use media queries to adjust styles for different screen sizes

• Consider using flexbox or grid for layout

• Avoid using fixed pixel values

• Test on different devices and browsers

• Use CSS frameworks like Bootstrap or Foundation for easier implementation
Answered by AI
Add your answer
Q3. Hoisting & Closures Questions
Add your answer

Q1. What's your Salary expectations ?
Add your answer

It was quit well and easy based on alphabtical or programming based questions

2 3 coding questions on patterend question

Q1. Based on html,css Javascript
Add your answer
Q2. Based on ReactJs
Add your answer
Q3. Javascript promise method
Ans. 
JavaScript Promise is an object representing the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations such as fetching data from an API.

• They have three states: pending, fulfilled, or rejected.

• Promises can be chained using .then() and .catch() methods.

• Promises can also be created using the Promise constructor.
Answered by AI
Add your answer
Q4. Javascript callback funtions
Add your answer

Based on html, Css, Javascript and React-Js

How revere the string without using reverse method

Split duplication from the array

Q1. Salary negotiation, asked about my previous employer
Add your answer
Q2. Speak bold at time of salary negotiation
Add your answer

Q1. Reverse the string
Ans. 
Reverse a given string
• Use built-in methods like split(), reverse(), and join() to reverse the string

• Alternatively, loop through the string from end to start and build a new reversed string
Answered by AI
Add your answer

Future of ai in 2025

1hr

Q1. About the ReactJS, Javascrirp,HTML5,CSS3 Questions
Add your answer

Q1. Salary Discussion only
Add your answer