课程安排与时间表
课程安排原则
本课程前两周所有学生共同学习 HTML、CSS、JavaScript 及 Git 的基础知识，确保学生具备扎实的前端开发基础和版本控制工具的使用能力。第 3 周开始，课程将分为前端组和后端组，分别学习各自的技术栈。课程每周包含三部分：理论讲解（Doc）、实验操作（Lab）、独立作业（Homework）。
课程的设计宗旨是理论与实践结合，通过动手实验巩固知识，并最终完成一个完整的前后端项目。
前端组课程时间表
| Week | 标题 | Doc | Lab | Homework |
|---|---|---|---|---|
| 1 | HTML, CSS, JS 基础 | HTML/CSS 基础，JS 语法 | 创建调查问卷的外观 | 添加按钮，使用 JS 实现弹窗 |
| 2 | 进阶 JS & GitHub | 表单与 JS 交互，Git 协作 | 创建表单并获取数据，Git 协作 | 计算用户输入数字的和 |
| 3 | DOM 操作与事件处理 | JavaScript DOM 操作与事件处理 | 创建 Todo List 应用 | 点击按钮计数，改变背景颜色 |
| 4 | Vue.js 组件基础 | Vue 组件入门与 props | 创建通知展示 Vue 组件 | Vue 实现页面布局与数据绑定 |
| 5 | Vue 路由与表单处理 | Vue Router 与双向数据绑定 | 创建多页面导航和表单输入页面 | 实现表单数据提交并验证 |
| 6 | Axios API 请求 | 使用 Axios 发送 GET/POST 请求 | 获取 API 数据并展示在页面上 | 通过 API 获取并显示用户数据 |
| 7 | Vuex 状态管理 | Vuex 全局状态管理基础 | 使用 Vuex 实现全局状态共享 | 让不同组件共享状态（如计数器） |
| 8 | Vue 动画与过渡效果 | Vue 中的动画与过渡效果 | 添加组件过渡动画 | 实现页面切换时的过渡效果 |
| 9 | 项目优化与懒加载 | Vue 项目性能优化 | 项目懒加载优化与按需加载 | 优化首屏加载时间，减少资源消耗 |
| 10 | 项目整合与展示 | 回顾与总结 | 完成最终 Vue 项目并展示 | 提交最终 Vue 项目，展示功能 |
后端组课程时间表
| Week | 标题 | Doc | Lab | Homework |
|---|---|---|---|---|
| 1 | HTML, CSS, JS 基础 | HTML/CSS 基础，JS 语法 | 创建调查问卷的外观 | 添加按钮，使用 JS 实现弹窗 |
| 2 | 进阶 JS & GitHub | 表单与 JS 交互，Git 协作 | 创建表单并获取数据，Git 协作 | 计算用户输入数字的和 |
| 3 | Node.js 基础 | Node.js 环境与基础操作 | 创建简单 Node.js 服务器 | 修改服务器返回包含当前时间的 JSON |
| 4 | Express 路由处理 | Express 路由与 API 开发 | 创建查询用户信息的 API | 设计商店 API |
| 5 | 处理 POST 请求 | 处理 POST 请求，接收和解析数据 | 实现一个 POST 路由，接收用户表单数据并返回确认消息 | 实现用户登录 API，验证用户名和密码 |
| 6 | 数据库操作 | 连接 MongoDB 或 MySQL 数据库 | 创建用户数据表，并保存用户数据 | 实现一个 API，返回数据库中的所有用户数据 |
| 7 | 用户认证与 JWT | 使用 JWT 进行用户认证 | 实现登录功能并返回 JWT 令牌 | 增加 JWT 中间件，保护特定 API 路由 |
| 8 | 文件上传 | 处理文件上传 | 创建文件上传 API，并保存文件到服务器 | 返回上传文件的 URL 并提供下载功能 |
| 9 | API 性能优化 | API 性能优化与缓存 | 为 API 添加缓存机制，减少查询次数 | 实现分页查询功能，优化数据处理 |
| 10 | 项目整合与展示 | 回顾与总结 pnp | 完成最终 Express API 项目并展示 | 提交最终 API 项目，展示功能 |