MapFlow

PUBLIC LEARNING ROADMAP

全栈独立开发者一个月速成 学习技能树

由 Skill Tree Engine 确定性生成的只读快照

28 个知识节点 · intermediate

发布者：cnmd

打开互动地图登录后收藏到我的地图
知识目录

基础概念

计算机网络基础

HTTP/HTTPS、TCP/IP、DNS、端口与网络请求原理，是后端与接口联调的底层地基

建议预留 90 分钟

学习目标

  • 理解HTTP请求响应模型与常见状态码
  • 理解DNS、端口与TCP/IP在前后端通信中的作用

关键概念

  • HTTP/HTTPS
  • TCP/IP
  • DNS与端口
  • 请求头/响应头
  • 状态码

为什么学习

  • 作为后端与全栈联调的必要前置基础，需理解请求-响应、状态码与跨域原理，是调试排错的根基

如何检验理解

  • 能使用浏览器DevTools完整解读一次HTTP请求与响应头并定位状态码含义

补充知识

HTML5与语义化标签

网页结构标记语言，学习者已能编写网页，仅做快速回顾

建议预留 45 分钟

学习目标

  • 回顾语义化标签与文档结构
  • 确认无障碍与SEO友好的标记习惯

关键概念

  • 语义化标签
  • 文档结构
  • ARIA

为什么学习

  • 学习者已具备编写网页能力，仅需巩固语义化与无障碍结构作为前端基础再确认

如何检验理解

  • 能在没有参考的情况下写出语义正确的页面骨架

核心技能

版本控制与Git

Git基础命令、分支管理与提交规范，独立开发必备的版本管理与上线基础

建议预留 60 分钟

学习目标

  • 熟练掌握add/commit/branch/merge/revert
  • 理解.gitignore与标签tag用法

关键概念

  • 分支管理
  • commit规范
  • merge/rebase
  • 标签与Release

为什么学习

  • 作为独立开发者须熟练掌握分支、提交、回滚与标签，也是CI/CD和部署的前置基础

如何检验理解

  • 能为项目建立分支结构并写出清晰commit记录，能回滚到历史版本

基础概念

React前端基础

组件化开发、响应式数据与生命周期，学习者已掌握React，作为前端工作基准起点

建议预留 30 分钟

学习目标

  • 确认React组件化与数据流能力
  • 为后续对接后端API做能力基线

关键概念

  • 组件化
  • props/state
  • hooks
  • 生命周期

为什么学习

  • 学习者已掌握React开发，此处作为已具备的能力基准，支撑后续前后端对接任务

如何检验理解

  • 能快速搭建React组件树并展示对props/state的熟练运用

补充知识

产品思维与MVP拆解

将产品目标拆解为功能、优先级与里程碑，控制MVP范围以保证一个月内可上线

建议预留 60 分钟

学习目标

  • 掌握需求拆解与优先级排序
  • 掌握MVP范围控制方法

关键概念

  • MVP
  • 需求拆解
  • 优先级
  • 里程碑

为什么学习

  • 独立开发者需在有限时间聚焦最小可用功能，产品拆解直接决定综合项目能否按时交付

如何检验理解

  • 能为目标产品输出含优先级与里程碑的功能拆解清单

补充知识

自学与文档查阅

高效阅读官方文档、技术博客并解决报错，支撑一个月快速掌握新后端工具链

建议预留 45 分钟

学习目标

  • 掌握官方文档阅读方法
  • 掌握报错快速定位与搜索技能

关键概念

  • 官方文档
  • stack overflow
  • 日志解读
  • 最小复现

为什么学习

  • 一个月内需快速掌握Node/Express等新栈，高效查档与排错能力是速度的关键杠杆

如何检验理解

  • 能仅凭官方文档在半天内上手一个陌生npm包并跑通示例

补充知识

JavaScript核心语法

ES6+语法、DOM与异步编程，学习者已知晓，此处重点补足后端相关的异步与模块规范

建议预留 60 分钟

学习目标

  • 回顾ES6+与异步编程
  • 回顾模块导入导出规范

关键概念

  • Promise/async
  • 模块系统
  • 事件循环

为什么学习

  • 学习者已用React掌握JS，仅需快速回顾异步与模块化，因为它们是Node后端与安全节点的直接依赖

如何检验理解

  • 能编写并解释Promise/async处理流程的正确性

补充知识

CSS3与UI设计基础

Flexbox/Grid、响应式设计，用于支撑UI设计能力并与React组件化结合

建议预留 60 分钟

学习目标

  • 熟练运用Flexbox/Grid布局
  • 掌握响应式设计要点

关键概念

  • Flexbox/Grid
  • 响应式
  • 断点
  • 间距体系

为什么学习

  • 学习者已会写网页，重点转向用布局与响应式技能配合组件库打造美观界面

如何检验理解

  • 能用Flex/Grid快速还原响应式页面并适配多端

核心技能

后端语言基础(Node.js)

Node运行时、模块系统、异步I/O与标准库，是后端API开发的根本

建议预留 120 分钟

学习目标

  • 掌握Node模块系统与异步I/O
  • 掌握process/env与标准库常用模块

关键概念

  • CommonJS/ESM
  • 事件循环
  • fs/path/http模块
  • 环境变量

为什么学习

  • 独立开发者首选Node.js统一前后端语言，是Express与部署的全部前置

如何检验理解

  • 能独立用Node写出读取环境变量、操作文件与发起请求的CLI脚本

核心技能

关系型数据库与SQL

SQL查询、表设计、索引与事务，是数据建模与CRUD的必备基础

建议预留 120 分钟

学习目标

  • 掌握SQL增删改查与多表JOIN
  • 掌握表设计、索引与事务ACID

关键概念

  • SQL CRUD
  • JOIN
  • 索引
  • 事务/ACID
  • 范式

为什么学习

  • 数据库建模与操作是目标核心必需能力，SQL是所有数据相关节点的根基

如何检验理解

  • 能为业务编写带JOIN、索引与事务的SQL并解释其设计取舍

核心技能

前端路由与状态管理

SPA路由与全局状态管理，学习者已熟悉React，重点补充与后端数据流的衔接

建议预留 60 分钟

学习目标

  • 掌握React全局状态管理
  • 掌握异步数据流与加载/错误态设计

关键概念

  • Redux/Pinia
  • 全局状态
  • 加载态
  • 错误处理

为什么学习

  • 前端对接后端数据必需状态管理，学习者已有React基础故快速上手即为工程能力

如何检验理解

  • 能在React中围绕异步请求设计全局状态与加载/错误态

核心技能

前端构建与工程化

npm/vite打包、模块化与环境变量，支撑前端打包部署上线

建议预留 60 分钟

学习目标

  • 掌握vite/npm生产构建与env配置
  • 理解模块化与打包产物结构

关键概念

  • npm/vite
  • 环境变量
  • 生产构建
  • 产物优化

为什么学习

  • 学习者已用React接触过构建工具，此处重点强化生产打包与多环境变量配置以便部署

如何检验理解

  • 能为项目配置生产构建、环境变量与产物清理并成功产出部署包

核心技能

后端Web框架(Express)

路由、中间件、请求处理与MVC，独立开发最常用的Node后端框架

建议预留 120 分钟

学习目标

  • 掌握Express路由与中间件机制
  • 掌握请求处理与错误处理

关键概念

  • 路由
  • 中间件
  • 请求/响应对象
  • 错误处理

为什么学习

  • 后端API开发是目标核心能力，Express是数据建模、ORM、路由与API设计的中间枢纽

如何检验理解

  • 能用Express搭建带路由、中间件与错误处理的Web服务并解释请求链路

核心技能

NoSQL数据库(MongoDB)

MongoDB文档建模与操作，匹配独立开发快速迭代与灵活数据结构的场景

建议预留 90 分钟

学习目标

  • 掌握MongoDB文档建模与CRUD
  • 理解与SQL的适用场景差异

关键概念

  • 文档模型
  • 集合/文档
  • 聚合管道
  • 索引

为什么学习

  • 数据库设计能力覆盖NoSQL场景，MongoDB灵活性适合独立开发MVP，是数据库运维节点前置

如何检验理解

  • 能用MongoDB为业务建模并完成增删改查及简单聚合

补充知识

UI组件化与设计规范

使用组件库与设计规范搭建美观、响应式界面，落实UI设计能力

建议预留 90 分钟

学习目标

  • 掌握主流React UI组件库的使用
  • 掌握设计规范与一致性维护

关键概念

  • 组件库
  • 设计系统
  • 主题定制
  • 响应式组件

为什么学习

  • 独立上线成熟项目需要美观界面，基于React与CSS3快速引入组件库提升交付质量

如何检验理解

  • 能基于组件库在半天内搭建一套风格统一、响应式的界面模块

核心技能

Linux与服务器部署基础

SSH、命令行操作、进程管理与环境变量，独立开发上线运维的必备技能

建议预留 90 分钟

学习目标

  • 掌握SSH与常用命令行操作
  • 掌握进程管理、权限与环境变量

关键概念

  • SSH
  • bash命令
  • 进程/服务管理
  • 文件权限
  • 环境变量

为什么学习

  • 独立上线必须能在Linux服务器上部署与运维，SSH与进程管理是云端部署的直接前置

如何检验理解

  • 能通过SSH登录服务器并完成服务部署、进程管理与日志查看

核心技能

RESTful API设计

REST规范、HTTP方法语义、资源建模与错误码设计，后端核心交付物

建议预留 90 分钟

学习目标

  • 掌握REST规范与HTTP方法语义
  • 掌握资源建模、分页与错误码设计

关键概念

  • RESTful
  • HTTP方法
  • 资源建模
  • 状态码
  • 分页与错误码

为什么学习

  • API接口设计是目标熟练能力，清晰的资源建模与错误码直接决定前后端联调与可维护性

如何检验理解

  • 能为业务设计RESTful资源接口并给出规范的错误码与响应结构

核心技能

数据模型与ORM

对象关系映射、数据建模与迁移，将业务实体映射为数据库结构

建议预留 90 分钟

学习目标

  • 掌握ORM建模与关联关系
  • 掌握数据库迁移与种子数据

关键概念

  • ORM
  • 数据模型关联
  • 迁移migration
  • 查询构建器

为什么学习

  • 数据建模是数据库设计与操作能力的关键，ORM与迁移简化独立开发的schema管理

如何检验理解

  • 能用ORM定义模型、执行迁移并完成关联查询

核心技能

前后端联调与CORS

API对接、CORS跨域、统一契约与数据流对齐，打通前后端闭环

建议预留 90 分钟

学习目标

  • 掌握axios/fetch对接与接口契约
  • 掌握CORS原理与解决
  • 掌握跨层排错方法

关键概念

  • axios/fetch
  • CORS
  • 接口契约
  • 类型对齐

为什么学习

  • 前端状态与后端API共同汇聚于此，是目标核心能力，也是全栈调试排错的枢纽

如何检验理解

  • 能独立处理跨域问题并保证前后端数据流一致，可快速定位联调Bug

核心技能

身份认证与授权

JWT/Session、密码加密、角色权限控制，独立开发者上线的安全基础

建议预留 90 分钟

学习目标

  • 掌握JWT/Session认证机制
  • 掌握密码加密与角色权限控制

关键概念

  • JWT/Session
  • bcrypt
  • RBAC
  • 中间件鉴权

为什么学习

  • 身份认证是目标熟练能力，也是Web安全与综合项目的前置，需理解机制而非仅抄代码

如何检验理解

  • 能实现JWT登录、密码哈希与基于角色的接口权限控制并说明安全取舍

核心技能

Web安全基础

SQL注入、XSS、CSRF防护与输入校验，保障上线项目的安全性

建议预留 90 分钟

学习目标

  • 掌握OWASP常见威胁与防护
  • 掌握输入校验与安全HTTP实践

关键概念

  • SQL注入
  • XSS/CSRF
  • 输入校验
  • HTTPS

为什么学习

  • 后端安全实践是目标推荐能力，独立上线必须防范常见威胁，是成熟项目的重要保障

如何检验理解

  • 能识别并修补项目中的SQL注入、XSS与CSRF风险点并解释防护方式

补充知识

测试与调试

单元测试、接口测试与调试工具，保证代码质量并快速定位问题

建议预留 90 分钟

学习目标

  • 掌握单元与接口测试编写
  • 掌握调试工具定位前后端问题

关键概念

  • 单元测试
  • 接口测试
  • 断言
  • 断点调试

为什么学习

  • 目标对测试要求为入门级，主要用于保障上线项目质量并为CI/CD铺垫，不必过度投入

如何检验理解

  • 能为后端关键接口编写单元与接口测试并执行通过

核心技能

云部署与上线(Nginx/HTTPS)

云服务器、Nginx反向代理、域名与HTTPS配置，实现真实上线闭环

建议预留 120 分钟

学习目标

  • 掌握云主机与Nginx反向代理
  • 掌握域名解析与HTTPS配置

关键概念

  • 云服务器
  • Nginx
  • 域名/DNS
  • HTTPS证书
  • 反向代理

为什么学习

  • 项目部署与上线是目标核心必需能力，结合Linux与完整项目后在云上落地反向代理与HTTPS

如何检验理解

  • 能在云服务器用Nginx部署前后端并配置域名与HTTPS证书成功访问

补充知识

数据库运维与备份

数据库备份、迁移恢复与安全加固，保障数据可靠性与可恢复性

建议预留 60 分钟

学习目标

  • 掌握数据库备份与恢复
  • 了解安全加固与迁移

关键概念

  • 备份/恢复
  • 迁移
  • 权限加固
  • 监控

为什么学习

  • 目标对数据库运维仅要求入门，重点掌握备份与恢复能力以保障上线数据安全即可

如何检验理解

  • 能为数据库配置定时备份并能演示一次恢复流程

补充知识

日志与监控告警

应用日志、错误监控与告警通知，保障上线后能及时发现问题

建议预留 60 分钟

学习目标

  • 掌握结构化日志记录
  • 了解错误监控与告警接入

关键概念

  • 日志级别
  • 错误上报
  • 监控告警
  • 报警通道

为什么学习

  • 监控告警为nice-to-have能力，独立上线初期掌握基本日志记录与错误上报即可

如何检验理解

  • 能为应用配置结构化日志与关键错误通知

补充知识

Docker与容器化

Dockerfile、镜像构建与容器编排，提升部署一致性与可移植性

建议预留 90 分钟

学习目标

  • 掌握Dockerfile与镜像构建
  • 掌握容器运行与基本编排

关键概念

  • Dockerfile
  • 镜像/容器
  • docker-compose
  • 端口映射

为什么学习

  • 容器化是目标推荐能力，独立开发者容器化后部署一致性显著提升，是CI/CD的前置

如何检验理解

  • 能为Node应用编写Dockerfile并构建镜像成功运行容器

补充知识

持续集成/持续部署(CI/CD)

自动化构建、测试与部署流水线，实现一键上线

建议预留 90 分钟

学习目标

  • 掌握CI/CD流水线配置
  • 掌握自动化构建与部署触发

关键概念

  • 流水线
  • 自动构建
  • 自动部署
  • GitHub Actions

为什么学习

  • CI/CD是目标推荐能力，建立在容器化与测试之上，为成熟项目实现自动化发布

如何检验理解

  • 能配置一条从push到自动构建测试并部署的流水线并演示运行

核心技能

综合项目实战

独立完成含前端、后端、数据库并上线部署的完整全栈项目

建议预留 600 分钟

学习目标

  • 独立整合后端API、数据库与前端
  • 独立完成部署、安全加固与上线
  • 运用产品思维控制MVP范围

关键概念

  • 完整闭环
  • MVP交付
  • 全栈调试
  • 部署上线

为什么学习

  • 这是一个月目标的最终里程碑，需把API、认证、安全、联调、部署与产品思维全部融会贯通独立产出

如何检验理解

  • 独立交付一个含认证、数据库、前后端联调并成功上线可通过HTTPS访问的完整项目

前置关系与知识联系

结合互动地图查看具体关系类型，再选择下一步。