Knowledge System

编程知识
体系框架

为设计师转型全栈开发者构建的系统性编程学习体系。按照「凝神全栈」的真实技术链路组织,每篇文档可沉浸式阅读。

08大模块
40+ 知识点
05学习阶段
GRID SPEC
Columns12
Baseline28px
Margin~4%
Modules08
移动鼠标至画布区域查看网格
Overview

概述

本知识库是为设计师转型全栈开发者构建的系统性编程学习体系。从平面设计 → UI 设计 → iOS 开发兴趣 → Web 全栈开发,所有知识按照「凝神全栈」的真实技术链路组织。每篇文档不是大纲速查,而是可以沉浸式阅读的文字教程。

DESIGNER → FULL-STACK DEVELOPER
Philosophy

编程哲学

05 PRINCIPLES
01

理解优先于记忆

每个技术点先讲"为什么存在",再讲"怎么用"

02

类比驱动学习

大量使用设计领域的已有知识做类比,让新概念有锚点

03

项目即教材

代码示例尽量来自真实项目「凝神全栈」,不讲用不到的

04

中英双语术语

每个专业术语都给出英文原词,因为报错信息、文档、社区全是英文

05

螺旋式深入

同一概念在不同章节会反复出现,每次加深一层

Background

学习背景

从视觉设计到全栈开发的真实成长路径,每一步都是下一步的基石。

01

平面设计

视觉基础

02

UI/UX 设计

界面与交互

03

iOS 开发兴趣

Swift / SwiftUI / Xcode

04

Web 全栈开发

本项目:凝神全栈网站

05

反向赋能

用 Web 知识辅助理解 iOS 开发

NOTE

反过来用 Web 知识辅助理解 iOS 开发——技术栈之间形成闭环。

Tech Map

全栈技术地图

08 MODULES · FULL STACK
用户(浏览器 / 手机)
01编程世界入门

思维转换 · 终端命令行 · Git 版本管理 · 开发环境 · Markdown

02Web 前端基础(浏览器能理解的语言)

HTML(结构)· CSS(样式)· JavaScript(行为)· 浏览器原理 · Web API

在此基础上加强
03现代前端工程

TypeScript · Vue.js 3 · Nuxt 4 · Tailwind CSS · 包管理与构建工具

前端请求数据
04后端服务开发

Python · HTTP/API · FastAPI · Pydantic · 中间件

后端存取数据
05数据存储

SQL · PostgreSQL · SQLAlchemy ORM · Alembic · Redis

应用需要运行环境
06服务器与部署

Linux · Nginx · Docker · Docker Compose · HTTPS

部署需要自动化
07自动化与监控

GitHub Actions · 蓝绿部署 · Shell · Prometheus · Grafana

08Apple 原生开发(iOS / macOS)PARALLEL

Swift · SwiftUI · Xcode · iOS 架构 · Web↔原生互通

服务器(云主机)
Structure

知识体系结构

八大模块,每模块五个核心知识点。采用差异化排版,避免视觉疲劳——同一套瑞士设计系统,不同的排列节奏。

01

编程世界入门

5 TOPICS
从设计师到开发者终端与命令行Git版本管理开发环境与工具链Markdown与文档写作
02

Web前端基础

5 TOPICS
HTML结构与语义
CSS样式与布局
JavaScript编程入门
浏览器工作原理
WebAPI与浏览器能力
03

现代前端工程

5 TOPICS
TypeScript类型系统
Vue3响应式开发
Nuxt全栈框架
TailwindCSS实用样式
包管理与构建工具

后端服务开发

5 TOPICS
04
01Python编程语言
02HTTP协议与API设计
03FastAPI框架实战
04Pydantic数据验证
05中间件与安全防护
05

数据存储

5 TOPICS
SQL数据库语言PostgreSQL关系型数据库SQLAlchemy数据库ORMAlembic数据库迁移Redis缓存系统
06

服务器与部署

5 TOPICS
Linux基础与远程操作
Nginx反向代理
Docker容器化
DockerCompose多服务编排
HTTPS与域名管理
07

自动化与监控

5 TOPICS
GitHubActions持续集成
蓝绿部署策略
Shell脚本自动化
Prometheus指标采集
Grafana可视化监控

Apple原生开发

5 TOPICS
08
01Swift编程语言
02SwiftUI声明式界面
03Xcode开发环境
04iOS应用架构
05Web与原生概念互通
Convention

每篇文档的
结构约定

每篇文档遵循统一的叙述结构,但长度和侧重随主题自然变化。

1

全栈地位

该技术在全栈链条中的位置

2

核心概念

从"为什么"出发,逐步建立理解

3

实战详解

结合项目代码展开讲解

4

常见错误与避免方法

初学者容易掉进的坑

5

术语对照表

中英文术语速查

How to Use

使用方法

01

系统性学习

按目录顺序逐步学习,构建完整知识体系

02

问题导向查阅

遇到具体问题时,查找相关主题快速获取解决方案

03

工作参考

将文档作为日常开发工作的检查清单和标准参照

04

知识补充

在文档基础上添加个人经验和学习笔记

Maintenance

更新与维护

定期回顾和更新过时内容

添加新的技术趋势和工具

根据实际项目经验补充案例

建立个人化的知识扩展机制

构建日期2026年4月1日
最后更新2026年4月1日
编程知识体系框架
Programming Knowledge System
STATUS:KNOWLEDGE BASE
MODULES:08
知识体系 · 概览
凝神全栈