Upload Button Icon Add office photos
Engaged Employer

i

This company page is being actively managed by HashedIn by Deloitte Team. If you also belong to the team, you can get access from here

HashedIn by Deloitte Verified Tick

Compare button icon Compare button icon Compare

Filter interviews by

HashedIn by Deloitte Front end Developer Interview Questions and Answers for Experienced

Updated 6 Jul 2024

HashedIn by Deloitte Front end Developer Interview Experiences for Experienced

1 interview found

Front end Developer Interview Questions & Answers

user image Shital Karhale

posted on 16 Apr 2024

Interview experience
4
Good
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(1 Question)

  • Q1. Explain closure
  • Ans. 

    Closure is a function that retains access to variables from its parent scope even after the parent function has finished executing.

    • Closure allows a function to access and manipulate variables from its outer function's scope.

    • It occurs when a function is defined within another function and the inner function uses variables from the outer function.

    • Closure helps in creating private variables and functions in JavaScript.

    • Exa...

  • Answered by AI

Interview questions from similar companies

I applied via Company Website and was interviewed in Feb 2021. There was 1 interview round.

Interview Questionnaire 

3 Questions

  • Q1. Questions like CSS box model, semantic html, javascript closure
  • Q2. Questions about bootstrap framework, Have you done any project's on these technologies?
  • Q3. What is pseudo classes and element?
  • Ans. 

    Pseudo classes and elements are used in CSS to style elements based on their state or position in the document.

    • Pseudo classes are used to style elements based on their state, such as :hover, :active, and :focus.

    • Pseudo elements are used to style specific parts of an element, such as ::before and ::after.

    • Pseudo classes and elements are denoted by a colon or double colon before the name.

    • They can be used to add special eff...

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Don't panic and brush up your technical skills before each round. doesn't matter if there are 3-4 panels for technical interview they'll just check your confidence and communication skills how you answer properly as interviews are happening virtually and through phone calls. Don't forget to thank the interviewer after each round.Dont take it lightly because these interviews are happening virtually face it like you are giving the interview in person.All the best.

Skills evaluated in this interview

Front end Developer Interview Questions Asked at Other Companies for Experienced

asked in JUSPAY
Q1. Dijkstra's Shortest Path Problem Statement You are given an undir ... read more
asked in JUSPAY
Q2. Encode N-ary Tree to Binary Tree Problem Statement You are provid ... read more
asked in JUSPAY
Q3. Path Existence in Directed Graph Given a directed and unweighted ... read more
Q4. Chocolate Distribution Problem You are given an array/list CHOCOL ... read more
asked in Nutanix
Q5. Implement a calculator class that supports chaining operations li ... read more
Interview experience
5
Excellent
Difficulty level
Easy
Process Duration
Less than 2 weeks
Result
Not Selected

I applied via Company Website and was interviewed in May 2024. There was 1 interview round.

Round 1 - Coding Test 

1 hr -duration and Question is Full of basics and technology what we have used

Round 1 - Resume Shortlist 
Pro Tip by AmbitionBox:
Keep your resume crisp and to the point. A recruiter looks at your resume for an average of 6 seconds, make sure to leave the best impression.
View all tips
Round 2 - Technical 

(1 Question)

  • Q1. ES6 concepts, React js over all concepts
Round 3 - Technical 

(1 Question)

  • Q1. ES6 concepts, coding
Round 4 - Behavioral 

(1 Question)

  • Q1. Challenges, about current project
Round 5 - HR 

(1 Question)

  • Q1. General questions and joining formalities

Interview Preparation Tips

Interview preparation tips for other job seekers - Just prepare will for basic and concept oriented. Also prepare coding as well

What people are saying about HashedIn by Deloitte

View All
a senior product master
1w
J.P. Morgan VP - Product role: Salary insights?
Looking at a VP – Product role at J.P. Morgan (CCB, Hyderabad) with 13 years of experience. Currently at 52.5 LPA (45 fixed + 7.5 variable) + 3L signing bonus. Need insights on: • Typical fixed vs variable salary split • Bonus structure and consistency • ESOPs/RSUs at this level? • Realistic total comp? Any recent or firsthand info is appreciated!
Got a question about HashedIn by Deloitte?
Ask anonymously on communities.
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
Less than 2 weeks
Result
Not Selected

I applied via Naukri.com and was interviewed in Sep 2024. There was 1 interview round.

Round 1 - Technical 

(1 Question)

  • Q1. Javascript question
Interview experience
3
Average
Difficulty level
-
Process Duration
-
Result
-
Round 1 - Technical 

(2 Questions)

  • Q1. Angular basics regarding lifecycle hooks, rxjs, data bindingetc
  • Q2. Coding to find the common characters comparing 3 strings
  • Ans. 

    Finding common characters in 3 strings using coding

    • Create a function that takes in 3 strings as input

    • Iterate through each character of the first string and check if it exists in the other 2 strings

    • Store the common characters in an array and return it

  • Answered by AI

Skills evaluated in this interview

I applied via Naukri.com

Round 1 - Technical 

(1 Question)

  • Q1. Basic JS & React JS question
Round 2 - Technical 

(1 Question)

  • Q1. Advance level of JS and React related question and coding skills test as well.
Round 3 - HR 

(1 Question)

  • Q1. What are your salary expectations?
  • Ans. 

    I am open to discussing salary based on the responsibilities and requirements of the position.

    • I am flexible and open to negotiation.

    • I am looking for a fair and competitive salary.

    • I am more interested in the overall compensation package rather than a specific number.

    • I would like to be compensated based on my skills, experience, and the value I can bring to the company.

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Good interview procedures.
Compensation is good.
Are these interview questions helpful?
Interview experience
4
Good
Difficulty level
Moderate
Process Duration
More than 8 weeks
Result
Selected Selected

I appeared for an interview before Jun 2023.

Round 1 - Assignment 

Create 1 webpage using html, css, js, scss - xd provided

Round 2 - Technical 

(7 Questions)

  • Q1. Doctype in html
  • Ans. 

    Doctype in HTML specifies the version of HTML being used in the document.

    • Doctype declaration is placed at the very beginning of an HTML document before the <html> tag.

    • It helps the browser to render the web page correctly by specifying the version of HTML being used.

    • Example: <!DOCTYPE html> for HTML5, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tr...

  • Answered by AI
  • Q2. What is Flexbox in css
  • Ans. 

    Flexbox is a layout model in CSS that allows you to design complex layouts with a more efficient and predictable way.

    • Flexbox is used for creating flexible and responsive layouts.

    • It allows you to align and distribute space among items in a container.

    • Flexbox properties include display: flex, flex-direction, justify-content, align-items, and more.

    • Example: display: flex; justify-content: center; align-items: center;

  • Answered by AI
  • Q3. Document.ready and window.onload difference
  • Ans. 

    Document.ready is a jQuery function that fires when the DOM is ready, while window.onload is a vanilla JavaScript event that fires when all resources have loaded.

    • Document.ready is specific to jQuery, while window.onload is a standard JavaScript event.

    • Document.ready fires when the DOM is ready, even if images are still loading, while window.onload waits for all resources to finish loading.

    • Document.ready is faster than w...

  • Answered by AI
  • Q4. Position properties in css
  • Ans. 

    Position properties in CSS control the positioning of elements on a webpage.

    • The 'position' property specifies the type of positioning method used for an element (static, relative, absolute, fixed, or sticky).

    • The 'top', 'right', 'bottom', and 'left' properties can be used to adjust the position of an element relative to its containing element.

    • Examples: position: relative; top: 10px; left: 20px;

  • Answered by AI
  • Q5. Box model in css
  • Ans. 

    Box model in CSS refers to the way elements are rendered on a webpage, including content, padding, border, and margin.

    • The box model consists of content, padding, border, and margin.

    • Content is the actual content of the element.

    • Padding is the space between the content and the border.

    • Border is the line that surrounds the padding.

    • Margin is the space outside the border.

    • You can adjust the size of each part of the box model u...

  • Answered by AI
  • Q6. Semantic tags in html
  • Ans. 

    Semantic tags in HTML are specific tags that provide meaning to the content they enclose.

    • Semantic tags help search engines and screen readers understand the structure of a webpage.

    • Examples of semantic tags include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <figure>, <figcaption>.

    • Using semantic tags improves SEO and accessibility of a website.

  • Answered by AI
  • Q7. Display properties
  • Ans. 

    Display properties are used in CSS to control the layout and appearance of elements on a webpage.

    • Display property determines how an element is displayed on the page

    • Common values include 'block', 'inline', 'inline-block', 'flex', 'grid', 'none'

    • Example: display: block; will make the element a block-level element

  • Answered by AI
Round 3 - One-on-one 

(3 Questions)

  • Q1. What is Flexbox in css
  • Ans. 

    Flexbox is a layout model in CSS that allows for the design of complex responsive layouts with a more efficient and predictable way.

    • Flexbox is used to create flexible and responsive layouts.

    • It allows for easy alignment and distribution of space among items in a container.

    • Flexbox properties include display: flex, flex-direction, justify-content, align-items, and more.

    • Example: display: flex; justify-content: center; alig...

  • Answered by AI
  • Q2. Box sizing difference and scenario
  • Ans. 

    Box sizing property in CSS determines how the total width and height of an element is calculated.

    • Content-box: width and height only include the content, padding and border are added on top.

    • Border-box: width and height include content, padding, and border.

    • Use content-box when you want to specify the width and height of the content area only.

    • Use border-box when you want to specify the width and height of the entire box i...

  • Answered by AI
  • Q3. Bootstrap grid and flex

Interview Preparation Tips

Interview preparation tips for other job seekers - Be prepared well, all the best👍

Skills evaluated in this interview

Interview experience
4
Good
Difficulty level
Easy
Process Duration
-
Result
-

I applied via Approached by Company and was interviewed in Feb 2024. There was 1 interview round.

Round 1 - Technical 

(4 Questions)

  • Q1. What is bridge? What is the new architecture?
  • Ans. 

    Bridge is a structural design pattern that decouples an abstraction from its implementation. The new architecture refers to modern design patterns and technologies used in software development.

    • Bridge pattern allows the client code to work with different implementations of an interface independently.

    • The new architecture in front end development may include concepts like component-based architecture, state management lib...

  • Answered by AI
  • Q2. How will you optimize a react native app
  • Ans. 

    Optimizing a React Native app involves reducing bundle size, improving performance, and enhancing user experience.

    • Use code splitting to reduce initial load time

    • Optimize images and assets for smaller file sizes

    • Implement lazy loading for components that are not immediately visible

    • Minimize the use of third-party libraries and only include necessary dependencies

    • Utilize performance monitoring tools like React Native Perform...

  • Answered by AI
  • Q3. What is context API
  • Ans. 

    Context API is a feature in React that allows sharing data between components without having to pass props through every level of the component tree.

    • Context API provides a way to pass data through the component tree without having to pass props down manually at every level.

    • It is useful for sharing global data such as themes, user authentication, or language preferences.

    • Context API consists of three main parts: Provider...

  • Answered by AI
  • Q4. What is hoisting
  • Ans. 

    Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope during compilation.

    • Variable declarations are hoisted to the top of their scope, 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

Skills evaluated in this interview

I applied via LinkedIn and was interviewed in Sep 2022. There were 2 interview rounds.

Round 1 - Resume Shortlist 
Pro Tip by AmbitionBox:
Keep your resume crisp and to the point. A recruiter looks at your resume for an average of 6 seconds, make sure to leave the best impression.
View all tips
Round 2 - Technical 

(2 Questions)

  • Q1. Clousers in Javascript
  • Ans. 

    Closures are functions that have access to variables in their outer scope, even after the outer function has returned.

    • Closures are created when a function is defined inside another function.

    • The inner function has access to the outer function's variables and parameters.

    • Closures can be used to create private variables and methods.

    • Closures can also be used to create functions with pre-set arguments.

  • Answered by AI
  • Q2. Difference between use ref and create ref
  • Ans. 

    useRef is a hook used to create a mutable ref object, while createRef is a method used to create a ref object.

    • useRef is a hook provided by React, while createRef is a method provided by the React library.

    • useRef can be used in functional components to create a mutable ref object that persists across renders.

    • createRef is used in class components to create a ref object that can be attached to a DOM element.

    • useRef can also...

  • Answered by AI

Interview Preparation Tips

Interview preparation tips for other job seekers - Have technical knowledge and hold of concepts. Go with prep.

Skills evaluated in this interview

HashedIn by Deloitte Interview FAQs

How many rounds are there in HashedIn by Deloitte Front end Developer interview for experienced candidates?
HashedIn by Deloitte interview process for experienced candidates usually has 1 rounds. The most common rounds in the HashedIn by Deloitte interview process for experienced candidates are Technical.
How to prepare for HashedIn by Deloitte Front end Developer interview for experienced candidates?
Go through your CV in detail and study all the technologies mentioned in your CV. Prepare at least two technologies or languages in depth if you are appearing for a technical interview at HashedIn by Deloitte. The most common topics and skills that interviewers at HashedIn by Deloitte expect are Angularjs, Frontend Development, HTML, TypeScript and UI Development.
What are the top questions asked in HashedIn by Deloitte Front end Developer interview for experienced candidates?

Some of the top questions asked at the HashedIn by Deloitte Front end Developer interview for experienced candidates -

  1. Explain clos...read more
  2. variable declaration in...read more
  3. css flexbox & g...read more

Tell us how to improve this page.

Overall Interview Experience Rating

4/5

based on 1 interview experience

HashedIn by Deloitte Front end Developer Salary
based on 6 salaries
₹8.7 L/yr - ₹15.3 L/yr
77% more than the average Front end Developer Salary in India
View more details

HashedIn by Deloitte Front end Developer Reviews and Ratings

based on 2 reviews

4.0/5

Rating in categories

5.0

Skill development

5.0

Work-life balance

4.0

Salary

5.0

Job security

5.0

Company culture

3.0

Promotions

5.0

Work satisfaction

Explore 2 Reviews and Ratings
Software Engineer
466 salaries
unlock blur

₹8.2 L/yr - ₹15.4 L/yr

Software Engineer2
452 salaries
unlock blur

₹12 L/yr - ₹21 L/yr

Senior Software Engineer
215 salaries
unlock blur

₹12.2 L/yr - ₹21.4 L/yr

Software Engineer II
213 salaries
unlock blur

₹9.7 L/yr - ₹19 L/yr

Software Developer
212 salaries
unlock blur

₹7.8 L/yr - ₹17.7 L/yr

Explore more salaries
Compare HashedIn by Deloitte with

ITC Infotech

3.7
Compare

CMS IT Services

3.1
Compare

KocharTech

3.9
Compare

Xoriant

4.1
Compare
write
Share an Interview