# febobo/web-interview

**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/febobo-web-interview).**

11,828 stars · 1,750 forks

## Links

- GitHub: https://github.com/febobo/web-interview
- Homepage: https://vue3js.cn/interview
- awesome-repositories: https://awesome-repositories.com/repository/febobo-web-interview.md

## Topics

`javascript` `react` `typescript` `vue`

## Description

This project is a frontend interview question bank and a comprehensive web development curriculum. It serves as a technical reference and study guide for software engineering candidates, combining a curated collection of interview questions and answers with a broad computer science fundamentals reference.

The knowledge base is structured as a markdown-based system, using a folder-based taxonomy and directory hierarchy to organize technical topics. It employs a git-driven workflow to manage contributions and updates to the content, which is delivered as static documentation.

The curriculum covers a wide array of technical domains, including JavaScript language mastery, CSS layout optimization, and the architecture of frameworks like Vue and React. It also encompasses network protocol study, frontend build tooling, and core computer science topics such as data structures, algorithms, and operating system basics.

## Tags

### Education & Learning Resources

- [Front End Interview Preparation](https://awesome-repositories.com/f/education-learning-resources/front-end-interview-preparation.md) — Provides comprehensive resources and study guides specifically designed for frontend technical interview preparation. ([source](https://github.com/febobo/web-interview#readme))
- [Frontend Engineering Curricula](https://awesome-repositories.com/f/education-learning-resources/frontend-engineering-curricula.md) — Provides structured learning materials covering browser internals, performance, and frontend engineering requirements.
- [Technical Interview Preparation](https://awesome-repositories.com/f/education-learning-resources/professional-development-career/career-development/career-advancement-resources/technical-interview-preparation.md) — Provides a comprehensive collection of structured study materials and questions for technical interview preparation. ([source](https://github.com/febobo/web-interview#readme))
- [Computer Science Interview Guides](https://awesome-repositories.com/f/education-learning-resources/computer-science-interview-guides.md) — Provides educational summaries of fundamental computer science concepts for interview review.
- [Data Structures and Algorithms](https://awesome-repositories.com/f/education-learning-resources/curricula-instructional-design/curricula-roadmaps/foundations-study-skills/foundational-computer-science-modules/data-structures-and-algorithms.md) — Offers comprehensive educational resources on implementing and analyzing fundamental data structures and algorithms. ([source](https://github.com/febobo/web-interview/tree/master/docs))
- [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) — Curates a specific set of interview questions focused on frontend JavaScript frameworks and libraries. ([source](https://github.com/febobo/web-interview#readme))
- [Interview Questions](https://awesome-repositories.com/f/education-learning-resources/interview-questions.md) — Ships a curated collection of technical questions and detailed answers for frontend job preparation. ([source](https://github.com/febobo/web-interview#readme))
- [JavaScript Language Instruction](https://awesome-repositories.com/f/education-learning-resources/javascript-language-instruction.md) — Offers a comprehensive curriculum on JavaScript syntax, design patterns, and core fundamentals.
- [Interview Question Banks](https://awesome-repositories.com/f/education-learning-resources/learning-guides/technical-capability-guides/interview-question-banks.md) — Ships a curated collection of technical questions and answers used to evaluate engineering proficiency.
- [Web Development Curricula](https://awesome-repositories.com/f/education-learning-resources/open-source-guides/curriculum-development/web-development-curricula.md) — Offers structured learning paths and curated resources for mastering web application development ecosystems.
- [Operating Systems Study](https://awesome-repositories.com/f/education-learning-resources/operating-systems-study.md) — Includes study materials on operating system internals, process management, and threading. ([source](https://github.com/febobo/web-interview#readme))
- [Computer Science Fundamentals](https://awesome-repositories.com/f/education-learning-resources/technical-domain-education/technical-academic-domains/theoretical-cs-foundations/computer-science-fundamentals.md) — Covers core theoretical concepts including algorithms and data structures essential for software engineering.
- [Technical Interview Preparation](https://awesome-repositories.com/f/education-learning-resources/technical-interview-preparation.md) — Provides comprehensive resources for preparing for frontend technical assessments and coding interviews.
- [Web Development Guides](https://awesome-repositories.com/f/education-learning-resources/web-development-guides.md) — Provides educational resources and tutorials focused on web development practices and protocols.
- [Web Technology Study Materials](https://awesome-repositories.com/f/education-learning-resources/web-technology-study-materials.md) — Provides educational resources covering web standards, browser internals, and core scripting languages.
- [Language Fundamentals](https://awesome-repositories.com/f/education-learning-resources/educational-resources/languages-and-programming-concepts/software-engineering-languages/language-fundamentals.md) — Provides educational resources covering the core syntax and behavioral mechanics of JavaScript. ([source](https://github.com/febobo/web-interview#readme))
- [Reactivity System Studies](https://awesome-repositories.com/f/education-learning-resources/reactivity-system-studies.md) — Offers educational resources focused on the implementation and performance of reactive data binding systems. ([source](https://github.com/febobo/web-interview/tree/master/docs))
- [Software Design Patterns](https://awesome-repositories.com/f/education-learning-resources/software-design-patterns.md) — Provides educational resources explaining common software architectural and design patterns like Singleton and Observer. ([source](https://github.com/febobo/web-interview#readme))

### Networking & Communication

- [Network Protocol Theory](https://awesome-repositories.com/f/networking-communication/network-protocol-theory.md) — Provides a theoretical and practical study of communication protocols and networking stacks. ([source](https://github.com/febobo/web-interview/tree/master/docs))

### Web Development

- [Framework Architectures](https://awesome-repositories.com/f/web-development/framework-architectures.md) — Analyzes virtual DOMs and reactivity systems to optimize modern frontend application rendering.
- [Node.js Server Frameworks](https://awesome-repositories.com/f/web-development/backend-development/web-frameworks/node-js-server-frameworks.md) — Includes a curriculum for building Node.js server-side applications using event-driven architectures. ([source](https://github.com/febobo/web-interview#readme))
- [Architectural Concepts](https://awesome-repositories.com/f/web-development/frontend-development-tools/frontend-frameworks/architectural-concepts.md) — Includes detailed analysis of virtual DOMs and state management patterns for rendering optimization. ([source](https://github.com/febobo/web-interview#readme))

### Part of an Awesome List

- [Build Tools and Automation](https://awesome-repositories.com/f/awesome-lists/devtools/build-tools-and-automation.md) — Provides deep-dive guides for managing build processes and module bundling with tools like Webpack. ([source](https://github.com/febobo/web-interview#readme))
- [Layout Techniques](https://awesome-repositories.com/f/awesome-lists/devtools/css-styling-and-layout/layout-techniques.md) — Teaches responsive interface creation using the box model, Flexbox, and Grid to optimize rendering. ([source](https://github.com/febobo/web-interview#readme))
- [Interview Preparation](https://awesome-repositories.com/f/awesome-lists/learning/interview-preparation.md) — Focused interview question bank for Vue developers.

### Content Management & Publishing

- [Markdown-Based Knowledge Bases](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/markdown-ecosystem-tools/markdown-based-knowledge-bases.md) — Provides a version-controlled, platform-agnostic knowledge repository built using plain-text markdown documentation.

### Development Tools & Productivity

- [Build & Bundling Tools](https://awesome-repositories.com/f/development-tools-productivity/build-bundling-tools.md) — Provides guidance on using bundling tools to reduce bundle size and increase build speed. ([source](https://github.com/febobo/web-interview/tree/master/docs))
- [Frontend Build Tools](https://awesome-repositories.com/f/development-tools-productivity/build-tooling/build-orchestration-logic/build-orchestration-configuration/build-automation-systems/frontend-build-tools.md) — Covers the configuration and optimization of module bundling and loaders for web-based assets.

### Programming Languages & Runtimes

- [Modern Syntax](https://awesome-repositories.com/f/programming-languages-runtimes/language-features-paradigms/javascript-language-features/modern-syntax.md) — Covers modern JavaScript language features, including the latest syntax extensions and asynchronous patterns. ([source](https://github.com/febobo/web-interview/tree/master/docs))

### User Interface & Experience

- [Responsive Layout Optimizations](https://awesome-repositories.com/f/user-interface-experience/responsive-layout-optimizations.md) — Provides techniques for adapting user interface layouts for different screen sizes using CSS Grid and Flexbox.