--- tags: 'Vue直播班北1 - 2024' --- # 第一組-第三週小組任務 ## ==討論日期 : 1/17 ( 三 )== :::info 報到 - [x] Uli - [x] WeiWei崴崴 - [x] Eden - [x] Ann - [x] 依依 - [x] Moreene - [x] Winnie - [ ] 仙貝 - [x] 非常愛柯基 - [x] 樂樂 - [ ] cestjessie ::: ## 挑戰一：團隊成員一起搞定 GitHub Pages 課程最終目標是完成獨立的電商作品，而此作品也會上傳到 Github Pages 作為展示空間（同學亦可上傳到自己的網路空間），因此建議同學可以提前掌握 Github Pages 運用技能。 1. 請成員建立自己的 **Github 儲存庫** 2. 簽入一個 html 頁面，並上傳至 Github 3. 使該頁面以 gh-pages 的形式開啟（每個成員都需要自己的 gh-pages 才算成功） ### 參考連結： - [課程教學 GitHub Pages](https://courses.hexschool.com/courses/vue-2021211/lectures/49875483) - [Github Pages - 免費網頁空間隨你開](https://youtu.be/njlABvVRB68?t=419)（7分處至 23分） - [GitHub Pages - 建立靜態網站](https://w3c.hexschool.com/git/21756c99) ### 回報區 | 成員 | GitHub | Page | | --- | --- | --- | | Uli | [GitHub](https://github.com/Uli1313/test0117) | [Page](https://uli1313.github.io/test0117/) | | WeiWei | [GitHub]() | [Page]() | | Eden | [GitHub]() | [Page]() | | Ann | [GitHub]() | [Page]() | | 依依 | [GitHub]() | [Page]() | | Moreene | [GitHub]() | [Page]() | | Winnie | [GitHub](https://github.com/winniecat777/text117) | [Page](https://winniecat777.github.io/text117/) | | 仙貝 | [GitHub]() | [Page]() | | 非常愛柯基 | [GitHub]() | [Page]() | | 樂樂 | [GitHub](https://github.com/PinyiW0/test1) | [Page](https://pinyiw0.github.io/test1/) | | cestjessie | [GitHub]() | [Page]() | <!-- | ~~Zhu~~ | 🤣 | [Page](https://githubplayerzero.github.io/hex_team_week3/) | --> ## 挑戰二：Git 挑戰 完成 [Git 任務二](https://hackmd.io/an1emkLvQii9o45Q8pg5Og?both) ### 任務流程 - [ ] 1-1：A 成員新增一個空的 `index.html` **，進行 git push 動作** - [ ] 1-2：B 成員 Clone 下來，將 `index.html` 網頁內容加入下方折疊處後 **，進行 git push 動作** ::: spoiler HTML 內容 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>標題</h1> </body> </html> ``` ::: - [ ] 1-3：**<span style="color:blue">A 成員進行 git pull 抓最新 `index.html` 版本下來</span>** - [ ] 1-4：A 成員修改 head 的 `title`，文字設為 `修改 title`，並 commit 一個版本，comment 內容為 `修改 head title`**，進行 git push 動作** - [ ] 1-5：B 成員進行 `git pull` 抓最新版本下來 - [ ] 1-6：B 成員修改 h1 的文字設為 `修改標題`，並 commit 一個版本，comment 內容為 `修改 h1 文字`**，進行 git push 動作** - [ ] 1-7：A 成員修改 head 的 `title`，文字設為 `再次修改 title`，並 commit 一個版本，comment 內容為 `調整 head 文字` - [ ] **1-8：<span style="color:blue">A 成員進行 `git push`，引發更新錯誤</span>** - [ ] 1-9：A 成員執行 `git pull` 合併版本後 **，進行 git push 動作** - [ ] 1-10：B 成員進行 `git pull` 抓最新版本下來 - [ ] 1-11：B 成員修改 h1 的文字設為 `修改標題 B`，並 commit 一個版本，comment 內容為 `修改 h1 文字，增加 B 資訊`**，進行 git push 動作** - [ ] 1-12：A 成員修改 h1 的文字設為 `修改標題 A`，並 commit 一個版本，comment 內容為 `修改 h1 文字，增加 A 資訊` - [ ] **1-13：<span style="color:blue">A 成員執行 `git pull` 引發版本合併衝突**</span> - [ ] 1-14：A 成員只保留一個 h1，文字設為 `修改標題 AB`，重新加入索引，並執行 `git commit` 來合併版本 **，進行 git push 動作** - [ ] 1-15：B 成員也進行 git pull 抓最新版本下來 ### 通關檢核點 - [ ] A、B 成員與 GitHub Repo 都有相同的 commit 數量 - [ ] 藍字步驟，都有顯示預期結果 ``` ## 關鍵步驟講解 1-3：本地 Fast-forward (快轉) 合併成功 1-8：遠端 Fast-forward (快轉) 合併被拒絕 - 需執行 Pulling and Merging (拉取並合併) 1-13：Merge Conflict (合併衝突) ``` ### 預期線圖 ![](https://hackmd.io/_uploads/HyZwfCu-T.png) #### 提交 Git Repo 連結 [隨機分組](https://www.suijidaquan.com/zh-tw/team-generator) <!-- [Git Repo 連結]() --> | 成員 | GitHub | | -------- | -------- | | 樂樂、神秘人士 | [GitHub](https://github.com/PinyiW0/gitText02) | | Winnie、神秘人士 2 號| [GitHub](https://github.com/winniecat777/text117)| | Uli、Ann | [GitHub](https://github.com/Uli1313/0117)| | | [GitHub]()| | | [GitHub]()| ## 挑戰三：課後測驗：非同步與 this 完成 [第三週 題目](https://casper-wang.notion.site/6ddb21b62bb84dd6858418ab220e630e) | 暱稱 | 第一題 | 第二題 | 第三題 | 第四題 | 第五題 | 第六題 | 第七題 | 第八題 | 第九題 | 第十題 | 第十一題 | 第十二題 | 第十三題 | 第十四題 | 第十五題 | | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | | Uli |2|2|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | WeiWei崴崴 | | Eden |2|2|1|2|vm.resopnse=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | Ann |2|2|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | 依依 |1|2|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | Moreene | | Winnie |1|2|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | 仙貝 | | 非常愛柯基 | | 樂樂 |2|1|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| | cestjessie| | **討論結果**|1|2|1|2|vm.response=res|this.response=res|{{message}}|1|2|3|1|2|3|2|2| ## 臨時動議（？） ann：想知道vite + vue 的資料結構，請用以下例子解說 [連結](https://github.com/sksak75312/HexSchool-2023Vue-Week2/tree/main) ![](https://img.freepik.com/free-vector/youth-day-event-with-jumping-people_23-2148600297.jpg?w=1800&t=st=1705111448~exp=1705112048~hmac=a3be87d17a65a4479d9fc2ca0ce6ea9ceca9c47ba5cc37039db37ceca7c0c70d) ## 截圖 ![image](https://hackmd.io/_uploads/HJDG-USKp.png) ![image](https://hackmd.io/_uploads/Byg7cHHFp.png)