Intellect Design Arena Front end Developer Interview Questions and Answers

Coding test that is from html,CSS, javascript

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

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

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) => { ... })
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
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
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
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

Round duration - 60 minutes
Round difficulty - Easy

This was a technical round with questions on DBMS.

Q1. What is data integrity?
Ans. 
Data integrity refers to the accuracy, consistency, and reliability of data throughout its lifecycle.
• Data integrity ensures that data is accurate and consistent in storage and transmission.

• It involves maintaining the quality and reliability of data over time.

• Methods for ensuring data integrity include checksums, encryption, and error detection codes.

• Examples of data integrity violations include data corruption, unautho
Answered by AI
Add your answer
Q2. What is a trigger in the context of a database management system?
Ans. 
A trigger is a special type of stored procedure that automatically executes when certain events occur in a database.
• Triggers are used to enforce business rules, maintain data integrity, and automate repetitive tasks.

• They can be triggered by INSERT, UPDATE, or DELETE operations on a table.

• Examples of triggers include auditing changes to a table, updating related tables when a record is modified, or enforcing referential
Answered by AI
Add your answer
Q3. What is the difference between clustered and non-clustered indexes in a database management system?
Ans. 
Clustered indexes physically order the data in the table, while non-clustered indexes do not.
• Clustered indexes determine the physical order of data in the table, while non-clustered indexes do not.

• A table can have only one clustered index, but multiple non-clustered indexes.

• Clustered indexes are faster for retrieval of data, especially range queries, compared to non-clustered indexes.

• Non-clustered indexes are stored se...read more
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Easy

Technical interview round with questions on DBMS.

Q1. What is the difference between UNION and UNION ALL in SQL?
Ans. 
UNION combines and removes duplicates, UNION ALL combines without removing duplicates.
• UNION merges the result sets of two or more SELECT statements and removes duplicates.

• UNION ALL merges the result sets of two or more SELECT statements without removing duplicates.

• UNION is slower than UNION ALL as it involves removing duplicates.

• Example: SELECT column1 FROM table1 UNION SELECT column1 FROM table2;

• Example: SELECT column...read more
Answered by AI
Add your answer
Q2. What are the functions of a cursor in PL/SQL?
Ans. 
A cursor in PL/SQL is used to retrieve and process multiple rows of data one at a time.
• Allows iteration over a result set

• Retrieves data row by row

• Can be used to update or delete rows in a table

• Must be declared, opened, fetched, and closed
Answered by AI
Add your answer
Q3. Write a SQL query to fetch the nth highest salary from a table.
Ans. 
SQL query to fetch the nth highest salary from a table
• Use the ORDER BY clause to sort salaries in descending order

• Use the LIMIT clause to fetch the nth highest salary
Answered by AI
Add your answer

Round duration - 30 minutes
Round difficulty - Easy

This was a managerial round with typical behavioral problems.

Round duration - 90 minutes
Round difficulty - Medium

Q1. 
Longest Increasing Subsequence Problem Statement
Given 'N' students standing in a row with specific heights, your task is to find the length of the longest strictly increasing subsequence of their heights...read more
Ans. 
Find the length of the longest strictly increasing subsequence of heights of students in a row.
• Iterate through the heights array and for each element, find the length of the longest increasing subsequence ending at that element.

• Use dynamic programming to keep track of the longest increasing subsequence length for each element.

• Return the maximum length found as the result.
Answered by AI
Add your answer
Q2. 
Overlapping Intervals Problem Statement
You are given the start and end times of 'N' intervals. Write a function to determine if any two intervals overlap.
Note:
If an interval ends at time T and anothe...read more
Ans. 
Given start and end times of intervals, determine if any two intervals overlap.
• Iterate through intervals and check if any two intervals overlap by comparing their start and end times

• Sort intervals based on start times for efficient comparison

• Consider edge cases where intervals end and start at the same time
Answered by AI
Add your answer
Q3. What SQL queries were asked during your interview?
Ans. 
Various SQL queries related to data manipulation and retrieval were asked during the interview.
• Basic SELECT queries to retrieve data from a single table

• JOIN queries to retrieve data from multiple tables based on a common column

• Aggregate functions like COUNT, SUM, AVG, etc. to perform calculations on data

• Subqueries to retrieve data based on the result of another query

• UPDATE queries to modify existing data in a table

• DELE...read more
Answered by AI
Add your answer

Round duration - 60 Minutes
Round difficulty - Medium

Q1. 
Zig-Zag String Problem Statement
Given a string STR of size N and an integer M representing the number of rows in the zig-zag pattern, return the string formed by concatenating all rows when the string ST...read more
Ans. 
Arrange a string in zig-zag pattern with given number of rows and concatenate the rows.
• Iterate through the string and distribute characters to rows based on zig-zag pattern

• Concatenate the characters in each row to get the final result

• Handle edge cases like when number of rows is 1 or equal to the length of the string
Answered by AI
Add your answer
Q2. 
Next Permutation Problem Statement
You are given a permutation of 'N' integers. A sequence of 'N' integers is considered a permutation if it includes all integers from 1 to 'N' exactly once. Your task is ...read more
Ans. 
The task is to rearrange a given permutation of 'N' integers to form the lexicographically next greater permutation.
• Iterate from right to left to find the first element that is smaller than the element to its right.

• Swap this element with the smallest element to its right that is greater than it.

• Reverse the elements to the right of the swapped element to get the lexicographically next greater permutation.
Answered by AI
Add your answer

Round duration - 60 Minutes
Round difficulty - Medium

Q1. 
Remove Consecutive Duplicates Problem Statement
Given a string S, your task is to recursively remove all consecutive duplicate characters from the string.
Input:
String S
Output:
Output string
Constr...read more
Ans. 
Recursively remove consecutive duplicate characters from a string.
• Use recursion to check if the current character is the same as the next character, if so skip the next character

• Base case: if the string is empty or has only one character, return the string

• Example: Input: 'aaabcc', Output: 'abc'
Answered by AI
Add your answer
Q2. 
Print Permutations - String Problem Statement
Given an input string 'S', you are tasked with finding and returning all possible permutations of the input string.
Input:
The first and only line of input ...read more
Ans. 
Return all possible permutations of a given input string.
• Use recursion to generate all possible permutations of the input string.

• Swap characters at different positions to generate permutations.

• Handle duplicate characters in the input string by using a set to store unique permutations.
Answered by AI
Add your answer

Round duration - 60 Minutes
Round difficulty - Medium

Q1. Design an e-commerce website similar to Flipkart or Amazon.
Ans. 
Design an e-commerce website similar to Flipkart or Amazon.
• Implement user-friendly interface for easy navigation

• Include search functionality with filters for products

• Incorporate secure payment gateway for transactions

• Provide personalized recommendations based on user behavior

• Include customer reviews and ratings for products

• Implement order tracking and delivery status updates

• Offer various payment options like credit/deb
Answered by AI
Add your answer