Josh Technology Group Frontend Developer Intern Interview Questions and Answers

**1st Round: Online Assessment**
The first elimination round consisted of an online assessment focused on HTML, CSS, and JavaScript. The questions ranged from basic to advanced, with a significant emphasis on JavaScript concepts like promises and async operations. This round included negative marking, so accuracy was key.

**2nd Round: DSA Online Test**
The second elimination round tested Data Structures and Algorithms (DSA). It involved two compulsory problems: one focused on string manipulation and the other on array manipulation, both requiring solutions with O(1) space complexity.

**3rd Round: Personality Test**
This non-elimination round assessed grammar and communication skills. It included:
- Fill-in-the-blank questions focused on subject-verb agreement.
- Sentence repetition tasks where we had to listen and repeat the given sentences.
- Audio-based tasks requiring us to repeat sentences after listening to them.

**4th Round: Home Assignment**
In this elimination round, we were tasked with cloning a webpage using only HTML, CSS, and JavaScript. The goal was to create a pixel-perfect design without the use of frameworks or libraries like Bootstrap.

Candidates who cleared this round invited to the JTG campus for further process.

**5th Round: DSA **
This elimination round began with solving DSA problems focused on string and array manipulation.

**6th Round: Live Coding Assignment**
Round 5th was followed by a live coding task where we had to build a to-do application using only HTML, CSS, and JavaScript. The application needed to leverage local storage for data persistence. The technical interview in this round was based on the live coding task.

Q1. **6th and 7th Rounds: Technical Interviews** The next two elimination rounds were back-to-back technical interviews. They covered advanced concepts in HTML, CSS, and JavaScript, along with DSA problems.
Add your answer

Q1. **9th Round: HR Interview** The final round was an HR interview, where the focus was on personality traits, career aspirations, and alignment with the company’s values. **Verdict: Selected**
Add your answer

It was quite basic including the basic understanding of front-end and the aptitude

Round duration - 60 Minutes
Round difficulty - Medium

Q1. 
Last Stone Weight Problem Explanation
Given a collection of stones, each having a positive integer weight, perform the following operation: On each turn, select the two heaviest stones and smash them toge...read more
Ans. 
This question is about finding the weight of the last stone after repeatedly smashing the two heaviest stones together.
• Sort the array of stone weights in descending order.

• Repeatedly smash the two heaviest stones until there is at most 1 stone left.

• If there is 1 stone left, return its weight. Otherwise, return 0.
Answered by AI
Add your answer

Round duration - 60 minutes
Round difficulty - Medium

Q1. Design a sign-in page using only HTML and CSS.
Ans. 
Design a signin page using HTML and CSS only
• Create a form element with input fields for username and password

• Style the form using CSS to make it visually appealing

• Add a submit button for users to sign in

• Consider adding error messages or validation for user input

• Use CSS to make the page responsive for different screen sizes
Answered by AI
Add your answer

Round duration - 7 days
Round difficulty - Medium

Q1. How would you design and develop a to-do list application using local storage?
Ans. 
A todo list application using localstorage.
• Use HTML, CSS, and JavaScript to create the user interface.

• Use the localstorage API to store and retrieve todo items.

• Implement features like adding, editing, and deleting todo items.

• Display the list of todo items and their status.

• Allow users to mark todo items as completed or incomplete.
Answered by AI
Add your answer

Round duration - 120 Minutes
Round difficulty - Easy

Round duration - 60 Minutes
Round difficulty - Easy

Questions related to react and high level javascript?

Q1. What is hoisting in JavaScript?
Ans. 
Hoisting is a JavaScript behavior where variable and function declarations are moved to the top of their containing scope.
• Hoisting applies to both variable and function declarations.

• Variable declarations are hoisted but not their initializations.

• Function declarations are fully hoisted, including their definitions.

• Hoisting can lead to unexpected behavior if not understood properly.
Answered by AI
Add your answer
Q2. What is memoization in JavaScript?
Ans. 
Memoization is a technique in JavaScript to cache the results of expensive function calls for future use.
• Memoization improves performance by avoiding redundant calculations

• It is commonly used in recursive functions or functions with expensive computations

• The cached results are stored in a data structure like an object or a map

• Memoization can be implemented manually or using libraries like Lodash or Memoizee
Answered by AI
Add your answer
Q3. What is an IIFE (Immediately Invoked Function Expression) in JavaScript?
Ans. 
IIFE stands for Immediately Invoked Function Expression. It is a JavaScript function that is executed as soon as it is defined.
• IIFE is a way to create a function expression and immediately invoke it.

• It helps in creating a private scope for variables and functions.

• It is commonly used to avoid polluting the global namespace.

• IIFE can be written using different syntaxes like using parentheses, function declaration, or arro...read more
Answered by AI
Add your answer
Q4. What are promises in JavaScript?
Ans. 
Promises in JavaScript are objects that represent the eventual completion or failure of an asynchronous operation.
• Promises are used to handle asynchronous operations such as fetching data from a server or reading a file.

• They simplify the process of writing asynchronous code by providing a more structured approach.

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

• They can be chained together using methods like...read more
Answered by AI
Add your answer
Q5. What is the Temporal Dead Zone in JavaScript?
Ans. 
Temporal Dead Zone is a behavior in JavaScript where variables are not accessible before they are declared.
• Temporal Dead Zone occurs when accessing variables before they are declared

• Variables in the Temporal Dead Zone cannot be accessed or assigned

• The Temporal Dead Zone is a result of JavaScript's hoisting behavior

• Example: accessing a variable before it is declared will throw a ReferenceError
Answered by AI
Add your answer
Q6. What are arrow functions in JavaScript?
Ans. 
Arrow functions are a concise way to write functions in JavaScript.
• Arrow functions have a shorter syntax compared to regular functions.

• They do not have their own 'this' value.

• They do not have the 'arguments' object.

• They cannot be used as constructors with the 'new' keyword.

• They are commonly used in functional programming and with array methods like 'map' and 'filter'.
Answered by AI
Add your answer
Q7. What is JSX?
Ans. 
JSX is a syntax extension for JavaScript that allows you to write HTML-like code in your JavaScript files.
• JSX stands for JavaScript XML

• It is commonly used with React to define the structure and appearance of components

• JSX elements are transpiled into regular JavaScript function calls

• It allows you to write HTML-like code with JavaScript expressions embedded within curly braces

• Example:

  Hello, {name}!
Answered by AI
Add your answer
Q8. What are higher-order functions in JavaScript?
Ans. 
Higher order functions are functions that can take other functions as arguments or return functions as their results.
• Higher order functions can be used to create more flexible and reusable code.

• They enable functional programming paradigms.

• Examples of higher order functions include map, filter, and reduce in JavaScript.
Answered by AI
Add your answer
Q9. What is the virtual DOM in JavaScript?
Ans. 
Virtual DOM is a lightweight copy of the actual DOM that allows efficient updates and rendering in JavaScript frameworks.
• Virtual DOM is a concept used in JavaScript frameworks like React.

• It is a lightweight copy of the actual DOM tree.

• Changes made to the virtual DOM are compared with the actual DOM to determine the minimal updates needed.

• This helps in efficient rendering and improves performance.

• Virtual DOM allows deve...read more
Answered by AI
Add your answer

Round duration - 35 Minutes
Round difficulty - Easy

Happend around 08:30 pm