系统性学习路径
AI非科班编程 完整体系
从零开始,带你构建完整的技术世界观。四个阶段,层层递进,让你真正理解计算机世界的运作逻辑。
const learningPath = ["看见世界", "抽象思维", "部署上线", "跨端延展"];
function startJourney() {
console.log("🚀 开始你的编程之旅!");
} 01
入门阶段
看见计算机世界
目标:第一次完成一个可运行、可展示的系统,理解输入输出、数据流、服务概念
计算机世界思想
- 什么是抽象
- 输入 → 处理 → 输出
- 二进制 / 编程语言 / IDE / API接口 / 库(包)
网页入门
- 网页不是魔法,是"盒子 + 规则"
- 浏览器在做什么
- 页面最小元素:文本 / 按钮 / 输入框
JavaScript 交互
- 输入 → 判断/循环/函数 → 输出
- 点击事件、输入事件
- 状态变化与 DOM 操作
本地服务与网络
- 一条命令启动静态服务
- 局域网访问概念
- 心理落点:作品不再只在我电脑里
后端基础
- 请求 / 响应模型
- CRUD 概念
- 前后端数据交互
🎯 交付物
一个可以演示的本地网页 + 数据交互 Demo,学员能在 3 分钟内讲清楚:页面干嘛 → 数据怎么走 → 后端做了什么
02
进阶阶段
抽象的力量
目标:学员能够理解复杂系统结构,知道如何组织和扩展功能
框架的意义
- 为什么出现框架
- 解决重复问题、管理复杂度
前端框架 React
- 组件化开发
- 状态管理
- 路由系统基础
后端框架 Nest
- 分层架构:Controller / Service / Data
- 路由与服务分发
整合应用
- 前后端职责清晰
- 理解如何扩展系统
🎯 交付物
一个结构清晰、可扩展的前后端系统,学员能讲解扩展某个功能该改哪层
03
部署阶段
把系统放到现实世界
目标:学员理解服务器与网络差异,并能部署真实可访问系统
服务器 vs 电脑
- 理解两者的本质区别
- 云服务器的基本概念
Docker 容器化
- 容器化概念
- 环境一致性问题
网络基础
- 代理与分发
- 局域网 vs 公网
域名与 HTTPS
- 域名解析原理
- HTTPS 安全机制
🎯 交付物
一个可以通过局域网或域名访问的真实系统
04
延伸阶段
跨端延展
目标:理解不同平台应用开发原理,延伸能力到桌面与移动端
Electron 桌面应用
- 用 Web 技术构建桌面应用
- 主进程与渲染进程
WebView 容器
- 移动端浏览器容器原理
- Hybrid App 开发
React Native
- 跨平台移动开发
- 一次编写,多端运行
🎯 交付物
一个能在桌面或手机上运行的 Demo,理解"同一套逻辑,不同平台执行"
准备好开始了吗?
每一阶段都是下一个的基石,扎实走好每一步