Deloitte Front end Developer Interview Questions and Answers for Experienced

Q1. Hoisting concept with examples and guess the output
Ans. 
Hoisting is a JavaScript mechanism where variable and function declarations are moved to the top of their containing scope.
• Variable declarations are hoisted but not their initializations.

• Function declarations are fully hoisted.

• Example: console.log(myVar); var myVar = 10; // Output: undefined

• Example: console.log(myFunc()); function myFunc() { return 'Hello!'; } // Output: Hello!
Answered by AI
Add your answer
Q2. Map functionality with a call back function
Ans. 
Using map function to apply a callback function to each element in an array
• Map function is used to iterate over an array and apply a callback function to each element

• The callback function can perform operations on each element and return a new value

• Example: arr.map(item => item * 2) will double each element in the array
Answered by AI
Add your answer
Q3. Copy object, spread operator usage . Deep copy, sallow copy
Add your answer
Q4. Flexbox vs grid, dom, box model,
Ans. 
Flexbox is best for one-dimensional layouts, Grid is best for two-dimensional layouts, DOM is the structure of a webpage, Box model is the layout of elements.
• Flexbox is best for creating one-dimensional layouts like navigation bars or sidebars.

• Grid is best for creating two-dimensional layouts like grids of images or cards.

• DOM (Document Object Model) is the structure of a webpage, representing the elements as objects.

• Bo...read more
Answered by AI
Add your answer
Q5. React optimization, why React,
Add your answer

Q1. What are semantic elements in HTML?
Ans. 
Semantic elements in HTML provide meaning to the content, making it easier for search engines and screen readers to interpret.
• Semantic elements are HTML tags that clearly define the content they wrap.

• They provide structure and meaning to the content, making it more accessible and SEO-friendly.

• Examples include <header>, <footer>, <nav>, <article>, <section>, <aside>, <main>, <...read more
Answered by AI
Add your answer
Q2. Difference between html5 and html?
Ans. 
HTML5 is the latest version of HTML with new features and improvements.
• HTML5 supports new elements like <header>, <footer>, <nav>, <article>, <section> etc.

• HTML5 supports new input types like email, url, date, range, color etc.

• HTML5 supports new APIs like Geolocation, Web Storage, Web Workers, Canvas, Audio/Video etc.
Answered by AI
Add your answer

Q1. How to pass data in components using Vue js and react js?
Ans. 
Data can be passed in components using props in Vue.js and React.js.
• In Vue.js, data can be passed down to child components using props.

• In React.js, data can be passed down to child components using props as well.

• In Vue.js, props are defined in the parent component and passed down to the child component.

• In React.js, props are passed down from parent to child components as attributes.
Answered by AI
Add your answer

Q1. Javascipt question
Add your answer
Q2. Promises, filter, map, What is single page , mulitple page application, opened google page by search for one product in that using console filter it only for sony products only
Add your answer
Q3. What is DOM, what is the use of that
Ans. 
DOM stands for Document Object Model, it is a programming interface for web documents. It represents the structure of a document as a tree of objects.
• DOM is used to interact with HTML and XML documents in a structured way

• It allows developers to manipulate the content, structure, and style of a website dynamically

• DOM provides methods and properties to access and modify elements on a web page

• Example: document.getElementB...read more
Answered by AI
Add your answer
Q4. What is the output if u type document in console
Ans. 
The output will display the document object in the console.
• Typing 'document' in the console will return the document object, which represents the current HTML document.

• The document object provides access to the content and structure of the webpage, allowing manipulation of elements and properties.
Answered by AI
Add your answer

Basic angular questions like-lazy loading, == === operator etc

Q1. Map function , hashmap
Add your answer