实训

有具体目标、以动手操作为主、一学时内能完成的任务，目的在于体验过程、为学习后面的概念积累背景。每周一个实训目录（{周号}-{实训名}），同周同类的任务是目录内的多篇文档。以下顺序即课程顺序。按主导与验收分三类，标题前缀标注：演示（老师课上演导，学生课后可自行实践）、实训（默认，学生动手 + 成果检查）、体验（学生动手，无严格成果要求）。

1. 演示：远程桌面 — TightVNC 双机连接：B 实时看到并操控 A 的桌面，为 C/S 架构攒第一手体感
2. 实训：Web 建站 — XAMPP 环境底座 + WordPress 建站，感受 Web 软件与桌面软件的不同
3. 实训：静态站点生成器 — 内容→网站三任务：VitePress 安装与基础；主题与插件；借 gitee/github 后台加评论（serverless 与前后端分离）
4. 实训：HTTP 客户端 — 能力阶梯下段的体感：curl 收发报文（学生实训，只收字节流）；BBS 与文本浏览器（演示）看无 JS、无图形界面的互联网
5. 实训：表单及前后端交互 — 两任务：表单提交与回显（体会分工与依赖）；服务端校验（声明式客户端校验 → curl 绕过 → 服务端防线，报错重填直到成功）
6. 实训：js动态校验 — 拦截 onsubmit、多字段关联校验，与第 4 周声明式校验对照；也是事件驱动的先声
7. 实训：restful后端 — json-server 5分钟起 REST 服务；30 行 express 看清 JSON:API 信封
8. 实训：构建工具 — 用 vite 搭一个工程化项目并与无构建方式对比
9. 实训：github pages部署 — 把个人项目部署上线，为验收做好准备