Web 前端编程

📊 课程难度与压力分析

COMP6080 的难度不在于算法的深，而在于‘知识的杂’。你需要同时处理 CSS 的兼容性、JS 的异步地狱以及 React 的重渲染逻辑。压力主要来自于 Major Project，如果你分到了‘视觉审美缺失’或‘逻辑混乱’的队友，你的工作量会呈几何倍数增长。Skills Audits 是真正的‘手速竞赛’，要求你在高压下写出干净的代码。及格率很高，但拿 HD 需要你的作品不仅功能完备，还要具备‘丝滑’的用户体验和极其整洁的架构文档。

🎯 备考重点与高分策略

高分秘籍：‘得 React Hooks 者得 HD’。期末考试中，如何优化不必要的重渲染（Re-rendering）是拉开差距的关键。一定要熟练掌握 useMemo 和 useCallback 的物理含义。重点攻克‘异步 Fetch 与状态同步’，那是 Skills Audit 2 的必考点。对于项目，HD 的关键在于‘细节（Polish）’——加入 Loading 状态、处理网络报错、以及完美的响应式适配（Mobile/Desktop）。重视 Tutorial 里的每一道 Demo 题，因为 Hayden 老师经常在机考中直接复用这些场景。考前一定要读一遍 React 官方文档的‘Thinking in React’章节。

📚 学习建议与资源推荐

神级资源推荐：‘Frontend Masters’或‘Epic React’（由 Kent C. Dodds 编写）。如果 CSS 布局卡壳，去玩‘CSS Grid Garden’和‘Flexbox Froggy’小游戏。最重要的建议：不要只看视频，要在 VS Code 里一行行手敲。学会使用浏览器的 DevTools 进行性能分析（Lighthouse），这能让你在写报告时展现出‘专家级’的客观性。利用好学校提供的 CSS 服务器进行部署测试。

⚠️ 作业与 Lab 避坑指南

项目避坑：千万不要在第 10 周才合并代码！Git Merge Conflict 会毁掉你的 Final Demo。严禁在 React 组件中直接操作 DOM，那是初学者最容易被扣分的‘非 React 思维’。Skills Audit 中，注意时间分配，先做完 CSS 样式分（拿保底），再死磕复杂的逻辑分。此外，注意 React 的版本差异，确保你的依赖项没有冲突。注意 Final 考试有機考 Hurdle，代码必须通过基础的功能测试。

💬 过来人经验分享

学长建议：这门课是计算机系最‘快乐’的课，因为你的每一行代码都能立刻变成屏幕上的精美界面。建议找一个同样有‘强迫症’的队友当 Tech Lead。拿 HD 的关键：在报告中展现出你对‘无障碍设计 (Accessibility)’的尊重，而不只是追求视觉好看。坚持住，通关 6080，你就真正具备了去 Canva 投简历的入场券。这门课会彻底重塑你对‘互联网’这三个字的理解。