开始之前Before you start
你想为什么做好准备？What do you want to be ready for?
选一个，剩下的顺序交给它 —— 读哪几节、背哪些方向、做哪些练习、最后在空文件夹里做一遍。Pick one and the order comes with it: which lessons to read, which topics to revise, which exercises to do, and finally the same thing in an empty folder.
- 开始完整路线Start the complete path
从零完整学一遍The complete learning path
推荐Recommended适合想按顺序把全部内容走完的人。从「npm install 到底做了什么」讲起，不假设任何前置知识。For someone who wants to learn everything in order. It starts from what npm install actually does and assumes nothing.
- 准备面试Prepare for interviews要过一遍高频问答和手写题。走「前端面试复习」这条。You need a pass over the common questions and the write-it-yourself ones. That is the Frontend Interview Review route.
看全部六条的细节See all six in detail换计划、先不跟计划都随时可以，进度一条都不会丢。You can switch or stop being guided at any time; nothing you have finished is lost.
全部六条的细节All 6 in detail
上面那三个是入口，这里是六条的全貌：各自多少档、多少条、覆盖哪些分类。The three choices above are the way in. Here is the full picture: how many stages and items each one has, and which tracks it covers.
- 从零完整学习Complete DrillLab从「npm install 做了什么」走到在空文件夹里重写三个项目，并把 105 道八股过一遍。From what npm install actually does, to rebuilding three projects in an empty folder, with all 105 questions covered.刚开始接触 npm、React、GraphQL，想要一条完整的路。New to npm, React and GraphQL, and wanting one complete route.20 档 · 350 个条目 · 约 42 小时20 stages · 350 items · about 42 h还没开始Not started开始Start
- React 考试准备React Assessment在空文件夹里做完 Notes Manager 和并发任务调度器，并通过一套换了场景的模拟考。Build Notes Manager and the concurrent task runner in an empty folder, and pass a mock in a new scenario.要考 React：组件、hooks、受控输入、列表、useEffect、Context。Facing a React assessment: components, hooks, controlled inputs, lists, useEffect, Context.7 档 · 130 个条目 · 约 15 小时7 stages · 130 items · about 15 h还没开始Not started开始Start
- GraphQL Federation 考试准备GraphQL Federation Assessment自己搭一个 Apollo Federation subgraph 并让十个测试全过，再通过一套换了场景的模拟考。Build an Apollo Federation subgraph yourself with all ten tests passing, then pass a mock in a new scenario.要考 GraphQL Federation：schema、resolver、entity、DataLoader，外加一个 Spring Boot 服务。Facing a Federation assessment: schema, resolvers, entities, DataLoader, plus a Spring Boot service.7 档 · 90 个条目 · 约 14 小时7 stages · 90 items · about 14 h还没开始Not started开始Start
- Spring Boot 控制器准备Spring Boot Controller在一个空的 Spring Initializr 骨架里写出六个 REST 端点，五个测试全过。Write six REST endpoints in an empty Spring Initializr skeleton, with all five tests passing.只准备 Federation 考试里那道 Spring Boot 控制器题。Preparing only for the Spring Boot controller task in the Federation assessment.4 档 · 12 个条目 · 约 3 小时4 stages · 12 items · about 3 h还没开始Not started开始Start
- 前端面试复习Frontend Interview Review105 道问答用嘴答一遍，再把 15 道手写题和组件题写一遍。Answer all 105 questions out loud, then write the 15 hand-written and component problems.下周有面试，要的是「说得出」加「当场写得出」。An interview next week: you need to say it, and to write it on the spot.8 档 · 144 个条目 · 约 9 小时8 stages · 144 items · about 9 h还没开始Not started开始Start
- Cab Booking 完整练习Cab Booking在空文件夹里搭出整个 Cab Booking 应用：Context 管全局状态，四个页面一个状态机，四个测试全过。Build the whole Cab Booking app in an empty folder: Context for global state, four pages on one state machine, all four tests passing.要做那道用 Context 管全局状态的 React 应用题。Facing the React task that holds global state in Context.6 档 · 39 个条目 · 约 7 小时6 stages · 39 items · about 7 h还没开始Not started开始Start