# 任務六：實務團隊開發流程

## 關卡示範影片
{%youtube 7FhJGul0PyI %}

## 你可以掌握的技術
* GitHub 多人團隊協作方式
* main：正式環境
* dev：開發環境
* feature/功能：新功能開發

## 任務流程

在 github開新 repo，然後 clone 下來

- [x] 1-1：A 成員新增一個新的 Repo，增加 `index.html`、`all.css`，並在 `index.html` 加上一個 h1 標題，並在 `all.css` 將 h1 設計文字為藍色後 **，commit 一個版本**

git add .
git commit -m "新增網頁"

- [x] 1-2：A 成員在 `main` 分支上也開 `dev` 分支，**並同時將 `main`、`dev` 都 push 上去**

git branch dev
git push origin main
git push origin dev

- [ ] 1-3：B 成員 clone 下來，在 `dev` 分支上開一個新 feature，名為 `feature/addStyle`，新增一個 h2，並將他的文字顏色變成綠色，commit 一個版本後 **，將 `feature/addStyle` 分支進行 git push 動作**

git checkout origin/dev 或 git checkout dev (這兩種都可以的樣子)
git checkout -b feature/addStyle
git add .
git commit -m "修改為綠色"
git push origin feature/addStyle

- [x] 1-4：B 成員透過 GitHub ，申請一個 `dev` 合併 `feature/addStyle` 進度的 PR，並指派 A 成員進行審核

到 github 申請 pr 時 branches 要選 dev 合併

- [x] 1-5：A 成員進行 git fetch ，將 `feature/addStyle` 抓最新版本下來，並在本機上確認成員進度

git fetch origin feature/addStyle
git checkout origin/feature/addStyle
確認標題已改為綠色

- [x] 1-6：A 成員確認沒問題後，審核 PR 通過
- [x] 1-7：A 成員 git fetch `dev` 後，開一個新的 `feature/editTitle` 分支，修改 `head` 標題為 `修改標題`，commit 一個版本後便 **，將 `feature/editTitle` 分支進行 git push 動作**

git fetch origin dev
git checkout origin/dev
git checkout -b feature/editTitle
git add .
git commit -m "修改 head title"
git push origin feature/editTitle

- [x] 1-8：A 成員透過 GitHub ，申請一個 `dev` 合併 `feature/editTitle` 進度的 PR，並指派 B 成員進行審核

到 github 申請 pr 時 branches 要選 dev 合併

- [x] 1-9：B 成員 git fetch `dev` 後，開一個新的 `feature/editColor` 分支，修改 h1 標題顏色為紅色，commit 一個版本後便 **，將 `feature/editColor` 分支進行 git push 動作**

git fetch origin dev
git checkout origin/dev
git checkout -b feature/editColor
git add .
git commit -m "修改為紅色"
git push origin feature/editColor

- [x] 1-10：B 成員透過 GitHub ，申請一個 `dev` 合併 `feature/editColor` 進度的 PR，並指派 A 成員進行審核

在 github 發 pr，branches 選 dev 

- [x] 1-11：B 成員進行 git fetch ，將 `feature/editTitle` 抓最新版本下來，並在本機上確認成員進度

git fetch origin feature/editTitle
git checkout origin/feature/editTitle

- [x] 1-12：B 成員確認沒問題後，審核 PR 通過
- [x] 1-13：A 成員進行 git fetch ，將 `feature/editColor` 抓最新版本下來，並在本機上確認成員進度

git fetch origin feature/editColor
git fetch origin dev

- [x] 1-14：A 成員確認沒問題後，審核 PR 通過

git fetch origin dev

- [ ] 1-15：A 成員審核成功後，申請一個 `main` 合併 `dev` 進度的 PR，用 GitHub Pages 觀看 `main` 分支的頁面是否有出現預期網頁畫面

在 github 裡直接申請 pr main <- dev 然後通過
git fetch origin main

## 通關檢核點

- [ ] A、B 成員與 GitHub Repo 都有相同的 commit 數量
- [ ] 預期線圖有符合

## 預期線圖

## 提交 Git Repo 連結

* [練習用 Git Repo 連結](#)