# esoolgnah/frontend-interview-questions

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/esoolgnah-frontend-interview-questions).**

_How this analysis was created: the description and tags below were written by an AI model that read this project's README and public documentation pages; stars, license and language come straight from the GitHub API. The model does not read the source code._

1,424 stars · 125 forks

## Links

- GitHub: https://github.com/Esoolgnah/Frontend-Interview-Questions
- awesome-repositories: https://awesome-repositories.com/repository/esoolgnah-frontend-interview-questions.md

## Topics

`css` `front-end` `html` `interview` `interview-questions` `javascript`

## Description

Frontend-Interview-Questions is an educational knowledge base and study guide designed for technical interview preparation, software engineering job roles, and core web development concept review. It provides structured resources covering frontend topics, language fundamentals, and browser mechanics.

The repository explores fundamental concepts including JavaScript runtime behavior, asynchronous execution, lexical scoping, closures, hoisting, and variable declaration comparisons. It also examines architectural topics such as browser rendering pipelines, document object model manipulation, networking protocols, styling rules, and client-side versus server-side page generation strategies.

## Tags

### Education & Learning Resources

- [Front End Interview Preparation](https://awesome-repositories.com/f/education-learning-resources/front-end-interview-preparation.md) — Provides structured educational resources for frontend technical interview preparation.
- [Interview Preparation Guides](https://awesome-repositories.com/f/education-learning-resources/interview-preparation-guides.md) — Provides a curated collection of web development interview questions, terminology, and core concepts ranked by importance for technical preparation.
- [Interview Question Banks](https://awesome-repositories.com/f/education-learning-resources/interview-question-banks.md) — Features a structured guide covering JavaScript principles, asynchronous programming, closures, hoisting, and runtime behavior for developer interviews.
- [Hoisting Explanations](https://awesome-repositories.com/f/education-learning-resources/variable-declaration-guides/hoisting-explanations.md) — Moves variable and function declarations to the top of their scope during compilation before execution occurs. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/hoisting.md))
- [Developer Knowledge Bases](https://awesome-repositories.com/f/education-learning-resources/developer-knowledge-bases.md) — Serves as an educational resource explaining browser rendering, DOM manipulation, networking protocols, and modern web architecture concepts.
- [Frontend Framework Interview Questions](https://awesome-repositories.com/f/education-learning-resources/educational-resources/career-interview-community/interview-preparation-resources/web-mobile-platform-questions/framework-interview-questions/frontend-framework-interview-questions.md) — Examines a structured collection of web development questions and terminology ranked by importance to prepare for technical interviews. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/this.md))

### Web Development

- [Browser Rendering](https://awesome-repositories.com/f/web-development/browser-rendering.md) — Examines how browsers parse markup, execute scripts, calculate layouts, and paint pixels to optimize web page performance.
- [Browser Rendering Pipelines](https://awesome-repositories.com/f/web-development/browser-rendering-pipelines.md) — Examines how browsers parse markup and stylesheets, execute scripts, and combine trees to display visual elements on screen. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/browser-rendering.md))
- [Event Delegation](https://awesome-repositories.com/f/web-development/event-delegation.md) — Demonstrates event delegation techniques to efficiently handle interactions on current and future child elements. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/event-bubbling.md))
- [Server-Side Rendering](https://awesome-repositories.com/f/web-development/server-side-rendering.md) — Covers techniques and utilities for rendering web components on the server to generate static markup before sending it to the client. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/spa-scr-ssr.md))

### Content Management & Publishing

- [Document Rendering](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing/rendering-visualization/document-rendering.md) — Examines browser rendering pipelines and document layout visual display. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/what-happens-when-type-google.md))

### Data & Databases

- [Web Document Parsing](https://awesome-repositories.com/f/data-databases/document-parsing-engines/web-document-parsing.md) — Covers parsing markup documents into structured semantic token trees. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/why-stop-rendering.md))
- [Local Storage Persistence](https://awesome-repositories.com/f/data-databases/local-storage-persistence.md) — Explains local storage persistence for retaining client data across sessions. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/web-storage.md))
- [Browser Session Data Management](https://awesome-repositories.com/f/data-databases/stateful-session-management/browser-session-data-management.md) — Covers session state management and transient browser storage. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/web-storage.md))

### Development Tools & Productivity

- [JavaScript Execution Contexts](https://awesome-repositories.com/f/development-tools-productivity/execution-context-management/javascript-execution-contexts.md) — Explains how JavaScript creates and manages execution contexts and the call stack during code execution. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/execution-context.md))
- [Style Mixins](https://awesome-repositories.com/f/development-tools-productivity/style-mixins.md) — Explores modular mixins for reusing UI pattern and layout logic across stylesheets. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))

### Graphics & Multimedia

- [Deferred Element Rendering](https://awesome-repositories.com/f/graphics-multimedia/deferred-rendering-engines/deferred-element-rendering.md) — Paints pixels onto the screen after layout calculations complete or when visual properties change without affecting layout dimensions. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/reflow-repaint.md))
- [Client Side Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/systems/dom-web-rendering-strategies/client-side-rendering.md) — Examines web application strategies where content generation and rendering occur entirely within the user's browser. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/spa-scr-ssr.md))

### Networking & Communication

- [Connection Establishment Protocols](https://awesome-repositories.com/f/networking-communication/communication-protocols-architectures/communication-protocols-standards/network-protocols/connection-establishment-protocols.md) — Constructs internet protocol and transmission control protocol request packets to securely communicate with a remote destination server. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/what-happens-when-type-google.md))
- [Domain Name Systems](https://awesome-repositories.com/f/networking-communication/domain-name-systems.md) — Queries a domain name system server to translate a human-readable web address into a numerical internet protocol address. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/what-happens-when-type-google.md))
- [Client State Management](https://awesome-repositories.com/f/networking-communication/client-state-management.md) — Explains client state transmission and storage mechanisms like cookies and tokens. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/web-storage.md))

### Programming Languages & Runtimes

- [Function Context Binding](https://awesome-repositories.com/f/programming-languages-runtimes/function-context-binding.md) — Examines lexical context binding and the behavior of the this keyword across scopes. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/es6-arrow-function.md))
- [Function Declarations](https://awesome-repositories.com/f/programming-languages-runtimes/function-declarations.md) — Distinguishes between declared functions stored for later use and function expressions assigned to variables for invocation. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/hoisting.md))
- [Programming Language Concepts](https://awesome-repositories.com/f/programming-languages-runtimes/language-features-paradigms/language-features/core-conceptual-frameworks/programming-language-concepts.md) — Explores core JavaScript language concepts, closures, scoping, and hoisting.
- [Block-Scoped Variable Declarations](https://awesome-repositories.com/f/programming-languages-runtimes/language-features-paradigms/type-system-tools/type-definitions/variable-type-declarations/local-variable-declarations/block-scoped-variable-declarations.md) — Evaluates distinct variable declaration keywords by checking whether they permit reassignment, redeclaration, and block or function scoping. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/var-let-const.md))
- [Interpreted Code Debuggers](https://awesome-repositories.com/f/programming-languages-runtimes/language-interpreters/interpreted-code-debuggers.md) — Translates source code line by line into intermediate code before execution happens on the machine. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/hoisting.md))
- [Lexical Scope Resolution](https://awesome-repositories.com/f/programming-languages-runtimes/lexical-scope-resolution.md) — Retains the surrounding scope where a function was declared so it keeps access to outer variables even when executed elsewhere. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/closure.md))
- [Special Value Detection](https://awesome-repositories.com/f/programming-languages-runtimes/numeric-value-formatting/special-value-detection.md) — Identifies missing, unassigned, uninitialized, and invalid numeric states in code execution while understanding variable hoisting behavior. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/null-undefined-undeclared-nan.md))
- [External Module Imports](https://awesome-repositories.com/f/programming-languages-runtimes/external-module-imports.md) — Covers module loading imports and external script management. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/require-import.md))

### Software Engineering & Architecture

- [Asynchronous Operation Execution](https://awesome-repositories.com/f/software-engineering-architecture/asynchronous-operation-execution.md) — Details asynchronous operation execution using promises, callbacks, and async-await. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/async-in-javascript.md))
- [Non-Blocking Execution](https://awesome-repositories.com/f/software-engineering-architecture/client-server-architecture/long-running-task-protocols/non-blocking-execution.md) — Explains non-blocking execution models and main thread preservation. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/about-javascript.md))
- [Document Object Models](https://awesome-repositories.com/f/software-engineering-architecture/document-object-models.md) — Details Document Object Model manipulation and hierarchical node representation. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/why-stop-rendering.md))
- [DOM Event Propagation Control](https://awesome-repositories.com/f/software-engineering-architecture/event-flow-control/dom-event-propagation-control.md) — Explains DOM event propagation control to halt event bubbling and capturing. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/event-bubbling.md))
- [Microtask Queues](https://awesome-repositories.com/f/software-engineering-architecture/execution-control/concurrency-controlled-schedulers/execution-schedulers/microtask-queues.md) — Executes all queued microtasks before processing regular tasks so asynchronous operations like resolved promises run ahead of timers and input events. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/microtask-queue-task-queue.md))
- [UI Lifecycle Phases](https://awesome-repositories.com/f/software-engineering-architecture/execution-phases/ui-lifecycle-phases.md) — Tracks the creation, updating, and unmounting phases of component instances to understand rendering behavior across different styles. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/react-life-cycle.md))
- [Internal Member Encapsulation](https://awesome-repositories.com/f/software-engineering-architecture/module-encapsulation-patterns/naming-based-encapsulation/internal-member-encapsulation.md) — Enables encapsulation and information hiding by restricting direct external access to variables through lexical scoping mechanisms. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/closure.md))
- [Event Loop Schedulers](https://awesome-repositories.com/f/software-engineering-architecture/task-scheduling/parallel-task-executors/parallel-task-spawning/event-loop-schedulers.md) — Explores JavaScript event loop scheduling and microtask queue prioritization.
- [API Design Standards](https://awesome-repositories.com/f/software-engineering-architecture/coding-best-practices/engineering-best-practices/api-design-standards.md) — Covers standard RESTful API design patterns and HTTP method conventions. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-4/restful-api.md))

### User Interface & Experience

- [Layout Orientation Recalculation](https://awesome-repositories.com/f/user-interface-experience/screen-orientation-detection/device-orientation-controllers/layout-orientation-recalculation.md) — Calculates the geometry and positions of affected nodes and rebuilds the render tree when changes alter the page structure. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/reflow-repaint.md))
- [Custom CSS Functions](https://awesome-repositories.com/f/user-interface-experience/custom-css-functions.md) — Examines the definition and usage of custom functions within modern stylesheet languages. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))
- [Element Positioning](https://awesome-repositories.com/f/user-interface-experience/element-positioning.md) — Provides utilities for setting and updating the coordinate location of visual components within a container. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-5/position.md))
- [Stylesheet Flow Control](https://awesome-repositories.com/f/user-interface-experience/stylesheet-flow-control.md) — Applies conditional logic and iterative loops to generate dynamic style rules based on state and data collections. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))
- [Stylesheet Inheritance and Extension](https://awesome-repositories.com/f/user-interface-experience/stylesheet-inheritance-and-extension.md) — Covers importing external stylesheet files and inheriting existing selector properties or placeholder styles to reduce redundancy. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))
- [CSS Variable Styling Systems](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/component-style-customization/css-variable-styling-systems.md) — Leverages native CSS variables for theme propagation and dynamic property management. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))
- [Style Rule Nesting](https://awesome-repositories.com/f/user-interface-experience/visual-styling-rules/style-rule-nesting.md) — Explains how to automatically combine nested selectors to maintain hierarchical relationships and reduce repetition in stylesheets. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))

### Operating Systems & Systems Programming

- [Function Inlining](https://awesome-repositories.com/f/operating-systems-systems-programming/virtual-call-optimizations/function-inlining.md) — Covers concise function syntax and expression definitions in JavaScript. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/es6-arrow-function.md))

### Scientific & Mathematical Computing

- [Stylesheet Mathematical Operations](https://awesome-repositories.com/f/scientific-mathematical-computing/stylesheet-mathematical-operations.md) — Explores advanced mathematical functions embedded within stylesheet languages for layout and design calculations. ([source](https://github.com/Esoolgnah/Frontend-Interview-Questions/blob/main/Notes/important-3/sass-scss.md))