awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
lgwebdream avatar

lgwebdream/FE-Interview

0
View on GitHub↗
7,203 stars·894 forks·JavaScript·28 viewslgwebdream.github.io/FE-Interview↗

FE Interview

This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation.

The content is organized into a hierarchical category tree for browsable exploration, and a daily question rotation algorithm presents one question per day for systematic review. A client-side search index enables instant filtering of questions by title or tag, and the entire question bank is pre-rendered into static HTML pages at build time for fast loading.

The project also includes a WeChat mini-program companion that delivers the interview practice experience directly on a smartphone, enabling mobile learning. Beyond the question bank, it provides hands-on JavaScript coding exercises for implementing core patterns like promises, debouncing, throttling, deep cloning, and function binding, along with reference materials on React lifecycle evolution, network and security concepts, and web performance optimization techniques.

Features

  • Interview Question Banks - Organizes all interview content around a central question bank with detailed answers and tags.
  • Core Concepts - Covers fundamental JavaScript topics like promises, closures, and event loop through detailed explanations.
  • Custom Promise Implementations - Provides exercises for building a custom Promise implementation with resolve/reject logic and chained handlers.
  • Client-Side Search Indexes - Builds a lightweight in-memory search index for instant client-side filtering of questions.
  • Detailed Answer Explanations - Provides in-depth analysis for each interview question to clarify underlying concepts.
  • Frontend Framework Interview Questions - Presents a daily question-and-answer format to systematically refresh frontend knowledge.
  • Comprehensive Frontend Question Banks - Lists over 1000 curated questions covering HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security.
  • JavaScript Interview Preparations - Provides over 1000 frontend interview questions covering all major web technologies.
  • Daily Rotation Schedulers - Implements a daily question rotation algorithm for systematic review coverage.
  • JavaScript Coding Exercises - Provides hands-on exercises for implementing core JavaScript patterns like Promise, debounce, and deep clone.
  • Function Context Binding - Provides exercises for binding a function to a specific context and preset arguments, creating a new function with a fixed this value.
  • Closures - Provides exercises for creating closures that retain access to outer scope variables, enabling private data and persistent state.
  • Tree-Based Hierarchical Navigation - Organizes the question bank into a hierarchical category tree for browsable exploration.
  • Debounce Utilities - Delays function execution until a pause in activity, reducing unnecessary calls during rapid events like typing or scrolling.
  • Function Execution Throttling - Provides exercises for implementing throttle to cap function execution to a fixed interval during continuous events.
  • Layout Techniques - Teaches CSS layout techniques for centering elements of unknown size using flexbox and grid.
  • Promise Implementations - Includes hands-on exercises for building a custom promise implementation from scratch.
  • Static Site Generation - Pre-renders question-and-answer pages into static HTML at build time for fast loading.
  • HTTP Caching - Describes how browsers cache HTTP responses, the differences between cache types, and which problems each strategy solves.
  • Mobile Practice Platforms - Uses a WeChat mini-program to let users practice interview questions on their smartphone.
  • React Lifecycle References - Documents the evolution of React component lifecycle methods and explains why older methods were deprecated.
  • Mobile Application Study Guides - Delivers interview practice content through a WeChat mini-program for on-the-go study.
  • Interview Practice Mini Programs - Ships a WeChat mini-program companion that lets users browse and practice interview questions on their smartphone.
  • Object Cloning Techniques - Includes hands-on exercises for deep cloning nested data structures in JavaScript.
  • Promise Collection Mapping - Provides exercises for combining multiple promises into a single aggregated result.
  • WeChat Mini-Program Runtimes - Delivers the interview practice experience inside a WeChat mini-program runtime.
  • Cross-Origin Resource Sharing Policies - Explains HTTP vs HTTPS, caching strategies, same-origin policy, and CORS for web development.
  • Cross-Origin Security Policies - Answers common interview questions about HTTP vs HTTPS, caching strategies, same-origin policy, and cross-origin solutions.
  • Asynchronous Event Loops - Explains how the event loop coordinates asynchronous tasks across timers, I/O callbacks, and other phases in JavaScript environments.
  • Element Centering - Teaches how to center a div both horizontally and vertically without knowing its dimensions using CSS flexbox, grid, or transform techniques.
  • Render Skipping Strategies - Prevents component updates when inputs haven't changed, reducing rendering work and improving responsiveness.
  • HTTPS Configuration - Explains the differences between HTTP and HTTPS, why HTTPS is more secure, and how to configure it.
  • Load Time Reductions - Applies code splitting, lazy loading, and caching to shorten initial page loads and improve perceived performance.
  • Web Performance Optimizations - Explains practical techniques like code splitting, lazy loading, caching, and preventing unnecessary re-renders.
  • Interview Preparation - Curated collection of essential frontend interview questions.

Star history

Star history chart for lgwebdream/fe-interviewStar history chart for lgwebdream/fe-interview

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Projects sharing features with FE Interview

These projects share indexed features with FE Interview. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • greatfrontend/top-javascript-interview-questionsgreatfrontend avatar

    greatfrontend/top-javascript-interview-questions

    9,685View on GitHub↗

    This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common technical questions, detailed answers, and conceptual quizzes designed to help users master core language fundamentals and browser APIs. The resource utilizes an interactive infrastructure that includes a coding workspace with in-browser runtime execution and an automated test suite to validate code correctness. It organizes content through curated learning paths and modular concept mapping to decompose complex language fundamentals into searchable study modules. The curriculu

    MDXfront-end-developmentinterviewsjavascript
    View on GitHub↗9,685
  • sadanandpai/javascript-code-challengessadanandpai avatar

    sadanandpai/javascript-code-challenges

    4,451View on GitHub↗

    This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides reference implementations and educational examples designed to help developers master language fundamentals and prepare for technical interviews. The project covers a wide array of specialized implementations, including functional programming patterns like currying and partial application, as well as asynchronous patterns for concurrency control. It also includes practical examples of Document Object Model manipulation and the implementation of common data structures such as stacks

    MDXchallengescoding-interviewfrontend
    View on GitHub↗4,451
  • cavszhouyou/front-end-interview-notebookCavsZhouyou avatar

    CavsZhouyou/Front-End-Interview-Notebook

    7,739View on GitHub↗

    This project is a front-end interview study guide and a collection of structured notes designed for technical job preparation. It serves as a comprehensive reference for web technologies, common technical interview questions, and JavaScript algorithm implementation. The notebook distinguishes itself by integrating specialized guides for web performance optimization, browser API documentation, and JavaScript algorithm references. It provides a structured approach to solving coding challenges involving data structures like binary trees, linked lists, and array manipulation. The content covers

    View on GitHub↗7,739
  • esoolgnah/frontend-interview-questionsEsoolgnah avatar

    Esoolgnah/Frontend-Interview-Questions

    1,424View on GitHub↗

    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, net

    cssfront-endhtml
    View on GitHub↗1,424
Compare all 30 related projects→

Frequently asked questions

What does lgwebdream/fe-interview do?

This project is a comprehensive frontend interview preparation resource built around a question bank of over 1000 curated questions. It covers HTML, CSS, JavaScript, Vue, React, Node, TypeScript, Webpack, algorithms, and network security, with each question accompanied by a detailed answer explanation.

What are the main features of lgwebdream/fe-interview?

The main features of lgwebdream/fe-interview are: Interview Question Banks, Core Concepts, Custom Promise Implementations, Client-Side Search Indexes, Detailed Answer Explanations, Frontend Framework Interview Questions, Comprehensive Frontend Question Banks, JavaScript Interview Preparations.

Which projects share features with lgwebdream/fe-interview?

Projects with overlapping indexed features include: greatfrontend/top-javascript-interview-questions — This project is a technical interview preparation resource focused on JavaScript. It provides a collection of common… sadanandpai/javascript-code-challenges — This repository is a collection of JavaScript coding challenges and a comprehensive interview guide. It provides… cavszhouyou/front-end-interview-notebook — This project is a front-end interview study guide and a collection of structured notes designed for technical job… esoolgnah/frontend-interview-questions — Frontend-Interview-Questions is an educational knowledge base and study guide designed for technical interview… nishant8bits/123-essential-javascript-interview-question — This project is a technical interview question bank and study resource designed for software engineering interviews… kolodny/exercises — This project is a comprehensive educational suite of coding challenges and implementation guides focused on…