Filter interviews by
To create a Chatbox for Google Meet, you can use a combination of HTML, CSS, and JavaScript to design the interface and handle real-time messaging functionality.
Use HTML to structure the chatbox layout with input field and message display area.
Style the chatbox using CSS to make it visually appealing and user-friendly.
Implement real-time messaging functionality using JavaScript and WebSocket API for instant communicati...
useMemo is a React hook that memoizes the result of a function to prevent unnecessary re-renders.
useMemo is used to optimize performance by memoizing expensive calculations.
It takes a function and an array of dependencies as arguments.
The memoized value is only recalculated when the dependencies change.
Example: const memoizedValue = useMemo(() => calculateValue(a, b), [a, b]);
Top trending discussions
I applied via Approached by Company and was interviewed in Jul 2024. There were 2 interview rounds.
CBT-based assessments in aptitude and pseudocode for the MCA program.
I applied via Job Portal and was interviewed in Oct 2024. There were 2 interview rounds.
Javascript programming language
Javascript programming languge
Hackerrank, html, javascript, css
posted on 28 May 2024
I applied via Approached by Company and was interviewed in Nov 2023. There were 2 interview rounds.
System design for elevator
Consider the number of floors in the building
Think about the capacity of the elevator
Design algorithms for efficient movement of the elevator
Include safety features such as emergency stop
Consider user interface for passengers
I applied via Company Website and was interviewed in May 2024. There was 1 interview round.
Coding test that is from html,CSS, javascript
I applied via Company Website and was interviewed in Sep 2023. There were 3 interview rounds.
Two problems in JavaScript to solve
I was interviewed in Oct 2021.
Round duration - 60 Minutes
Round difficulty - Medium
This round consisted of some standard questions related to HTML , CSS , JS and basic Frontend develeoper practices .
What are the features of HTML-5?
HTML stands for Hypertext Markup Language, and it is the standard markup language for creating web pages and web applications. HTML5 is the 5th version of HTML.
Some of the new features that were added in HTML5 that make it better than HTML are as follows :
1) Intro of audio and video : Audio and Video tags are the two major addition to HTML5. It allows developers to embed a video or audio on their website. HTML5 v...
Explain the CSS Box Model .
Answer :
1) The CSS box model is a container that contains multiple properties including borders, margin, padding, and the content itself.
2) It is used to create the design and layout of web pages. It can be used as a toolkit for customizing the layout of different elements.
3) The web browser renders every element as a rectangular box according to the CSS box model.
4) Box-Model has multiple prope...
What is Prototype Chaining in JS?
Answer :
1) Nearly all objects in JavaScript are instances of Object.
2) That means all the objects in JavaScript inherit the properties and methods from Object.prototype. This is called Prototype chaining.
3) This is a very powerful and potentially dangerous mechanism to override or extend object behavior.
4) Objects created using the new keyword inherit from a prototype called Object.prototype.
For example: If...
What are media elements ?
Answer :
HTML5 introduced 5 most popular media element tags i.e. , , , , . This media element tags changed the entire development using HTML.
Media Tags :
: It is an inline element that is used to embed sound files into a web page.
: It is used to embed video files into a web page.
: It is used to attach multimedia files like audio, video, and pictures.
: It is used for embedding external applications which are g...
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.
The first line of input contains a single integer 't', representing the total number of test c...
Approach 1 (Using Destructruring Assignment) : This method was specific only for JS and the interviewer was preety impressed when I used it .
Destructuring assignment (a feature of ES2015) lets you extract items of an array into variables. It works with any data type: numbers, strings, booleans, objects.
Code :
let a = 1;
let b = 2;
[a, b] = [b, a];
a; // => 2
b; // => 1
[a, b] = [b, a] is the destructuring assignment th...
1. The array c...
Answer :
1) The sort() method allows us to sort elements of an array in place. Besides returning the sorted array, the sort() method changes the positions of the elements in the original array.
2) By default, the sort() method sorts the array elements in ascending order with the smallest value first and largest value last.
3) The sort() method casts elements to strings and compares the strings lexicographically to d...
Explain promises and it's 3 states .
Answer :
1) A promise is an object that may produce a single value some time in the future: either a resolved value, or a reason that it’s not resolved (e.g., a network error occurred).
2) A promise may be in one of 3 possible states: fulfilled, rejected, or pending. Promise users can attach callbacks to handle the fulfilled value or the reason for rejection.
3) Promises are eager, meaning that a promise will start ...
What are callbacks?
Answer :
A callback is a function that will be executed after another function gets executed.
In javascript, functions are treated as first-class citizens, they can be used as an argument of another function, can be returned by another function and can be used as a property of an object.
Functions that are used as an argument to another function are called callback functions.
Example Code :
function divideByHalf(sum){
...
What is the Same-origin policy ?
Answer :
1) The same-origin policy is a critical security mechanism that restricts how a document or script loaded by one origin can interact with a resource from another origin.
2) It helps isolate potentially malicious documents, reducing possible attack vectors.
3) For example, it prevents a malicious website on the Internet from running JS in a browser to read data from a third-party webmail service (which...
Explain the Lifecycle of Components in React.
Answer :
Every React Component has a lifecycle of its own, lifecycle of a component can be defined as the series of methods that are invoked in different stages of the component’s existence.A React Component can go through four stages of its life as follows.
1) Initialization: This is the stage where the component is constructed with the given Props and default state. This is done in the constructor of a Component ...
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.
Why do you want to work at amdocs?
Answer :
a) It is an IT company that caters to the telecommunication domain. The business involved in the telecommunication domain is interesting and can widen your chances of switching into various fields be it in software, hardware or networking profiles. Also, Amdocs carries a good brand name in its domain.
b) Amdocs employees get to enjoy a positive and happy work environment.
c) It is truly an employee friendly organ...
Tip 1 : Do at-least 2 good projects and you must know every bit of them.
Tip 2 : Understand the fundamentals of JavaScript as they are asked very often.
Tip 1 : Have at-least 2 good projects explained in short with all important points covered.
Tip 2 : Every skill must be mentioned.
Tip 3 : Focus on skills, projects and experiences more.
Software Engineer
4
salaries
| ₹4 L/yr - ₹6 L/yr |
TCS
Infosys
Wipro
HCLTech