---
###### tags: `JavaScript 必修篇 - 前端修練全攻略`
---
JavaScript 必修篇 - 前端修練全攻略
===

活動緣由
---
- [🏅 活動緣由](/8o7fKoo-TdKNLqQHapP14g)

新手引導
---
- [🗞 CodePen 使用教學](/daWWkPFKSNeVBN6uPV96Jg)

## 每日任務
第一週
---
- [🗞 7/26 (一) － 變數宣告](/HFtM939_QhugJcQJ8b7iZg)
- [🗞 7/27 (二) － 型別判斷](/JzimGJHrRjWmy9-Mt7WYsA)
- [🗞 7/28 (三) － 變數實作情境題](/2rbjJ05NTUCUO0FXNJZVxQ)
- [🗞 7/29 (四) － 字串處理實用方法及如何轉型](/cU_uob0ZTp2X-mt-lq6sVg)
- [🗞 7/30 (五) － 變數章節總複習](/lGaS_aTsQlOtDNQNh9VDJA)

第二週
---
- [🗞 8/2 (一) － 邏輯運算子情境題](/GwR_l5FlTmqfUxFgwRvCEQ)
- [🗞 8/3 (二) － if else if](/dcgYp9QhS0ymltp0wzqijg)
- [🗞 8/4 (三) － 陣列宣告、取值、新增](/eq7tRF6mRniqhX11HBUI_Q)
- [🗞 8/5 (四) － 物件宣告、取值、新增](/q3-ghZ_sRWaa2zagF20Hbg)
- [🗞 8/6 (五) － 陣列混合物件取值、新增](/ELo_LslhRz2uBRyzfvnqqA)

第三週
---
- [🗞 8/9 (一) － JSON 格式判斷](/AIUxGPigTwusJRaD3pQmKQ)
- [🗞 8/10 (二) － 撈出想要的 JSON 資料](/BHyZbArhTNG2fHg6J7q7NA)
- [🗞 8/11 (三) － 陣列物件搭配 if 流程判斷練習](/VjWvFwRQSg2RyFb4DeeuMQ)
- [🗞 8/12 (四) － 函式寫法教學、函式觀念加強](/ift2g4AsQxWnQFmdvvzgog)
- [🗞 8/13 (五) － 函式傳參數、return 練習](/k11cb0IJQAiEsp_GvW-PoQ)

第四週
---
- [🗞 8/16 (一) － DOM 選取網頁元素](/-_7Dp7AAT8GxbEh3kdczsg)
- [🗞 8/17 (二) － setAttribute、getAttribute 實作](/KGuqxySMS8Sd2x0In46bhg)
- [🗞 8/18 (三) － 表單欄位取值](/mRLDolYMTI-8EfELpQdIKw)
- [🗞 8/19 (四) － e.target 搭配 nodeName 節點](/KF_G4IIIS4-1-ri_4ygo1w)
- [🗞 8/20 (五) － 取消表單預設效果](/oLAk3930TjuF_JswsuwWNA)

第五週
---
- [🗞 8/23 (一) － 陣列 forEach 寫法](/sbgbnyexTLyN2-rRtdRSFw)
- [🗞 8/24 (二) － 如何整合 innerHTML 資料](/AiqAH3ztSrq58GfGbJ7Tog)
- [🗞 8/25 (三) － 網頁請求狀態碼](/n4PpLmhJRWmdfx4VJNBCmA)
- [🗞 8/26 (四) － axios-get](/60iubuJIRgKW4eb75IrmoQ)
- [🗞 8/27 (五) － 函式處理 axios-非同步](/PWHLSi8xRAGPFT3ZBRHo6g)

第六週
---
- [🗞 8/30 (一) － 四種常見的 POST 請求 content-type 介紹](/GQQNAIHRRXmN0QtxRBmjwg)
- [🗞 8/31(二) todolist 新增待辦事項](/nCJeegx1QfiSnYK2TRqmAA)
- [🗞 9/1(三) todolist 刪除單筆/切換打勾](/qUsdMyT8TcS2YEsdi0oFSw)
- [🗞 9/2(四) todolist 切換 tab &修改完成狀態](/T-OV3fMdRZeM7Xv5t4rxPQ)
- [🗞 9/3(五) todolist 刪除全部&優化](/kCrSzSz1TB2sjSWSChEJPg)

第七週
---
- [🗞 9/6(一) 蔬菜比價網－撈取資料&渲染](/QpqZIiuoQbKqGmFAYZ7oHw)
- [🗞 9/7(二) 蔬菜比價網－篩選資料](/UDrIpNeZRz6Zax_Mt384uQ)
- [🗞 9/8(三) 蔬菜比價網－搜尋資料](/qywznB85Q5qkhCcwyWTiGg)
- [🗞 9/9(四) 蔬菜比價網－排序資料](/EqxXM-nKS5SGG6pIIG1gyg)
- [🗞 9/10(五) 蔬菜比價網－進階排序資料](/Xuv_Ra75TCqFV2gk0vAMkg)