Quizz GFE - Frontend

Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models

https://www.greatfrontend.com/questions/quiz/explain-your-understanding-of-the-box-model-and-how-you-would-tell-the-browser-in-css-to-render-your-layout-in-different-box-models?practice=practice&tab=quiz

What does * { box-sizing: border-box; } do?

https://www.greatfrontend.com/questions/quiz/what-does-box-sizing-border-box-do-what-are-its-advantages?practice=practice&tab=quiz

What is CSS selector specificity and how does it work?

https://www.greatfrontend.com/questions/quiz/what-is-css-selector-specificity-and-how-does-it-work?practice=practice&tab=quiz

What is the CSS display property and can you give a few examples of its use?

https://www.greatfrontend.com/questions/quiz/what-is-the-css-display-property-and-can-you-give-a-few-examples-of-its-use?practice=practice&tab=quiz

What's the difference between a relative, fixed, absolute, sticky and static-ally positioned element?

https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-a-relative-fixed-absolute-and-statically-positioned-element?practice=practice&tab=quiz

What's the difference between block, inline, and inline-block?

https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-inline-and-inline-block?practice=practice&tab=quiz

Explain the concept of "hoisting" in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-hoisting?practice=practice&tab=quiz

What is React? Describe the benefits of React

https://www.greatfrontend.com/questions/quiz/what-is-react-describe-the-benefits-of-react?practice=practice&tab=quiz

What are the differences between JavaScript variables created using let, var or const?

https://www.greatfrontend.com/questions/quiz/what-are-the-differences-between-variables-created-using-let-var-or-const?practice=practice&tab=quiz

What is the difference between React Node, React Element, and a React Component?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-react-node-react-element-and-a-react-component?practice=practice&tab=quiz

What is the difference between == and === in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-double-equal-and-triple-equal?practice=practice&tab=quiz

What is JSX and how does it work?

https://www.greatfrontend.com/questions/quiz/what-is-jsx-and-how-does-it-work?practice=practice&tab=quiz

What is the event loop in JavaScript runtimes?

https://www.greatfrontend.com/questions/quiz/what-is-event-loop-what-is-the-difference-between-call-stack-and-task-queue?practice=practice&tab=quiz

What is the difference between state and props in React?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-state-and-props-in-react?practice=practice&tab=quiz

Explain event delegation in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-event-delegation?practice=practice&tab=quiz

What is the purpose of the key prop in React?

https://www.greatfrontend.com/questions/quiz/what-is-the-purpose-of-the-key-prop-in-react?practice=practice&tab=quiz

Explain how this works in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-how-this-works-in-javascript?practice=practice&tab=quiz

What is the consequence of using array indices as the value for keys in React?

https://www.greatfrontend.com/questions/quiz/what-is-the-consequence-of-using-array-indices-as-the-value-for-key-s-in-react?practice=practice&tab=quiz

Describe the difference between a cookie, sessionStorage and localStorage in browsers

https://www.greatfrontend.com/questions/quiz/describe-the-difference-between-a-cookie-sessionstorage-and-localstorage?practice=practice&tab=quiz

What is the difference between controlled and uncontrolled React Components?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-controlled-and-uncontrolled-react-components?practice=practice&tab=quiz

Describe the difference between <script>, <script async> and <script defer>

https://www.greatfrontend.com/questions/quiz/describe-the-difference-between-script-async-and-script-defer?practice=practice&tab=quiz

What are some pitfalls about using context in React?

https://www.greatfrontend.com/questions/quiz/what-are-some-pitfalls-about-using-context-in-react?practice=practice&tab=quiz

What's the difference between a JavaScript variable that is: null, undefined or undeclared?

https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-a-variable-that-is-null-undefined-or-undeclared-how-would-you-go-about-checking-for-any-of-these-states?practice=practice&tab=quiz

What are the benefits of using hooks in React?

https://www.greatfrontend.com/questions/quiz/what-are-the-benefits-of-using-hooks-in-react?practice=practice&tab=quiz

What's the difference between .call and .apply in JavaScript?

https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-call-and-apply?practice=practice&tab=quiz

Why is it generally a good idea to position CSS <link>s between <head></head> and JS <script>s just before </body>?

https://www.greatfrontend.com/questions/quiz/css-link-between-head-and-js-script-just-before-body?practice=practice&tab=quiz

Describe Block Formatting Context (BFC) and how it works.

https://www.greatfrontend.com/questions/quiz/describe-block-formatting-context-bfc-and-how-it-works?practice=practice&tab=quiz

Describe pseudo-elements and discuss what they are used for.

https://www.greatfrontend.com/questions/quiz/describe-pseudo-elements-and-discuss-what-they-are-used-for?practice=practice&tab=quiz

Describe z-index and how stacking context is formed.

https://www.greatfrontend.com/questions/quiz/describe-z-index-and-how-stacking-context-is-formed?practice=practice&tab=quiz

What kind of things must you be wary of when designing or developing for multilingual sites?

https://www.greatfrontend.com/questions/quiz/designing-or-developing-for-multilingual-sites?practice=practice&tab=quiz

Explain how a browser determines what elements match a CSS selector.

https://www.greatfrontend.com/questions/quiz/explain-how-a-browser-determines-what-elements-match-a-css-selector?practice=practice&tab=quiz

How do you serve a page with content in multiple languages?

https://www.greatfrontend.com/questions/quiz/how-do-you-serve-a-page-with-content-in-multiple-languages?practice=practice&tab=quiz

How is responsive design different from adaptive design?

https://www.greatfrontend.com/questions/quiz/how-is-responsive-design-different-from-adaptive-design?practice=practice&tab=quiz

Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?

https://www.greatfrontend.com/questions/quiz/is-there-any-reason-youd-want-to-use-translate-instead-of-absolute-positioning-or-vice-versa-and-why?practice=practice&tab=quiz

What are data- attributes good for?

https://www.greatfrontend.com/questions/quiz/what-are-data-attributes-good-for?practice=practice&tab=quiz

What are the different ways to visually hide content (and make it available only for screen readers)?

https://www.greatfrontend.com/questions/quiz/what-are-the-different-ways-to-visually-hide-content-and-make-it-available-only-for-screen-readers?practice=practice&tab=quiz

Why you would use a srcset attribute in an image tag?

https://www.greatfrontend.com/questions/quiz/why-you-would-use-a-srcset-attribute-in-an-image-tag?practice=practice&tab=quiz

What are the rules of React hooks?

https://www.greatfrontend.com/questions/quiz/what-are-the-rules-of-react-hooks?practice=practice&tab=quiz

Explain Function.prototype.bind in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-function-prototype-bind?practice=practice&tab=quiz

Explain how prototypal inheritance works in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-how-prototypal-inheritance-works?practice=practice&tab=quiz

What does the dependency array of useEffect affect?

https://www.greatfrontend.com/questions/quiz/what-does-the-dependency-array-of-useeffect-affect?practice=practice&tab=quiz

What is the useRef hook in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-useref-hook-in-react-and-when-should-it-be-used?practice=practice&tab=quiz

What is the useCallback hook in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-usecallback-hook-in-react-and-when-should-it-be-used?practice=practice&tab=quiz

What is a closure in JavaScript, and how/why would you use one?

https://www.greatfrontend.com/questions/quiz/what-is-a-closure-and-how-why-would-you-use-one?practice=practice&tab=quiz

Describe event bubbling in JavaScript and browsers

https://www.greatfrontend.com/questions/quiz/describe-event-bubbling?practice=practice&tab=quiz

What is the difference between a Map object and a plain object in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-a-map-object-and-a-plain-object-in-javascript?practice=practice&tab=quiz

What's the difference between an "attribute" and a "property" in the DOM?

https://www.greatfrontend.com/questions/quiz/whats-the-difference-between-an-attribute-and-a-property?practice=practice&tab=quiz

Explain the differences on the usage of foo between function foo() {} and var foo = function() {} in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-the-differences-on-the-usage-of-foo-between-function-foo-and-var-foo-function?practice=practice&tab=quiz

What's a typical use case for anonymous functions in JavaScript?

https://www.greatfrontend.com/questions/quiz/whats-a-typical-use-case-for-anonymous-functions?practice=practice&tab=quiz

What is the useMemo hook in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-usememo-hook-in-react-and-when-should-it-be-used?practice=practice&tab=quiz

What are the various ways to create objects in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-are-the-various-ways-to-create-objects-in-javascript?practice=practice&tab=quiz

What is the useReducer hook in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-usereducer-hook-in-react-and-when-should-it-be-used?practice=practice&tab=quiz

What is the definition of a higher-order function in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-is-the-definition-of-a-higher-order-function?practice=practice&tab=quiz

What does re-rendering mean in React?

https://www.greatfrontend.com/questions/quiz/what-does-re-rendering-mean-in-react?practice=practice&tab=quiz

What are React Fragments used for?

https://www.greatfrontend.com/questions/quiz/what-are-react-fragments-used-for?practice=practice&tab=quiz

Describe event capturing in JavaScript and browsers

https://www.greatfrontend.com/questions/quiz/describe-event-capturing?practice=practice&tab=quiz

Explain the difference between synchronous and asynchronous functions in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-the-difference-between-synchronous-and-asynchronous-functions?practice=practice&tab=quiz

What are the pros and cons of using Promises instead of callbacks in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-are-the-pros-and-cons-of-using-promises-instead-of-callbacks?practice=practice&tab=quiz

How do you handle asynchronous data loading in React applications?

https://www.greatfrontend.com/questions/quiz/how-do-you-handle-asynchronous-data-loading-in-react-applications?practice=practice&tab=quiz

What is virtual DOM in React?

https://www.greatfrontend.com/questions/quiz/what-is-virtual-dom-in-react?practice=practice&tab=quiz

What is reconciliation in React?

https://www.greatfrontend.com/questions/quiz/what-is-reconciliation-in-react?practice=practice&tab=quiz

Explain AJAX in as much detail as possible

https://www.greatfrontend.com/questions/quiz/explain-ajax-in-as-much-detail-as-possible?practice=practice&tab=quiz

What are React Portals used for?

https://www.greatfrontend.com/questions/quiz/what-are-react-portals-used-for?practice=practice&tab=quiz

How do you abort a web request using AbortController in JavaScript?

https://www.greatfrontend.com/questions/quiz/how-do-you-abort-a-web-request-using-abortcontrollers?practice=practice&tab=quiz

Why is extending built-in JavaScript objects not a good idea?

https://www.greatfrontend.com/questions/quiz/why-is-extending-built-in-javascript-objects-not-a-good-idea?practice=practice&tab=quiz

Explain the differences between CommonJS modules and ES modules in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-the-differences-between-commonjs-modules-and-es-modules?practice=practice&tab=quiz

Explain one-way data flow of React and its benefits

https://www.greatfrontend.com/questions/quiz/explain-one-way-data-flow-of-react-and-its-benefits?practice=practice&tab=quiz

What are iterators and generators in JavaScript and what are they used for?

https://www.greatfrontend.com/questions/quiz/what-are-iterators-and-generators-and-what-are-they-used-for?practice=practice&tab=quiz

Explain the difference between mutable and immutable objects in JavaScript

https://www.greatfrontend.com/questions/quiz/explain-the-difference-between-mutable-and-immutable-objects?practice=practice&tab=quiz

What are server-sent events (SSE) ?

https://www.greatfrontend.com/questions/quiz/what-are-server-sent-events?practice=practice&tab=quiz

Explain the composition pattern in React

https://www.greatfrontend.com/questions/quiz/explain-the-composition-pattern-in-react?practice=practice&tab=quiz

What are JavaScript object getters and setters for?

https://www.greatfrontend.com/questions/quiz/what-are-javascript-object-getters-and-setters-for?practice=practice&tab=quiz

What is React Fiber and how is it an improvement over the previous approach?

https://www.greatfrontend.com/questions/quiz/what-is-react-fiber-and-how-is-it-an-improvement-over-the-previous-approach?practice=practice&tab=quiz

What are workers in JavaScript used for?

https://www.greatfrontend.com/questions/quiz/what-are-workers-in-javascript-used-for?practice=practice&tab=quiz

What is React Suspense and what does it enable?

https://www.greatfrontend.com/questions/quiz/what-is-react-suspense-and-what-does-it-enable?practice=practice&tab=quiz

How does JavaScript garbage collection work?

https://www.greatfrontend.com/questions/quiz/how-does-javascript-garbage-collection-work?practice=practice&tab=quiz

Explain what happens when setState is called in React

https://www.greatfrontend.com/questions/quiz/explain-what-happens-when-setstate-is-called-in-react?practice=practice&tab=quiz

What is the purpose of callback function argument format of setState() in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-purpose-of-callback-function-argument-format-of-setstate-in-react-and-when-should-it-be-used?framework=react&tab=quiz

What is the useId hook in React and when should it be used?

https://www.greatfrontend.com/questions/quiz/what-is-the-useid-hook-in-react-and-when-should-it-be-used?framework=react&tab=quiz

What is forwardRef() in React used for?

https://www.greatfrontend.com/questions/quiz/what-is-forwardref-in-react-used-for?framework=react&tab=quiz

Explain what React hydration is

https://www.greatfrontend.com/questions/quiz/explain-what-react-hydration-is?framework=react&tab=quiz

What is the difference between mouseenter and mouseover event in JavaScript and browsers?

https://www.greatfrontend.com/questions/quiz/what-is-the-difference-between-mouseenter-and-mouseover-event?practice=practice&tab=quiz

What are the various data types in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-are-the-various-data-types-in-javascript?practice=practice&tab=quiz

What language constructs do you use for iterating over object properties and array items in JavaScript?

https://www.greatfrontend.com/questions/quiz/what-language-constructs-do-you-use-for-iterating-over-object-properties-and-array-items?practice=practice&tab=quiz

Explain the concept of a callback function in asynchronous operations

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-a-callback-function-in-asynchronous-operations?practice=practice&tab=quiz

Explain the concept of a microtask queue

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-a-microtask-queue?practice=practice&tab=quiz

Explain the concept of Content Security Policy (CSP) and how it enhances security

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-content-security-policy-csp-and-how-it-enhances-security?practice=practice&tab=quiz

Explain the concept of Cross-Site Request Forgery (CSRF) and its mitigation techniques

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-cross-site-request-forgery-csrf-and-its-mitigation-techniques?practice=practice&tab=quiz

Explain the concept of debouncing and throttling

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-debouncing-and-throttling?practice=practice&tab=quiz

Explain the concept of destructuring assignment for objects and arrays

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-destructuring-assignment-for-objects-and-arrays?practice=practice&tab=quiz

Explain the concept of hoisting with regards to functions

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-hoisting-with-regards-to-functions?practice=practice&tab=quiz

Explain the concept of lexical scoping

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-lexical-scoping?practice=practice&tab=quiz

Explain the concept of partial application

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-partial-application?practice=practice&tab=quiz

Explain the concept of the Singleton pattern

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-the-singleton-pattern?practice=practice&tab=quiz

Explain the concept of the spread operator and its uses

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-the-spread-operator-and-its-uses?practice=practice&tab=quiz

Explain the concept of the Web Socket API

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-the-web-socket-api?practice=practice&tab=quiz

Explain the concept of tree shaking in module bundling

https://www.greatfrontend.com/questions/quiz/explain-the-concept-of-tree-shaking-in-module-bundling?practice=practice&tab=quiz

Explain the difference between shallow copy and deep copy

https://www.greatfrontend.com/questions/quiz/explain-the-difference-between-shallow-copy-and-deep-copy?practice=practice&tab=quiz

Explain the difference in hoisting between var, let, and const

https://www.greatfrontend.com/questions/quiz/explain-the-difference-in-hoisting-between-var-let-and-const?practice=practice&tab=quiz

Explain the different states of a Promise

https://www.greatfrontend.com/questions/quiz/explain-the-different-states-of-a-promise?practice=practice&tab=quiz