why HTML semantic elements, doctype is used why, which will seen in browser in which order, different units of css attributes, js call by value or refrence with example, diff let &const and let & var, diff arrow and regular fn, diff sessionstorage & localstorage (what happen with sessionvalue if opening new tab in same window), mediaquery, position and display flex in css, directives in angular, spread and rest in js, anonymous fn with example, what is prototype and how to achieve inheritance in JS, Css Specificity and how to calculate

Question

Accepted Answer

HTML semantic elements are used for better structure and accessibility, doctype is used to specify the version of HTML, different CSS units include px, %, em, etc., JavaScript can call by value or reference, let and const are block-scoped while var is function-scoped, arrow functions are more concise than regular functions, sessionStorage is tab-specific while localStorage is window-specific, media queries are used for responsive design, flexbox is used for flexible layouts in CSS, directives in Angular are markers on DOM elements, spread and rest operators are used in JavaScript for array manipulation, prototypes are used for inheritance in JavaScript, CSS specificity determines which styles are applied, and can be calculated using a specific formula.

HTML semantic elements provide meaning to the content, such as
,
,
, etc.
Doctype declaration specifies the version of HTML being used, like .
Different units in CSS include px (pixels), % (percentage), em (relative to font size), etc.
JavaScript can pass arguments by value or reference, for example: function changeValue(val) { val = 10; }
let and const are block-scoped variables in JavaScript, while var is function-scoped.
Arrow functions are more concise and have implicit return, e.g., const add = (a, b) => a + b;
sessionStorage is tab-specific and gets cleared when the tab is closed, while localStorage is window-specific.
Media queries are used in CSS to apply styles based on device characteristics like screen width.
Flexbox in CSS is used for creating flexible layouts with containers and items.
Directives in Angular are markers on DOM elements that tell Angular to do something with that element.
Spread operator (...) is used to expand elements in an array, while rest operator (...) is used to gather elements into an array.
Prototypes in JavaScript are used for inheritance, allowing objects to inherit properties and methods from other objects.
CSS specificity determines which styles take precedence when multiple rules apply to the same element.
To calculate CSS specificity, assign a value to each selector type and compare them to determine the most specific rule.

Top Accenture Application Development Analyst interview questions & answers

Popular interview questions of Application Development Analyst

Top HR questions asked in Accenture Application Development Analyst