系统性学习路径

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,理解"同一套逻辑,不同平台执行"

准备好开始了吗?

每一阶段都是下一个的基石,扎实走好每一步