课程安排与时间表
课程安排原则
本课程前两周所有学生共同学习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 | JWT认证 服务上线 | JWT用户认证 | 服务上线部署 | 实践Doc内容 |
| 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数据库 | 创建用户数据表，并保存用户数据 | 实现一个API，返回数据库中的所有用户数据(./week-6/后端homework) |
| 7 | 用户认证与JWT | 使用JWT进行用户认证 | 服务上线部署 | 实践Doc内容 |
| 8 | 文件上传 | 处理文件上传 | 创建文件上传API，并保存文件到服务器 | 返回上传文件的URL并提供下载功能 |
| 9 | API性能优化 | API性能优化与缓存 | 为API添加缓存机制，减少查询次数 | 实现分页查询功能，优化数据处理 |
| 10 | 项目整合与展示 | 回顾与总结 | 完成最终Express API项目并展示 | 提交最终API项目，展示功能 |