# 前端驗收
### 2/8 驗收說明

1. 每人==十分鐘==上台說明及介紹
2. 內容包函
- 基礎程式設計練習題執行與說明
- 個人履歷網站介紹
3. ==假設情境== 面試時主考官問你的程式如何設計及網站內容

程式設計練習題、個人履歷網站最晚請==中午12:00==於下方提供連結
1. 程式設計請透過CodePen說明
2. 個人履歷網站請提供github連結

==下午 13:30開始驗收==

---

- Ris
- [程式設計]()
[個人網站](https://ris0323.github.io/profile-app/)

- Eddy
[程式設計](https://codepen.io/Eddy86/pen/mdBNmXY?editors=0010)
[個人網站](https://yu-hung-web.netlify.app/)

- Ethan
[程式設計](https://ethanseafood.github.io/workshopAvg/)
[個人網站](https://ethanseafood.github.io/resume/)

- Lucien
[程式設計](https://lucienpeng.github.io/Workshop-calculator/)
[個人網站](https://lucienpeng.github.io/Workshop-Persona/)

- Ella
[程式設計](https://codepen.io/chiang-yi-jing/pen/eYeOppV)
[個人網站](https://ella51741.github.io/Ella-sblog.github.io/blog/home.html)

- April
[程式設計](https://codepen.io/BalaFang/pen/ZEaLvZg)
[個人網站](https://huotsai2fi.github.io/f2e_resume/)

- 妤臻
[程式設計](https://codepen.io/collection/NqRVPG)
[個人網站](https://hedgehog-chien.github.io/hompage/)

- Jeff
[行事曆](https://neon-taffy-ab756e.netlify.app/)
[個人網站](https://jeffreyhu16.github.io/Portfolio/index.html)

- Peter
[程式設計](https://codepen.io/Peter5110/pen/ExbNXQG)
[個人網站](https://peterchennn.github.io/resume/resume.html)

- Ellen
[程式設計](https://codepen.io/yyopenfolder/pen/LYOxdqo)
[個人網站](https://yyellen.github.io/Porfolio/)

- Wyn
[程式設計](https://codepen.io/82gogolee/pen/gOXYRdw)
[個人網站](https://wenlinlee-82gogolee.github.io/portfolio-website/)

- Max
[程式設計](https://codepen.io/maxhuang8441/pen/VwrZJNY?editors=1011)
[個人網站](https://maxh0401.github.io/Portfolio/)

- Evan
[程式設計](https://codepen.io/evan1106/pen/dyVrOep)
[個人網站](https://evan1106.github.io/portfolio-website/)

- Richer
[程式設計](https://codepen.io/richeryuan/pen/eYegMbr)
[個人網站](https://richeryuan.github.io/resume-web/)

- Amy
[程式設計](https://codepen.io/zh1x27wo/pen/jOaNRjR)
[個人網站](https://zh1x277.github.io/resume/)

- Winnie
[程式設計](https://codepen.io/wen-hsin-chang/pen/wvPBjNP)
[個人網站](https://winnie0602.github.io/myResume/)

- 怡蓁
[程式設計](https://codepen.io/wyc1120/pen/ExwMmyJ)
[個人網站](https://yi-chen1997.github.io/cv/#)

- Jason
[程式設計](https://codepen.io/JK101/pen/PoOWeJj)
[個人網站](https://jasonchen23.github.io/)

- Una
[程式設計](https://codepen.io/una0129/pen/NWwKVQG)
[個人網站](https://una0129.github.io/portfolio/)

- Shaira
[程式設計](https://codepen.io/Shakira0612/pen/bGYbvmR)
[個人網站](https://codepen.io/Shakira0612/pen/qBVRYVd)

- Jane
[程式設計](https://codepen.io/jane-wu/pen/yLPVNza?editors=1010)
[個人網站](https://jenny2234.github.io/cart/)

- Rossen
[個人網站](https://rossen.w3spaces.com/)
[程式設計](https://github.com/Rossen27/cart.git)

- Gina
[個人網站](https://ginachiu0212.github.io/personal/)
[程式設計]

- Kari
[個人網站](https://rayrayfan.github.io/re/)
[程式設計]()

- Kelly
[個人網站](https://siouhuaihuang.github.io/PersonalProject/index.html)
[程式設計](https://codepen.io/siou-huai-huang/pen/eYegNzJ)

- Pomi
[個人網站](https://dupomi.github.io/personal/)
[程式設計](https://codepen.io/du_pomi/pen/JjOozJp)
if(listStu!==copy_listStu)無法判斷
(即使原及格人數>50%、沒有進行加分，一樣會跑出原設定有進行加分才會跑出的html)

- Andy
[程式設計](https://codepen.io/hsubocheng/pen/OJOpXPY)
[個人網站](https://hsubocheng.github.io/resume/myCv.html#)

---

### 2/9 驗收說明

1. 每人==十分鐘==上台說明及介紹
2. 內容包函
- 購物車介紹 : 版面設計、功能說明及演練測試
3. ==假設情境== 交付客戶專案時進行整體介紹、使用方式並現場Demo

最晚請==下午13:30==於下方提供連結
1. 請提供購物車網頁連結

==下午 13:30開始驗收==

---

- Jill 購物車[link text](https:// "title")

- Rossen [購物車](https://rossencart.w3spaces.com)

- Amy [購物車](https://zh1x277.github.io/github_page/)
- Q:註冊頁面post送出後出現400錯誤頁面
- 解決方法：在<input> 打name=""
- Q:boostrap 的 navbar 使用手機板大小裡的漢堡選單
　只有在註冊頁面裡可以正常展開與收合，但其他頁面展開後無法收合。
(但code都一樣)

- Ethan [購物車](https://ethanseafood.github.io/ShoppingCart/)

- Jeff [購物車](https://jeffreyhu16.github.io/Shopping-Cart/main.html)

- Pomi [購物車](https://dupomi.github.io/Cart/)

- 妤臻 [購物車](https://hedgehog-chien.github.io/cart/)

- April [購物車](https://huotsai2fi.github.io/f2e_shopping_cart/) [購物車漂亮版](https://huotsai2fi.github.io/shopping_cart_pretty/)

- Peter [購物車](https://peterchennn.github.io/shopping-cart/%E9%AB%92%E9%AB%92%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8.html)

- Wyn [購物車](https://wenlinlee-82gogolee.github.io/shopping-kart-demo/)

- Max [購物車](https://maxh0401.github.io/WS_MARC/)
(https://github.com/MaxH0401/WS_MARC/tree/master)

- Evan[購物車](https://evan1106.github.io/VueShoppingCart/)
- Evan[表格](https://evan1106.github.io/chartJS-PowerPlant-TW/)

- Lucien [購物車](https://lucienpeng.github.io/Workshop-Cart/index.html)

- Kelly[購物車](https://siouhuaihuang.github.io/PersonalProject/cart/Dproduct.html)

- Una [購物車](https://una0129.github.io/Shopping/)

- Jason [購物車](https://jasonchen23.github.io/shopping-cart/)

- Kari [購物車](https://rayrayfan.github.io/cart1/)

- Ｗinnie [購物車](https://winnie0602.github.io/strawberry-shop/)

- 怡蓁 [購物車](https://yi-chen1997.github.io/cart/)

- Eddy [購物車](https://eddychen86.github.io/Shopping-Form/)

- Gina [購物車](https://ginachiu0212.github.io/webdesign/)

- Jane [購物車](https://jenny2234.github.io/shopping/)

- Asa [購物車](https://poiuyt31023.github.io/newman.github.io/tryshopcar/shop1.html)

- Ellen [購物車](https://yyellen.github.io/Ganga/)
(https://github.com/yyellen/Ganga)
問題：
- 【已解決】1.首頁蓋板廣告按x無法隱藏
感謝April找到原因: d-flex是important無法被hide影響
解法: 1.外面再包一個div 2.先移除d-flex屬性再加d-none屬性，如下:
$("#ad-close").click(function(){
$("#ad-box").removeClass("d-flex").addClass("d-none");
});

- 2.註冊頁面(signin.html)藍色按鈕的location.herf跳轉和密碼驗證互斥，刪除form標籤即可正常執行跳轉，但變成要註解掉密碼驗證@@
感謝Eddy和Jason提供建議:
情況允許的話，建議不要用form，有時候還在js判別input有沒有問題的時候，會因為程序問題，form會比判斷式更快執行

- 【已解決】3.密碼驗證通過與失敗訊息會同時出現，我希望能呈現通過訊息綠字，密碼不一致訊息紅色
感謝Amy提供解法:
$("#password2").keyup(
function pwCheck() {
var pw = $("#password1").val();
var pwck = $(this).val();
if (pw === pwck) {
$("#pwckPass").text("密碼驗證成功");
$("#pwckWarr").text("");
} else {
$("#pwckPass").text("");
$("#pwckWarr").text("密碼不一致，請再次輸入密碼");
}
}
);

- Ris [購物車](https://ris0323.github.io/shoppingcart2.0/)

- Mia [購物車](https://chumi0720.github.io/cart/)