## 會 Git、GitHub，才能一邊 Vibe 一邊還原程式碼

## 開課提醒
1. 錄影
3. 將[書籤](https://rpg.hexschool.com/#/training/12062817613394040615/board)加入最愛
5. 講解[主線任務](https://rpg.hexschool.com/#/training/12062289980032551059/board/content/12062289980032551060_12062289980032551075)
4. 週五開放每日任務，先釋出任務[一](https://hackmd.io/ey_lQ-BaTwqEdnYXyMPv3w)、[二](https://hackmd.io/ARDLXDDFTeSGs75ivrGaWA)
* [JS直播班](https://hex-daily-task.zeabur.app/hex2025-EduTrack/)
5. [Discord 發問區](https://discord.com/channels/801807326054055996/1428276857266110534/1435961566078959708)
## 補給後來上車同學開學典禮

1. [10/30(四) 開學典禮](https://courses.hexschool.com/courses/2887791/lectures/63430712)

## 這堂課你會學到什麼？
1. 標準化流程，降低人為錯誤
2. 自動化重複工作，提升效率
3. 明確的規範與檢查機制
4. 協作時的版本控制與審查
5. 從錯誤中快速學習與迭代

## 加碼環節
1. [ChatGTP AI 工作術 - 比 99% 的人還會用！](https://courses.hexschool.com/courses/d9be0311111/lectures/63723391)
2. 全新每日任務

## 什麼是 HTML、CSS？
• HTML：網頁的「內容與結構」—標題、段落、圖片、按鈕放哪裡、彼此是什麼關係。
• CSS：網頁的「外觀與設計」—字體、顏色、大小、排版、間距、圓角與陰影。

### 練習時間
1. 新增一個 `index.html`
2. 新增一個 `all.css`
3. 新增一個 `logo.png`

## 什麼是 Git、GitHub

* 介紹以前校長的版本控制流程

## 操作一遍流程

## 講解最終任務

* [主線任務](https://rpg.hexschool.com/#/training/12062817613394040615/board/content/12062817613394040616_12062817613394040632?tid=12062817613394040685)

:::spoiler
:::

## 結束後抽書
1. [每日任務](https://discord.com/channels/801807326054055996/1433429932150751332)

## 加碼：我如何透過 AI 工具備課

### Git、GitHub 圖片調整
1. 步驟一： [ChatGPT](https://chatgpt.com/share/69081a57-9c48-8002-baa0-7b95a0c67230)：詢問概念
2. 步驟二：[Claude](https://claude.ai/public/artifacts/b7415ae6-98d2-4aab-bc02-1c2ba92267a8)：重新製圖
3. 步驟三：[Canva](https://www.canva.com/design/DAG3mjlRYLY/UlV1hnRLMkFgi1T3hRXBWw/view?utm_content=DAG3mjlRYLY&utm_campaign=designshare&utm_medium=link2&utm_source=uniquelinks&utlId=hb0391fb2b2)：線上簡報裁減