Adobe 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?
Ans. 
HTML5 is the latest version of the HTML standard with new features for web development.
• Support for multimedia elements like <video> and <audio>

• Canvas and SVG for graphics and animations

• Improved form controls and validation

• Offline storage capabilities with Local Storage and IndexedDB

• Geolocation API for location-based services
Answered by AI
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?
Ans. 
Prototype chaining in JavaScript is the mechanism by which objects inherit properties and methods from other objects.
• In JavaScript, each object has a prototype property, which points to another object. When a property or method is accessed on an object, JavaScript will look for it in the object itself first, and then in its prototype chain.

• If the property or method is not found in the object, JavaScript will continue t...read more
Answered by AI
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
Ans. 
Swap two numbers 'a' and 'b' and output the swapped values.
• Create a temporary variable to store one of the numbers before swapping

• Assign the value of 'a' to 'b' and the temporary variable to 'a'

• Output the swapped values as 'b' followed by 'a'
Answered by AI
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?
Ans. 
Callbacks in JavaScript are functions passed as arguments to other functions, to be executed later.
• Callbacks are commonly used in asynchronous operations, such as event handling or AJAX requests.

• They allow for more flexible and dynamic programming, by defining behavior that should happen after a certain event or task is completed.

• Example: setTimeout function in JavaScript takes a callback function as an argument to be ...read more
Answered by AI
Add your answer
Q5. What is the Same-origin policy?
Ans. 
Same-origin policy is a security measure in web browsers that restricts how a document or script loaded from one origin can interact with a resource from another origin.
• It prevents a web page from making requests to a different domain than the one it was loaded from.

• It helps protect user data and prevent malicious attacks like cross-site scripting (XSS).

• Cross-origin resource sharing (CORS) headers can be used to relax ...read more
Answered by AI
Add your answer
Q6. Can you explain the lifecycle of components in React?
Ans. 
Components in React go through various stages like mounting, updating, and unmounting.
• Components are created and inserted into the DOM during the mounting phase.

• During the updating phase, components can re-render due to changes in props or state.

• Components are removed from the DOM during the unmounting phase.

• Lifecycle methods like componentDidMount, componentDidUpdate, and componentWillUnmount are used to perform actio...read more
Answered by AI
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 your salary expectation?
Add your answer
Q2. What is the big challenge you had in your last job ?
Add your answer

Two problems in JavaScript to solve

Q1. React js basic questions
Add your answer

Hackerrank, html, javascript, css

You will need to create a working web app in vanilla JS.
need to implement the following things.
1. Fetch data from given REST api
2. Display data in List. add some css to show different type of items.
3. Implement text filter and other types of filter.
All needs to be implemented in vanilla JS

Q1. Javascript concepts Web fundamentals Promise Pollyfill
Add your answer

Q1. System Design Round Design HLD/LLD for any game like chess/Snakes and ladder
Add your answer

Q1. Hiring Manager round Asked to implement Dots and Square game
Add your answer

Q1. What aspects of this role interest you?
Ans. 
I'm excited about creating engaging user experiences and solving complex problems through innovative front-end solutions.
• Passion for user experience: I love designing intuitive interfaces that enhance user satisfaction, like creating a seamless navigation flow.

• Interest in technology: I'm eager to work with the latest frameworks and tools, such as React or Vue.js, to build dynamic applications.

• Collaboration: I enjoy wor...read more
Answered by AI
Add your answer
Q2. Can you tell me about yourself?
Add your answer
Q3. Describe the CSS box model
Ans. 
The CSS box model defines the layout of elements, including margins, borders, padding, and content area.
• Content: The innermost part where text and images appear.

• Padding: Space between the content and the border, affecting the element's size.

• Border: A line surrounding the padding (if any) and content, defining the element's outer edge.

• Margin: The outermost space that separates the element from others, creating distance.
Answered by AI
Add your answer
Q4. Differentiate Null And Undefined In Javascript
Ans. 
Null represents an intentional absence of any object value, while undefined indicates a variable has been declared but not assigned a value.
• Null is an assignment value, meaning it can be assigned to a variable as a representation of 'no value'. Example: let a = null;

• Undefined means a variable has been declared but not yet assigned a value. Example: let b; console.log(b); // Output: undefined

• Both null and undefined are ...read more
Answered by AI
Add your answer

Q1. They asked about current project.
Add your answer
Q2. They have given some problem to write javascript code.
Ans. 
This question requires writing JavaScript code to solve a specific problem.
• Understand the problem statement clearly before coding.

• Break down the problem into smaller, manageable parts.

• Use appropriate data structures (arrays, objects) for the solution.

• Write clean, readable code with comments for clarity.

• Test the code with different inputs to ensure it works as expected.
Answered by AI
View 1 more answer