# 第一組-第七週小組任務
## ==討論日期 : 2/21 ( 三 )==
:::info
報到
- [x] Uli
- [x] WeiWei崴崴
- [x] Eden
- [x] Ann
- [x] 依依
- [x] Moreene
- [x] Winnie
- [ ] 仙貝
- [x] 非常愛柯基
- [x] 樂樂
- [ ] cestjessie
:::
## 問題

### 挑戰一：專題的延伸技法、套件

最終專題中的可以自己想像許多技巧加入，以下是課程中會介紹的技巧以及範例：

- 關於/品牌/產品介紹…：[https://hoongyuu.github.io/Cheeto-s-Wine/#/intro](https://hoongyuu.github.io/Cheeto-s-Wine/#/intro)
- 部落格/文章：[https://bear-luo.github.io/OpenseasonWeb/#/openseason_home#newslist](https://bear-luo.github.io/OpenseasonWeb/#/openseason_home#newslist)
- 分類：[https://vvvvvvii.github.io/tasteof/dist/#/product_list?search=城市導覽](https://vvvvvvii.github.io/tasteof/dist/#/product_list?search=%E5%9F%8E%E5%B8%82%E5%B0%8E%E8%A6%BD)
- 延伸產品：[https://char849.github.io/vue3-week8a-main/#/course](https://char849.github.io/vue3-week8a-main/#/course)
- 搜尋：[https://kevinhes.github.io/finalworkvue2022/#/](https://kevinhes.github.io/finalworkvue2022/#/)
- 優惠券發放活動：[https://nighthree.github.io/ChocolateShop/#/coupon](https://nighthree.github.io/ChocolateShop/#/coupon)
- 我的最愛：[https://jordan-ttc-design.github.io/fine-job/#/](https://jordan-ttc-design.github.io/fine-job/#/)
- 一堆動態效果：[https://huan5678.github.io/chill-bar/#/](https://huan5678.github.io/chill-bar/#/)

團隊成員可以一同討論，還有什麼前端技巧或套件可以加入到專題網站之中，範例：

- fullpage 滿版滾動：
- 套件：https://github.com/alvarotrigo/fullPage.js/
- 範例：https://alvarotrigo.com/fullPage/#page1

| 套件名稱 | 用途˙ | 網址 |
| -------- | -------- | -- |
| vue-datepicker | 選擇日期時間 |https://vue3datepicker.com/ |
| vue-image-zoomer | hover 圖片出現放大鏡可以查看圖片細節 | https://samueljon.es/vue-image-zoomer/ |
|PhotoSwipe | 點開圖片可切換到上下張圖片 |https://photoswipe.com/|
|lightGallery| 點開圖片可切換到上下張圖片 |https://www.lightgalleryjs.com/|

### 挑戰二：請 AI 幫忙撰寫特效
試著請 ChatGPT 寫出動態效果，建議每位成員均不同（參考特效：Swiper、AOS）
特效需要與 Vue 環境結合，並且可以運作
完成後，請加入註解，並瞭解其中原理
https://chat.openai.com/share/2b4ea90d-cce4-483f-b0b9-f20c09a7ee07

### 挑戰三 : 測驗題：
完成 [第七週 題目](https://casper-wang.notion.site/fc7861d7c63f42099f0f6b0e76b5128c?pvs=4)
| 暱稱 | 第一題 | 第二題 | 第三題 | 第四題 | 第五題 | 第六題 | 第七題 | 第八題 | 第九題 | 第十題 |
| -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- |
| Uli |
| WeiWei崴崴 |
| Eden |
| Ann |
| 依依 |
| Moreene |
| Winnie |3|1|3|2|2|2|1|2|4|2|
| 仙貝 |
| 非常愛柯基 |
| 樂樂 |
| cestjessie|
| 最後討論 |3|1|3|2|2|2|1|2|4|2|

## 截圖