Week 1: Principles & Practices / Project Management 第1周：原则与实践 / 项目管理
Assignment Checklist 作业清单
- Plan and sketch a potential final project 规划并草拟最终项目方案
- Sign and upload the student agreement 签署并上传学生协议
- Complete a Git tutorial 完成 Git 教程
- Build a personal website describing myself and my final project 搭建个人网站，介绍自己和最终项目
- Upload all process materials to the class archive 将所有过程材料上传至课程存档
Building This Website 搭建本网站
This week I focused on setting up the documentation workflow for my Fab Academy journey. The website is built using plain HTML, CSS, and JavaScript — keeping things simple and easy to maintain. The site is hosted on GitLab Pages, which automatically deploys the public/ folder every time changes are pushed to the repository.
本周我专注于为 Fab Academy 学习之旅搭建文档工作流程。网站使用原生 HTML、CSS 和 JavaScript 搭建——保持简单易维护。网站托管在 GitLab Pages 上，每次将更改推送到仓库时会自动部署 public/ 文件夹。
Website Features 网站特性
- Bilingual support — English / Chinese toggle via a custom JavaScript language switcher 双语支持——通过自定义 JavaScript 语言切换器实现中英文切换
- Responsive design — Mobile-friendly layout with hamburger menu navigation 响应式设计——移动端友好布局，带汉堡菜单导航
- Modern CSS — Card-based layout, sticky navbar, image galleries, and clean typography 现代CSS——卡片式布局、固定导航栏、图片画廊和清晰的排版
-
GitLab CI/CD — Automatic deployment via
.gitlab-ci.ymlGitLab CI/CD——通过.gitlab-ci.yml自动部署
Git Workflow Git 工作流程
I use Git for version control. The basic workflow is: 我使用 Git 进行版本控制。基本工作流程如下：
git add .
git commit -m "describe changes"
git pushThe site is automatically rebuilt and deployed by GitLab CI every time a commit is pushed to the main branch. 每次将提交推送到主分支时，GitLab CI 会自动重新构建并部署网站。