FD. 未来开发者 Future Developers / futuredev
/ COURSE CURRICULUM

9 phases · 36 modules 9 phases · 36 modules

从终端到上线作品的完整路径。9 个阶段，每段 4 个模块，每段都有可演示的产出。模块化自由组合 —— 任何一条路径都从理念入门开始，到工程师素养收尾。 A full path from terminal to shipped product. Nine phases, four modules each, every phase produces a demoable artifact. Mix and match — every path starts with foundation and ends with engineer mindset.

/ PHASE 00 FOUNDATION

入门认知 · 建立"代码 = 创造工具"的心智模型 Foundation · build the mental model that code is a tool for creation

在写第一行代码之前，先理解：软件是怎么诞生的？工程师每天在做什么？AI 又改变了什么？ Before the first line of code: how does software get born, what do engineers actually do, and what did AI change?

  1. M00.1

    什么是软件 / 什么是工程师 What is software / what is an engineer

    用生活中的产品拆解软件的"长相"，认识前端 / 后端 / 数据库等基础角色。 Reverse-engineer everyday products to understand the “shape” of software — frontend, backend, database.

  2. M00.2

    AI 时代的工程师心智模型 The engineer mindset for the AI era

    工程师不再是"打字员"，而是"问题翻译官 + 决策者"。 Engineers aren’t typists anymore — they’re problem translators and decision makers.

  3. M00.3

    什么是 Vibe Coding What is vibe coding

    和 AI 自然语言协作开发的方式 · 与传统写代码的区别 · 边界与陷阱。 Natural-language collaboration with AI · how it differs from old-school coding · edges & traps.

  4. M00.4

    学习路径地图 Map of the learning paths

    了解整个课程的 9 个模块 · 自我定位 · 制定属于自己的学习节奏。 Tour all 9 phases · self-locate · set your own rhythm.

OUTPUT
一份"我想做的 10 个产品"灵感清单 A “10 products I want to build” inspiration list
/ PHASE 01 TOOLBOX

工程师工具箱 · 学会真正工程师在用的工具与流程 Engineer’s toolbox · the actual tools and workflow real engineers use

工具不是难度，工具是底气。把这一关过了，后面的所有事都顺。 Tools aren’t the hard part — tools are confidence. Clear this gate and everything downstream gets easier.

  1. M01.1

    终端 (Terminal) 的世界 The world of the terminal

    认识命令行 · 文件系统 · cd / ls / mv / grep · 写第一个 shell 脚本。 CLI · filesystem · cd / ls / mv / grep · write your first shell script.

  2. M01.2

    Git & GitHub 入门 Git & GitHub intro

    理解版本控制思想 · commit / branch / PR · 协作流程 · 解决冲突。 Version control thinking · commit / branch / PR · collaboration · resolving conflicts.

  3. M01.3

    编辑器与 AI IDE Editor & AI IDE

    VS Code · Cursor · Claude Code · 插件生态 · 快捷键肌肉记忆。 VS Code · Cursor · Claude Code · plugin ecosystem · keyboard muscle memory.

  4. M01.4

    包管理与运行环境 Package managers & runtimes

    Node / Python · npm / pip · 虚拟环境 · 依赖管理与版本陷阱。 Node / Python · npm / pip · virtual environments · dependency & version pitfalls.

OUTPUT
搭好开发环境 · 提交第一个 GitHub 仓库 A working dev environment · your first GitHub repo
/ PHASE 02 LANGUAGE

编程语言基础 · Python + JavaScript 双线起步 Language fundamentals · Python + JavaScript, in parallel

在 AI 协作时代，"读代码 + 改代码"比"凭空写代码"更重要。我们让学员同时掌握脚本语言与 Web 语言。 In the AI era, “read & edit code” matters more than “write from scratch.” Students learn a scripting language and a web language in tandem.

  1. M02.1

    Python 速通 Python crash course

    变量 · 函数 · 列表 / 字典 · 文件读写 · 用 AI 协作写第一个自动化小工具。 Variables · functions · lists / dicts · file I/O · build your first automation script with AI.

  2. M02.2

    JavaScript / TypeScript JavaScript / TypeScript

    现代 JS 基础 · DOM · 异步 · TS 类型 · 浏览器中的运行模型。 Modern JS basics · DOM · async · TS types · the browser’s runtime model.

  3. M02.3

    数据与算法直觉 Data & algorithms intuition

    循环、递归、排序、查找 · 用直觉而不是死记硬背理解复杂度。 Loops, recursion, sorting, search · grasp complexity by intuition, not memorization.

  4. M02.4

    调试与阅读代码 Debugging & reading code

    断点 · 日志 · 报错的"翻译" · 与 AI 一起 Debug 的高效套路。 Breakpoints · logs · translating errors · efficient debugging together with AI.

OUTPUT
一个 Python 工具脚本 + 一个 JS 小游戏 One Python utility script + one small JS game
/ PHASE 03 VIBE CODING · AI NATIVE

Vibe Coding 核心 · 把 AI 当合伙人，做出真正的产品 Vibe Coding core · treat AI as a partner, ship real product

这是整个课程的"心法"。学员将学会如何描述任务、如何拆解项目、如何把控质量。 This is the heart of the course. Students learn to describe tasks, decompose projects, and hold quality.

  1. M03.1

    Prompt 工程基础 Prompt engineering basics

    怎样提问 AI 才听懂 · 角色 / 上下文 / 约束 / 示例的四要素。 How to ask AI so it actually understands · the four ingredients: role / context / constraint / example.

  2. M03.2

    用 Cursor / Claude 写功能 Shipping features with Cursor / Claude

    从需求到代码 · diff 阅读 · 拒绝低质量补全的判断力。 Requirement to code · reading diffs · the judgment to reject bad completions.

  3. M03.3

    项目分解 Project decomposition

    把"我想做一个 App"拆成可执行任务清单 · 排优先级 · 估时。 Turn “I want to build an app” into an actionable task list · prioritize · estimate.

  4. M03.4

    Code Review 与人工把关 Code review & the human gate

    AI 写出来的代码不一定对 · 学会读 · 学会改 · 学会拒绝。 AI-written code isn’t always right · learn to read it · revise it · reject it.

OUTPUT
和 AI 协作 1 周内做出一个完整小项目 One complete small project shipped with AI in a week
/ PHASE 04 WEB

网页设计与开发 · 做出第一个真正能上线的网页 Web design & development · ship your first real web page

Web 是最容易"被人看见"的载体。从静态页面到现代框架，再到一键部署。 The web is the most visible canvas. From static pages to modern frameworks to one-click deploy.

  1. M04.1

    HTML / CSS 必备认知 HTML / CSS essentials

    页面结构 · 盒模型 · Flex / Grid · 响应式 · 简单审美训练。 Page structure · box model · Flex / Grid · responsive · a basic taste workout.

  2. M04.2

    React / Next.js 加速课 React / Next.js fast track

    组件化思维 · 状态 · 路由 · 用 AI 加速框架学习曲线。 Component thinking · state · routing · use AI to flatten the framework learning curve.

  3. M04.3

    部署上线 Ship to production

    Vercel · Netlify · 域名 · HTTPS · 让作品有一个真实 URL。 Vercel · Netlify · domains · HTTPS · give your work a real URL.

  4. M04.4

    项目实战：上线一个真站点 Project: ship a real site

    从 idea 到设计稿到代码到上线 · 邀请同学使用 · 收集反馈。 Idea → mock → code → live · invite friends to use it · collect feedback.

OUTPUT
上线一个个人主页 · 一个小型工具网站 A live personal site · a small utility web app
/ PHASE 05 MOBILE

移动端开发 · 把作品装进自己的口袋 Mobile development · put your work in your pocket

用跨平台技术，用一套代码同时跑在 iOS 和 Android 上。让作品装进真实的手机里。 Cross-platform: one codebase running on both iOS and Android. Get your work onto a real phone.

  1. M05.1

    移动端开发的世界 The mobile world

    原生 vs 跨平台 · iOS / Android 生态 · 上架流程概览。 Native vs cross-platform · iOS / Android ecosystems · the app store pipeline.

  2. M05.2

    React Native + Expo React Native + Expo

    组件 · 路由 · 设备 API · 用一套代码生成两端 App。 Components · routing · device APIs · one codebase → two apps.

  3. M05.3

    真机调试 Device debugging

    扫码运行 · 真机断点 · 性能与体验细节 · 常见坑速查。 QR-run · device breakpoints · performance & UX details · common-pitfall lookup.

  4. M05.4

    项目实战：单页面 App Project: single-screen app

    从需求到原型到打包 · 让爸妈 / 同学装到手机上使用。 Requirement → prototype → build · install on your parents’ and friends’ phones.

OUTPUT
一个能装到自己手机上的小 App A small app installable on your own phone
/ PHASE 06 DATA / BACKEND

数据与后端入门 · 让作品"记住"用户和数据 Data & backend · let your work remember users and data

前端只是表面，真正的产品需要数据、需要 API、需要登录、需要存储。轻量后端 + 现成服务，迅速跑通端到端。 Frontend is just the surface. Real products need data, APIs, auth, storage. Light backend + managed services to get end-to-end fast.

  1. M06.1

    API 是什么 What is an API

    请求 / 响应 / JSON · REST 与 GraphQL · 用 AI 帮你读 API 文档。 Request / response / JSON · REST vs GraphQL · use AI to read API docs.

  2. M06.2

    数据库认知 Database fundamentals

    SQLite · Supabase · 表结构 · 简单查询 · 数据建模直觉。 SQLite · Supabase · schemas · simple queries · data modeling intuition.

  3. M06.3

    接入第三方服务 Plugging into third-party services

    OpenAI · 微信登录 · 支付 · 地图 · 让产品具备真实能力。 OpenAI · WeChat login · payments · maps · give your product real capability.

  4. M06.4

    极简后端 (Edge Functions) Minimal backend (edge functions)

    Serverless 思维 · 一段函数就是一个接口 · 安全与配额。 Serverless thinking · one function = one endpoint · security & quotas.

OUTPUT
做出一个有用户登录与数据持久化的 App An app with real login and persisted data
/ PHASE 07 CAPSTONE

项目化产出 · 用 4–8 周做出一个真正属于自己的作品 Capstone · spend 4–8 weeks shipping something that’s really yours

进入"工程师 mode"。学员会有一个 idea、一份需求、一个时间表、一个上线日。每周 demo，公开发布。 Engineer mode. One idea, one spec, one timeline, one ship date. Weekly demos, public launch.

  1. M07.1

    立项 & 需求定义 Project intake & spec

    从灵感到一句话 pitch · 用户画像 · MVP 范围 · 不要做的事。 Inspiration to one-line pitch · user persona · MVP scope · the “don’t-build” list.

  2. M07.2

    里程碑拆解 Milestone breakdown

    把项目拆成 4–8 周 · 每周 1 个 demo · 用 AI 协助排期。 Split the project into 4–8 weeks · one demo per week · let AI help with scheduling.

  3. M07.3

    结对 + 评审 Pairing & review

    学员两两结对 · 教练每周 Code Review · 公开 Demo Day。 Students pair up · weekly code review with coaches · public Demo Day.

  4. M07.4

    上线 & 复盘 Ship & retrospective

    正式上线 · 写一篇博客 · GitHub README · 反思三件事。 Go live · write a blog post · craft the GitHub README · reflect on three things.

OUTPUT
1 个上线的 Web 产品 或 移动端 App One shipped web product or mobile app
/ PHASE 08 MINDSET

工程师素养 · 比代码更重要的，是工程师的样子 Engineer mindset · more important than code is who an engineer is

一个真正的工程师，会读文档、会写说明、会承认 bug、会尊重协作。这一关贯穿全程，不是结尾。 Real engineers read docs, write specs, own their bugs, and respect collaboration. This phase runs through the whole program, not just the end.

  1. M08.1

    阅读文档的能力 Reading documentation

    读官方文档 · 读源码 · 看变更日志 · 不依赖二手中文教程。 Official docs · source code · changelogs · don’t rely on second-hand tutorials.

  2. M08.2

    面对 Bug 的心态 Bug mindset

    复现 → 缩小范围 → 假设 → 验证 · 不情绪化 · 享受过程。 Reproduce → bisect → hypothesize → verify · stay calm · enjoy the hunt.

  3. M08.3

    开源协作 Open source collaboration

    提 issue · 提 PR · 写 commit message · 真正参与一次开源。 File issues · open PRs · write commit messages · contribute to a real open-source project.

  4. M08.4

    隐私 · 安全 · 伦理 Privacy · security · ethics

    API key 不能进仓库 · 用户数据怎么处理 · AI 时代的责任感。 API keys never go in repos · how to handle user data · responsibility in the AI era.

OUTPUT
一个长期可维护的 GitHub Profile A long-term, maintainable GitHub profile
/ READY TO BUILD?

看完了 36 个模块，下一步是选一条路径开始。三条节奏：兴趣班 · 系统班 · 暑期冲刺班。 You’ve seen all 36 modules. Next: pick a path. Three rhythms — curious / full / sprint.

看三条学习路径 → See the three paths → 直接联系我们 Talk to us