🌐 学习使用 GitHub Pages 与 AI 构建专业作品集网站

Source: Dev.to

课程概览

这门免费、动手实践的课程通过构建真实的公开作品集网站，介绍网页开发、数字创作和专业工作流。学生将在规划、构建、测试、发布和迭代的全过程中立即运用所学——使用 GitHub Pages、现代开发工具以及 AI 作为学习支持，模拟专业和学术环境中的实践。重点在于理解和使用 AI 生成的代码，而不是复制代码。

这门课程适合谁？

学生将学到什么？

技术技能

• HTML、CSS 和 JavaScript 基础
• 使用 Git 和 GitHub Pages 进行版本控制
• 本地开发、测试和部署工作流

认知与跨学科技能

• 问题解决与批判性思维
• 网页项目的规划与架构设计
• 适应新工具和新技术

社交与协作技能

• 清晰地传达技术想法
• 将 AI 视为开发伙伴进行协作
• 从用户和同伴处获取反馈并加以运用

这些能力可迁移到任何现代技术领域，远超网页开发本身。

课程结构

基础

• 发布第一个网站
• 了解代码如何转化为线上产品

理解代码

• 阅读并修改 AI 生成的 HTML、CSS 和 JavaScript

编码前的规划

• 在生成代码之前设计网站结构和布局

专业工作流

• 搭建本地开发环境
• 在发布前安全地测试更改

创作与迭代

• 与 AI 作为开发伙伴一起构建新页面和组件

反馈与改进

• 通过用户反馈将静态站点转变为活跃项目

学生始终能够理解 为什么 学习每个概念以及 它们 如何融入完整的网站。

负责任地使用 AI 作为学习支持

学习如何评估？

最终项目

为什么这门课程重要

在一个日益被技术和人工智能塑造的世界里，了解数字系统的工作原理至关重要。本课程帮助学生从被动使用者转变为自信的创作者、问题解决者和批判性思考者——这些技能是当今及未来数字社会的基石。