综述：全栈开发

全栈

2026-10-11 建立 ｜2026-10-11 更新｜调研策划原型➕前端➕后端➕部署运维

• 后台慢——程序
• 查询慢——数据库
• 资源满——看带宽
• 图片慢——看存储（COS）
• 用户远——看分发（CDN）

开发方式：原生｜框架｜跨端｜低代码

调研策划原型：Figma

1. 直接用figma的谷歌浏览器插件就能把code2canvas
2. 平替插件：https://reforeai.cn/html-to-design |html2design
3. Group、Frame、Section

数据库

数据：CSV->Json->SQlite（mongodb，mysql，supabase，postgreSQL）

• 关于数据存放检索方式的讨论1

AI时代的全栈开发课程

系统与网络

1. 2.1节：文件-路径｜根目录｜家目录｜绝对路径 & 类型｜后缀
2. 2.2节：TUI | GUI |code path快速调用VS code｜open｜vim
3. 2.3节：互联网-服务器｜IP/域名｜DNS｜ URL｜端口｜http-80|https-443|家用服务器&专用服务器
4. 2.4节：Linux（Ubuntu）｜Nginx安装｜sudo｜apt｜/etc & /usr/bin｜服务器选购｜服务器初始化｜域名选购与初始化

网络与版本控制

会：写原生网页｜版本控制｜部署上线

1. 3.1～2节：HTML｜CSS｜JavaScript｜三者集成方式
2. 3.3～4节：Git｜GitHub｜brew｜Git初始化指南｜生成SSH key（建立信任）
3. 3.5节：服务器部署（从github拉代码到服务器/vercel）｜Nginx配置简介和流程（一个入口➕两个目录）｜持续部署指南

现代前端工程

会：写框架/组件网页

1. 4.1 节：CDN 引用｜第三方库：动画（anime）｜依赖关系与管理｜传统前端问题：Q1:重命名（全局污染）, Q2:依赖顺序｜现代前端：模块化,ES6（2015 年）———产物：main.js
2. 4.2 节：传统前端仍存在痛点：Q1:缓存(重名文件直接调用缓存）,Q2:没有热更新, Q3:请求冗余——引入构建工具Vite（2020 年），用来兼顾用户体验｜工程思想｜开发体验，但构建需要在浏览器外跑 JavaScript，所以引入Node.js（运行环境）和 npm（应用商店）｜———产物：node_moudules、package.json、/dist

术语-其他

1. Iaas｜Paas｜Saas |Serverless

2. HTML(页面结构）｜CSS（页面样式）｜JavaScript（页面交互）
3. brew（macOS的应用商店）｜apt（linux的应用商店）｜npm（JavaScript的应用商店｜当前项目）

产品模态

2026-09-03 建立 ｜2026-10-11 更新 ｜🟢 已有 ｜ 🟡 部分 ｜ 留空 = 未覆盖

1. 内容消费：内容站🟢｜媒体展示站🟡｜个人主页🟢
2. 任务工具：Web App🟡｜看板 Dashboard🟢｜Admin 后台🟢
3. 数据分析：可视化 / 分析应用🟡
4. 交易商业：电商交易站｜落地页
5. 协作实时：协作 / 实时应用｜API 后端
6. 插件 / 系统工具：增强集成｜自动化批处理｜效率快捷｜状态监控
7. 游戏娱乐：体验型产出 · 待实践归类

---

1. APP|小程序|网页