UniMate AI
新南威尔士大学/课程目录

COMP6080

Web 前端编程

6 学分难度 中等

课程定位 COMP6080 是 UNSW 计算机系最现代、最受学生追捧的‘就业神课’。不同于传统的算法课，这门课直接对接工业界的前端开发标准。它教你如何从零开始构建响应式、高性能、且具备复杂交互的现代 Web 应用。它是通往 Canva、Atlassian 等澳洲顶级科技大厂前端岗位的唯一必修通道。如果你想让自己的代码‘看得见、摸得着’，这门课是你的最佳舞台。 技术栈与学习内容 课程围绕‘现代 JavaScript 生态’展开。核心技术栈包括：HTML5/CSS3 进阶（Flexbox, Grid, Animations）、现代 JavaScript (ES6+, Promises, Async/Await)、以及行业标准框架 React.js（Hooks, Context API, React Router）。学习内容涵盖：响应式设计原理、单页应用 (SPA) 架构、Web 性能优化、无障碍设计 (Accessibility)、以及与后端 API 的深度异步交互。课程强调‘组件化’思维与‘工程化’实践。 课程结构 10 周极高强度的项目驱动教学。前期死磕 CSS 布局与 JS 原生逻辑，中期全面转向 React 开发。评估体系极具实战性：包含多次限时的在线编程测验（Skills Audits）、一个权重极大、持续数周的小组大型 Web 项目（通常是克隆一个类似 Slack 或 Slack 的协同平台）、以及考察 Web 协议与架构设计的期末机考。该课极其强调‘像素级还原’与‘代码优雅度’。 适合人群 计算机、软件工程专业学生。如果你想在最短时间内获得开发真实产品的能力，这门课是你的不二之选。建议具备基础的编程直觉。建议每周投入 20 小时以上进行 UI 调试与组件重构。

Course decision

选课先看

先看考核重心、截止节奏和入门要求，再决定这门课是否适合你的学期安排。

考核总权重

100%

3 项考核

最高单项

40%

Major Web Project (Team)

期末考试

有

以官方 outline 为准

Hurdle

1 项

需要单独满足

Deadline map

考核时间线

按截止周排列作业节点；持续考核会保留在下方完整考核结构中。

Week 9

Skills Audits

25%

共三次限时机考，要求在 2 小时内独立完成特定的布局或 JS 逻辑实现。

Week 10

Major Web Project (Team)

40%

团队开发一个全功能 React 应用，涵盖身份认证、实时通信、复杂状态管理及精美 UI。

Week 11

Final Lab Exam

35%

综合机考，考察对 React 架构决策、JS 异步底层及 Web 安全协议的掌握。

Syllabus

每周大纲

默认只展示每周独有的知识重点；节奏、考核、Tutorial 和避坑信息按需展开。

  1. 1

    Web 基础与现代 HTML/CSS

    DOM 树模型，语义化标签，CSS 选择器优先级，Flexbox 布局深度实战。

  2. 2

    响应式设计与交互基础

    Media Queries，CSS Grid，Mobile-first 策略，CSS 变量与动画初步。

  3. 3

    现代 JavaScript (ES6+)

    箭头函数，解构赋值，模块化 (ES Modules)，闭包与原型链的 Web 视角。

  4. 4

    异步编程与 Fetch API

    Event Loop 机制，Promise 链式调用，Async/Await 优雅处理网络请求。

  5. 5

    React 基础：组件化思维

    JSX 语法，Props vs State，单向数据流，生命周期与基础 Hooks (useState, useEffect)。

  6. 6

    灵活性周 (Flex Week)

    复习 React 渲染逻辑，冲刺大型小组项目初稿，优化 UI 样式。

  7. 7

    React 进阶：状态管理与路由

    Context API 深度应用，React Router 导航逻辑，高阶组件与自定义 Hooks。

  8. 8

    性能优化与测试

    React.memo, useMemo, useCallback，Web Vitals 分析，利用 Jest 进行 UI 测试。

  9. 9

    Web 安全与无障碍设计

    XSS 与 CSRF 防御，CORS 策略，WCAG 标准，ARIA 属性应用。

  10. 10

    工程化部署与全课总结

    前端构建工具 (Webpack/Vite)，CI/CD 部署，全学期 Web 架构图谱大复盘。

Assessment

考核结构

Skills Audits

共三次限时机考，要求在 2 小时内独立完成特定的布局或 JS 逻辑实现。

25%

Week 9

Major Web Project (Team)

团队开发一个全功能 React 应用，涵盖身份认证、实时通信、复杂状态管理及精美 UI。

40%

Week 10

Final Lab ExamHurdle

综合机考，考察对 React 架构决策、JS 异步底层及 Web 安全协议的掌握。

35%

Week 11

From Seniors

学长留下的

基础信息谁都查得到,真正值钱的是过来人的经验。

学姐说

比你早一年的学长留下的真实经验 —— ChatGPT 给不了。

这门课还没有学长经验,你可以是第一个 —— 注册后在课内分享。

往年考点 / 踩坑

这门课暂无往年考点记录。

毕业生去向(整体)

下面是匠人学院毕业生整体去过的公司分布(来自脱敏校友证言)。这是全平台的总体去向,不代表选这门课的人一定去这些公司。

统计自 317 份脱敏校友证言

Deloitte

6 位校友

岗位:Graduate Program · Graduate Consulting · Platform Engineer · Web developer · Platform engineer

Zerologix

4 位校友

岗位:Frontend Dev · junior frontend developer · Front-end Developer · Full Stack Developer

Servian

4 位校友

岗位:Full-stack Developer · Data Engineer · Consultant

关于这块数据,我们说实话

雇主墙来自脱敏毕业生证言（testimonials）的整体分布，无法关联到具体学员或其所选课程；仅作为毕业生去向的总体社会证明展示。

我们没有"某位学长选了这门课、后来进了哪家公司"这种可查询的个人去向档案 —— 校友证言是脱敏的,无法关联到具体的人或他选过的课。所以这里只给整体分布,不给个人路径,不编。