ZYH 开发教程
104 节详细课程 · 304 条命令说明 · 在线编辑器

从第一行代码,
到完整产品上线。

像查字典一样定位知识,也能按课程系统学习 HTML、CSS、JavaScript、TypeScript、React、Node.js、PostgreSQL、部署、Windows CMD 与 macOS 终端。每课讲清底层原理、执行流程、逐命令参数、结果、风险和调试方法。

第一次来?

只需要从三步开始

01

先看地图

理解前端、后端、数据库和服务器分别负责什么。

02

跟着一条主线

按顺序学习,不同时开启多个语言和框架。

03

每周做出成果

看完不算完成,能独立做出来并通过验收才算。

完整大目录

六个阶段,连接成一条路线

Web 前端与小程序共享 JavaScript 基础,再共同连接后端和数据库。

016 节主课

Web 前端

用 HTML、CSS、JavaScript 做出可访问、可交互的响应式网站。

0%
进入本阶段
024 节主课

微信小程序

掌握 WXML、WXSS、网络、登录、云开发和发布。

0%
进入本阶段
031 节主课

数据库

从表和 SQL 到关系、事务、索引、权限、备份与恢复。

0%
进入本阶段
042 节主课

网站后端

用 Node.js、Express 和 PostgreSQL 构建安全 API。

0%
进入本阶段
052 节主课

服务器与部署

学习 Linux、Nginx、Docker、HTTPS、日志和维护。

0%
进入本阶段
061 节主课

项目实战

用递进项目把知识连接成真实作品。

0%
进入本阶段
看懂数据流

一次点击,经过哪些地方?

全部课程

按自己的阶段查找内容

开始这里 · 总览

Web 与小程序全栈学习路线

从页面、后端、数据库到服务器,用一张图看懂 Web 与小程序全栈。

12 分钟 · 主线课程
开始这里 · 第 1 周

环境准备与核心术语

准备编辑器、Git、Node.js 和练习环境,先用通俗解释认识核心术语。

15 分钟 · 主线课程
开始这里 · 开始前

学习地图与使用说明

学习顺序、每次 90 分钟安排、卡住时的排查方法和阶段前进规则。

10 分钟 · 工具资料
Web 前端 · 第 3–4 周

HTML:给网页内容正确的结构

用正确元素组织标题、段落、链接、图片、表格和表单。

25 分钟 · 主线课程
Web 前端 · 第 5–6 周

CSS:样式、布局与响应式设计

理解盒模型、层叠、Flex、Grid、移动优先和无障碍样式。

30 分钟 · 主线课程
Web 前端 · 第 7–9 周

JavaScript:让页面产生交互

从输入、处理、输出开始,掌握语言基础、DOM、事件、异步和请求。

35 分钟 · 主线课程
Web 前端 · 第 2、9 周

浏览器、网络与 API

看懂 URL、HTTP、fetch、开发者工具、CORS、Cookie 和缓存。

25 分钟 · 主线课程
Web 前端 · 第 10 周

前端工程化、测试与发布

建立可重复的项目结构、版本管理、测试、性能和发布流程。

25 分钟 · 主线课程
Web 前端 · 第 10 周

Web 前端实战:学习进度网站

用原生三件套完成有搜索、筛选、进度和响应式的学习网站。

20 分钟 · 主线课程
微信小程序 · 第 19 周

微信小程序基础:从 Web 过渡到小程序

从 Web 过渡到 WXML、WXSS、数据绑定、事件、生命周期和组件。

30 分钟 · 主线课程
微信小程序 · 第 20 周

小程序网络、登录与数据交互

正确处理 wx.request、合法域名、登录 code、权限和缓存。

30 分钟 · 主线课程
微信小程序 · 第 21 周

小程序后端:云开发还是自建后端

比较云开发和自建后端,理解数据库、存储、云函数和多端复用。

25 分钟 · 主线课程
微信小程序 · 第 21 周

小程序测试、发布与安全

覆盖多环境、真机、弱网、隐私、审核、发布和安全底线。

25 分钟 · 主线课程
数据库 · 第 11–13 周

数据库学习指南

关系模型、SQL、连接、约束、事务、索引、性能和维护的主线指南。

35 分钟 · 主线课程
数据库 · 随时查阅

SQL 重点速查(以 PostgreSQL 为例)

PostgreSQL 建表、CRUD、连接、事务、参数化查询与索引速查。

12 分钟 · 工具资料
网站后端 · 第 2、14 周

网络与 HTTP 重点

用请求与响应理解方法、状态码、HTTPS、CORS、域名和端口。

20 分钟 · 主线课程
网站后端 · 第 14–18 周

Node.js 与 Express 后端学习指南

从 JavaScript 前置到 Express、数据库、REST、认证、日志和测试。

40 分钟 · 主线课程
网站后端 · 开发时查阅

API 设计检查表

逐个接口检查契约、输入、数据、认证、授权、错误和测试。

12 分钟 · 工具资料
服务器与部署 · 第 22 周

Linux 服务器学习指南

命令行、文件、权限、进程、服务、日志、网络、SSH 与排错。

35 分钟 · 主线课程
服务器与部署 · 第 22–23 周

部署、安全与运维指南

Nginx、HTTPS、Docker、上线安全、监控、发布、回滚和备份。

35 分钟 · 主线课程
项目实战 · 第 11–24 周

三个递进项目

图书数据库、任务 API、可上线内容平台三个递进项目。

25 分钟 · 主线课程
计划与打卡 · 24 周

24 周 Web 与小程序全栈学习计划

每周明确学习内容、动手任务、重点和验收结果的全栈主计划。

30 分钟 · 主线课程
计划与打卡 · 阶段验收

总进度清单

用独立完成而不是看完视频来判断数据库、服务器、后端和部署能力。

15 分钟 · 工具资料
计划与打卡 · 每次学习

学习日志模板

记录输出、错误、解决过程和掌握度的可复制学习日志。

8 分钟 · 工具资料
计划与打卡 · 后端专项

16 周学习计划

已有前端基础时,可单独采用的 16 周数据库、服务器和后端计划。

25 分钟 · 工具资料
资源与工具 · 按需查阅

Web 前端与微信小程序资源导航

MDN、web.dev、微信开放文档、官方示例和练习工具。

18 分钟 · 工具资料
资源与工具 · 按需查阅

精选学习资源导航

数据库、Linux、Node、Express、Docker、Git 与安全资源。

20 分钟 · 工具资料
资源与工具 · 开始前

避免走弯路

避免只收藏不练习、滥用管理员权限、泄露秘密和过早追复杂技术。

10 分钟 · 工具资料
资源与工具 · 资料索引

数据库、服务器与网站后端学习资料

原数据库、服务器与网站后端资料的目录和能力说明。

8 分钟 · 工具资料
给零基础学习者

不懂术语,也可以开始。

每篇内容先用一句话和生活类比解释,再进入代码。你只需掌握当前阶段,不需要预先理解后面的全部内容。

可搜索标题、说明和正文Esc 关闭
从一个简单词开始试试“HTML”“数据库”“登录”或“部署”