{"id":13398023,"url":"https://github.com/yangshun/front-end-interview-handbook","last_synced_at":"2025-05-11T03:49:23.978Z","repository":{"id":37759328,"uuid":"117372806","full_name":"yangshun/front-end-interview-handbook","owner":"yangshun","description":"🌐 Front End interview preparation materials for busy engineers (updated for 2025)","archived":false,"fork":false,"pushed_at":"2025-05-07T03:20:22.000Z","size":238392,"stargazers_count":42874,"open_issues_count":13,"forks_count":5902,"subscribers_count":771,"default_branch":"main","last_synced_at":"2025-05-11T03:49:17.540Z","etag":null,"topics":["css","css-questions","front-end","front-end-development","front-end-interview","front-end-system-design","html","html-questions","interview","interview-preparation","interview-questions","interview-test","javascript","js-questions","web-development"],"latest_commit_sha":null,"homepage":"https://frontendinterviewhandbook.com","language":"MDX","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yangshun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"github":["yangshun"],"open_collective":"yangshun","custom":"https://www.buymeacoffee.com/yangshun"}},"created_at":"2018-01-13T19:40:08.000Z","updated_at":"2025-05-11T03:03:31.000Z","dependencies_parsed_at":"2023-01-31T11:01:40.977Z","dependency_job_id":"598c1aa3-dd27-47b1-a67b-3ba98e3fb359","html_url":"https://github.com/yangshun/front-end-interview-handbook","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangshun%2Ffront-end-interview-handbook","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangshun%2Ffront-end-interview-handbook/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangshun%2Ffront-end-interview-handbook/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yangshun%2Ffront-end-interview-handbook/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yangshun","download_url":"https://codeload.github.com/yangshun/front-end-interview-handbook/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253514559,"owners_count":21920334,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-questions","front-end","front-end-development","front-end-interview","front-end-system-design","html","html-questions","interview","interview-preparation","interview-questions","interview-test","javascript","js-questions","web-development"],"created_at":"2024-07-30T18:02:02.396Z","updated_at":"2025-05-11T03:49:23.946Z","avatar_url":"https://github.com/yangshun.png","language":"MDX","funding_links":["https://github.com/sponsors/yangshun","https://opencollective.com/yangshun","https://www.buymeacoffee.com/yangshun"],"categories":["MDX","Uncategorized","JavaScript References","Interview","JavaScript","题库","Learning and Reference","优质的 Github 库","前端开发框架及项目","Understanding the Theory and the fundamentals of some super-popular Algorithm questions","Please find below the links to awesome cheat-sheet and resources:","Interview Preparation","前端杂项","前端","Programming Languages/Frameworks/Platforms","Web Development","资源","General advice","⚙️ Backend \u0026 APIs"],"sub_categories":["Uncategorized","其他_文本生成、文本对话","Interview Questions:","JavaScript","面试","Career"],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eFront End Interview Handbook\u003c/h1\u003e\n  \u003cp\u003eBy \u003ca href=\"https://www.greatfrontend.com/?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook\"\u003eGreatFrontEnd\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://dribbble.com/shots/4263961-Front-End-Interview-Scroll\"\u003e\n    \u003cimg src=\"assets/scroll.svg\" alt=\"Front End Interview Handbook\" width=\"400\"/\u003e\n    \u003c/a\u003e\n  \u003cbr /\u003e\n  \u003ch3\u003e\n    \u003ca href=\"https://www.frontendinterviewhandbook.com\"\u003eRead on the website\u003c/a\u003e\n  \u003c/h3\u003e\n  \u003cp\u003e\n    Join/follow us on \u003ca href=\"https://linkedin.com/company/greatfrontend\" target=\"_blank\"\u003eLinkedIn\u003c/a\u003e | \u003ca href=\"https://discord.gg/NDFx8f6P6B\" target=\"_blank\"\u003eDiscord\u003c/a\u003e | \u003ca href=\"https://x.com/greatfrontend\" target=\"_blank\"\u003e𝕏 (Twitter)\u003c/a\u003e | \u003ca href=\"https://facebook.com/greatfrontend\" target=\"_blank\"\u003eFacebook\u003c/a\u003e\n  \u003c/p\u003e\n\u003c/div\u003e\n\n---\n\n\u003ca href=\"https://www.frontendinterviewhandbook.com/introduction/\" target=\"_blank\"\u003e\n  \u003cimg src=\"assets/start-reading-button.jpg\" alt=\"Start Reading Front End Interview Handbook\" /\u003e\n\u003c/a\u003e\n\n\u003cp dir=\"auto\"\u003e\u003c/p\u003e\n\n\u003ca href=\"https://www.greatfrontend.com/prepare/?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook\" target=\"_blank\"\u003e\n  \u003cimg src=\"assets/start-practicing-button.jpg\" alt=\"Start Practicing Front End Questions on GreatFrontEnd\" /\u003e\n\u003c/a\u003e\n\n## What is this?\n\nUnlike typical software engineer job interviews, front end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas. This repository covers all you need to know for front end interviews:\n\n- [Various formats of Front end interviews](https://www.frontendinterviewhandbook.com/introduction/) including formats by different companies\n- [Front end system design interviews](https://www.frontendinterviewhandbook.com/front-end-system-design/)\n- [Front end trivia questions](https://www.frontendinterviewhandbook.com/trivia/) - answers to the h5bp Front-end Developer Interview Questions\n- [Front end questions](https://www.frontendinterviewhandbook.com/coding/javascript-utility-function/) - JavaScript, DOM, algorithms, and more\n- [Front end interview questions by companies](https://www.frontendinterviewhandbook.com/company-interview-questions/)\n\n## Where to get hands on practice?\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.greatfrontend.com?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook\"\u003e\n    \u003cimg src=\"assets/mark-brand-light.png\" alt=\"GreatFrontEnd\" width=\"400\"/\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\nAfter getting a good understanding about front end interview preparation, try out [GreatFrontEnd](https://www.greatfrontend.com?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook), a platform built by me! Not only are there 200+ practice questions, each with multiple solutions from Senior Front End Engineers, there are also automated test case suites to help you identify what's wrong with your code. Thus, check out the following resources:\n\n- [Study plans](https://www.greatfrontend.com/study-plans?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook) help you prepare for your upcoming technical interviews, whether it is in a week or 3 months later.\n- [Focus areas](https://www.greatfrontend.com/focus-areas?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook) allow you to focus on your weak areas and also further improve your strengths depending on your preferences.\n- [Preparation by stage](https://www.greatfrontend.com/prepare?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook) prepares you for each phase of your interview process, from quiz to coding interviews.\n- [Individual framework questions](https://www.greatfrontend.com/questions?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook) offer training based on specific frameworks that may be tested during your technical interviews.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch3\u003eNeed to practice front end interview questions? \u003ca href=\"https://www.greatfrontend.com?utm_source=github\u0026utm_medium=referral\u0026gnrs=frontendinterviewhandbook\"\u003eGreatFrontEnd\u003c/a\u003e is holding a limited time promotion for 20% off their lifetime plan of high quality practice questions and reference solutions written by ex-FAANG interviewers 🚀\u003c/h3\u003e\n\u003c/div\u003e\n\n---\n\n## Looking for Generic Interview Preparation?\n\nYou might be interested in the [Tech Interview Handbook](https://www.techinterviewhandbook.org) which has helpful content on general coding interviews such as algorithms, behavioral questions and an [interview cheatsheet](https://www.techinterviewhandbook.org/coding-interview-cheatsheet/)!\n\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.techinterviewhandbook.org\"\u003e\n    \u003cimg src=\"assets/coding.svg\" alt=\"Web Technologies illustration\" width=\"400\"/\u003e\n  \u003c/a\u003e\n  \u003cbr/\u003e\n  \u003cp\u003e\n    \u003cem\u003eCredits: Illustration by \u003ca href=\"https://undraw.co/\"\u003eunDraw\u003c/a\u003e\u003c/em\u003e\n  \u003c/p\u003e\n  \u003ch3\u003e\n    \u003ca href=\"https://www.techinterviewhandbook.org/\"\u003eRead on the website\u003c/a\u003e\n  \u003c/h3\u003e\n\u003c/div\u003e\n\n## Translations\n\n- [English](https://www.frontendinterviewhandbook.com)\n- [Chinese (Simplified) (简体中文)](https://www.frontendinterviewhandbook.com/zh/javascript-questions/)\n- [Japanese (日本語)](https://www.frontendinterviewhandbook.com/jp/javascript-questions/)\n- [Korean (한국어)](https://www.frontendinterviewhandbook.com/kr/javascript-questions/)\n- [Polish (Polski)](https://www.frontendinterviewhandbook.com/pl/javascript-questions/)\n- [Portuguese (Português)](https://www.frontendinterviewhandbook.com/pr/javascript-questions/)\n- [Russian (Русский)](https://www.frontendinterviewhandbook.com/ru/javascript-questions/)\n- [Tagalog](https://www.frontendinterviewhandbook.com/tl/javascript-questions/)\n\n## Related\n\nIf you are interested in how data structures are implemented, check out [Lago](https://github.com/yangshun/lago), a Data Structures and Algorithms library for JavaScript. It's meant for reference and studying purposes, not for production use.\n\n## Contributing\n\n### Contributing Guide\n\nRead our [contributing guide](/CONTRIBUTING.md) to learn about how you can contribute, how to propose improvements or if you are interested in translating the content.\n\n### Supporting\n\nMany hours of hard work have gone into this project. Your support will be very appreciated!\n\n\u003ca href=\"https://www.buymeacoffee.com/yangshun\" target=\"_blank\"\u003e\u003cimg src=\"https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" \u003e\u003c/a\u003e\n\n## License\n\nAll projects and packages in this repository are [MIT licensed](/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyangshun%2Ffront-end-interview-handbook","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyangshun%2Ffront-end-interview-handbook","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyangshun%2Ffront-end-interview-handbook/lists"}