Summary

本周 FIT5032 Week 5 线上讲座由 Chief Examiner Delvin Varghese 主讲。开场他简要介绍个人背景（HCI 方向、Action Lab 实战与政府/公益合作），随后进入本周重点与考核说明。期末 Quiz 为“受限开卷”：允许携带一夹/活页本的纸质笔记，并可在 Moodle 打开的单个汇总 PDF 中查阅讲义/作坊材料；禁止联网与其他电子资料，违者按学术不端处理。Quiz 安排为第12周周一10:00（远程 e-exam），题型以选择题为主，辅以少量填空/情景短答，后续还会发布 Mock 练习与答案。技术内容围绕“事件与路由（events & routing）”，强调多页面导航与基本安全：需实现登录与基于角色的访问控制（至少两类角色）以及客户端数据校验。教学风格自下周起将大幅增加现场编码，建议课上直接用 VS Code 跟打；老师还会提供预置项目仓库。课程亦回顾现代 Web 栈与实践（REST/API、Node/Express、数据库、部署到 GitHub/Cloudflare/GCP/AWS、Figma 设计交接等），并在示例中讲解 Vue 的事件修饰符（.stop/.prevent/.once）、@click 与 v-on:click 等等

1) 行政与考核（Quiz）

• 形式：受限开卷；可带一夹/活页纸质笔记；可在 Moodle 打开“讲义+作坊合集”单一 PDF；严禁联网及其他外部资料，违规按学术不端处理。
• 时间与方式：第12周周一 10:00 远程 e-exam（可在任意地点参加，需网络稳定，平台为 Moodle）。
• 题型：以选择题为主，辅以填空/短答（情景题），重理解不重死记。
• 准备资源：Assessment 面板已更新说明；后续会发布 Mock 与答案。

2) 本周主题：事件与路由（Events & Routing）

• 为什么要路由：支持清晰的多页面结构与 URL 导航（如 /maps、/finance），结合鉴权控制敏感子页。
• 课程要求的安全性：至少两种角色（如 employee/admin）决定页面可见性，并实现基本客户端数据校验以抵御常见攻击。
• 事件基础：用户与页面交互即事件；常见有 click、键盘输入、submit、input 等。
• Vue 事件写法：@click 是 v-on:click 的速记，行为等价。
• 修饰符：

  • .stop 阻止冒泡；.prevent 阻止默认行为（如表单原生提交）；.once 仅触发一次（现场演示点击第二次无效）。
• 课堂演示：按钮点击弹出 Hello Vue 警告框；对比 @click 与 v-on:click；.once 的效果验证。

3) 教学方式与下周安排

• 教学风格：自下周起以“少量幻灯+大量现场编码”为主，请准备好 VS Code 跟练。
• 配套项目：将提前提供预置 GitHub 项目供下载与增量实现。

4) 现代 Web 技术版图（课堂回顾）

• 后端与服务：REST/Web APIs、认证、Express/Node；历史服务器栈（Apache、NGINX、IIS）与演进。
• 数据层：MongoDB、Postgres、MySQL 的定位与差异（本课不深究）。
• 部署与 DevOps：GitHub Pages/Cloudflare Pages/Vercel 的前端部署；GCP/AWS 等云服务；CI/CD（GitHub Actions）。
• 设计到开发：Figma 在设计交接（Design Handover）阶段辅助导出 CSS，便于开发实现。
• 编码风格：Vue 3 推荐 Composition API；注意与 Options API 的差异，引用外部代码需辨别版本与风格。

5) 讲者背景与暖场片段（便于回顾）

• 讲者：Monash IT 高级讲师、HCI 方向；Action Lab 带领全栈 JS 工程团队，服务政府与公益组织（如 Red Cross、Oxfam）。
• 暖场话题：英国 West Sussex 潮汐淹路趣闻，随后转入本周的 housekeeping 与主题预告。