# JS 學徒特訓班
JS 變數
---
- [變數 video+note](/63hg9VaiSROl48TxLzDf7w)
- [第一關:環境與變數環境](/8xB7rhUYTvatctS0fPdmtw)
- [第二關:變數命名](/pvUWGBfuQkqE4MEtFXDoOA)
- [第三關:變數型別轉換](/lpjLUb5gTX-xV3Efvr8C1w)
- [第四關:比較運算子](/XeREwh8DRVejjLkrGYbTwQ)
- [第五關:變數實作情境題](https://hackmd.io/LagKw_l-SCak_Jdo2MFrdg)
- [第六關:邏輯運算子情境題](https://hackmd.io/nJSPkrkvTLGeVSG_Nc_r-A)
- [第七關:if - 認真的小杰竟被客訴](https://hackmd.io/inZcD6qVTESmixmDpLbI7w)
- [第八關:if 與指派運算子 - 幫幫小杰的金魚腦](https://hackmd.io/wXTVJJxKSASDBTZrMHE1TA)
- [第九關:觀念總整理 - 幫小杰學會 Function 之呼吸](https://hackmd.io/FyGnTEn_Q9y9Wm1-v1X8RA)
- [第十關:函式參數設計](https://hackmd.io/3br1h8McQBGloA5t3KGn9w)
JS 函式
---
- [函式影片教學影片](/6zQ3SasRR2GR-F3FW8SYVw)
- [第十一關:函式參數再練習](https://hackmd.io/Or0NDdFSSzSWDSCze8Zx9w?view)
- [第十二關:DOM 操作](https://hackmd.io/s_VxeLfcRWqc2WIuRlRGcw?view)
- [第十三關:函式+if 判斷](https://hackmd.io/ryuNRiZnRmS_FQn8uIUhNg?view)
- [第十四關:監聽與函式設計](https://hackmd.io/y68sRKurQZyr33A05ZfoYA?view)
- [第十五關:物件運用 - 資料與渲染分離](https://hackmd.io/iHGJtxeNRou417T84Kpt1g)
- [第十六關:forEach 與 HTML 字串累加](https://hackmd.io/KLtegx2rQ7aXuiOATiVVPw)
- [第十七關:innerHTML+forEach](https://hackmd.io/341kkDtTQE2LgNOqqiPsJA)
- [第十八關:字串相加 innerHTML+ 樣式搭配](https://hackmd.io/jXltRFJ4SEufv6LyFZZ4zQ)
- [第十九關:驗收前夕](https://hackmd.io/bbmcmc9iRbiYrUNQzgMkNw)
- [第二十關:BMI 計算機團戰關卡](https://hackmd.io/3cuxdNsWS6qLNh6KqVYVkw?view)
- [第二十一關:BMI 追加功能](https://hackmd.io/DLJkJr4yQfuJJqKZUVAeVg)
- [第二十二關:陣列調整](https://hackmd.io/eeIM0YSHT4SEFaVtI6F_mw?view)
- [第二十三關:資料格式處理,陣列 unshift](https://hackmd.io/smYl0NqjSGiz9wc5ZyCByw?view)
- [第二十四關:資料格式處理,forEach + 陣列處理(一)](https://hackmd.io/V196Kb4RTjS8j3_rzKiX1g?view)
- [第二十五關:資料格式處理,forEach + 陣列處理(二)](/WY6nQo38S2-dKBrFIQlj1g?view)
- [第二十六關:AJAX、axios 題目](/TlgP3a0HSmakrsxZ0bN3VQ?view)
- [第二十七關:陣列補充觀念](/lhbvcTBtQAGcxt1feBtlww)
- [第二十八關:陣列排序進度](/sXviFRCmQPa27WSM2DwTsQ?view)
- [第二十九關:監聽切換排序功能](/LzpLs78pSqmDY1DbCcsg4Q)
- [第三十關:C3.js 圖表整合](/Vp1FRGPMRymM7FOxaQ_srQ)
- [第三十一關:部落格文章閱讀](/yzm9zqM4QNmXsPX06Dv3FQ)
- [第三十二關:程式整合篇](/2ifon7y2T-uFxst9h-Sw1A)
- [第三十三關:圓餅圖分析](/RnIkku_jTTynPlH2HwifnA?both)
- [第三十四關:圓餅圖分析(中文字串判別)](/I5Z6Xa_jSfK5poV6xzJVHg?view)
- [第三十五關:圓餅圖與長條圖合併使用](/F98N0Jd2RiqiRmcBh9eW9g?view)
ES6
---
- [第三十六關:ES6 起步走 - Template String 樣板字串](https://hackmd.io/zGtDzkIsT8ilQ78yV_3GDw)
- [第三十七關:let、const](https://hackmd.io/EcGRaS_1TIac1BeWEDSSOw)
- [第三十八關:let 與 const 觀念複習](https://hackmd.io/TET-vnzpQg2DazOde8NeFA?view)
- [第三十九關:箭頭函式(arrow function)](https://hackmd.io/255JjVH_RjKifhmOgar9bA?view)
- [第四十關:ES6 團戰關卡](https://hackmd.io/WmnSSlIIRV-tRqnJCtdjPQ?view)
- [第四十一關 : new Date() 時間處理](https://hackmd.io/9euCXLuPQBSfZ7PzP1xOAg?view)
- [第四十二關 : new Date() 與字串處理](https://hackmd.io/8STnq1uuQxaS4O-7zLxkQA?view)
Git
---
- [第四十三關 : 你熟悉 GitHub Pages 嗎?](https://hackmd.io/rj-bp34kTZK0cQbj6Wmcgg?view)
window.location
---
- [第四十四關 : window.location](https://hackmd.io/HUK2b0x7RSKzL1aDKrf0LQ)
- [第四十五、四十六關 : window.location](https://hackmd.io/6N3iljtaTcq5o8daT8TB2A)
Ajax的post及get
---
- [第四十七關 : AJAX POST](https://hackmd.io/LnvASqb_QBaxDob8bWimCA)
- [第四十八關 : AJAX POST 小練習](https://hackmd.io/tmlw_-IeSq-l-uRKUovaxg)
- [第四十九、五十關 : 旅館訂房網](https://hackmd.io/2EFSXkFaTs617W4_AuycMQ?view)
- [第五十一、五十二關 : 頁面傳遞](https://hackmd.io/J8vfwQ7QTza_oqmfGXGNKw)
- [第五十四關:POST API](https://hackmd.io/QyDoX3W1Q6OqcKOeL8hzcg?view)
- [第五十五關:簡單預約列表](https://hackmd.io/2Z-33Vl4RKK7M3-tXUL4MQ?view)
- [第五十六、五十七、五十八關:訂房網該做的功能](https://hackmd.io/jxVbASRsQfO2Wl9OkxuYwA?view)
- [第五十九、六十關:提交作品](https://hackmd.io/K7ZXKEozR8SCSOAbVxmlfA?view)
陣列與物件、forEach
---
- [陣列物件與 forEach 教學影片](/6PmB3d1TQN-ZoN-_r3nWVQ)
- [OPEN DATA 同學實作](https://hackmd.io/F-1SoggoRbKCX4IADovvfQ?both)
- [AJAX 同學範例](/NIVaPaTKQI-_wFyP8swD9w)
AJAX
---
- [AJAX、axios 影片](/OvM4feYhSiCpLTjBgjIh_w)
{"metaMigratedAt":"2023-06-15T09:08:10.927Z","metaMigratedFrom":"Content","title":"JS 學徒特訓班","breaks":true,"contributors":"[{\"id\":\"62670c82-8f8d-48a3-aa81-31808e5ff9b6\",\"add\":1055,\"del\":592},{\"id\":\"61cef270-922e-4960-a0eb-87139bddf5b1\",\"add\":269,\"del\":0},{\"id\":\"3ec19934-9c45-4f70-a143-62be2ef872fc\",\"add\":597,\"del\":225},{\"id\":\"f1b3bb50-b229-423d-bc77-cfdd4396abc5\",\"add\":370,\"del\":9},{\"id\":\"2d128b3d-5ce8-46bb-a718-3096a2d596af\",\"add\":98,\"del\":0},{\"id\":\"dbeec889-dfb9-44c1-85f0-d839d94b4bb2\",\"add\":819,\"del\":189},{\"id\":\"a774f671-2ddd-4c6d-910a-58d39c62117e\",\"add\":727,\"del\":0},{\"id\":\"e8005908-b9f2-44ed-826d-a2de06f4df3f\",\"add\":102,\"del\":0},{\"id\":\"e7e74a18-3b75-4430-a80c-302be033feaa\",\"add\":130,\"del\":0},{\"id\":\"6f23f96c-f3b0-4ebb-872f-3328f2a717fe\",\"add\":48,\"del\":0},{\"id\":\"445bdcb9-93ad-4c49-9790-22d70604cd65\",\"add\":64,\"del\":0},{\"id\":\"5bd76bab-eccf-4c81-9843-c25451c6542c\",\"add\":2,\"del\":0},{\"id\":\"5ef8c6a3-6f1a-4008-8b1b-f345fc85e6e0\",\"add\":136,\"del\":136},{\"id\":\"8f08b67d-f8b4-4b76-8312-3e980c97ec52\",\"add\":175,\"del\":104},{\"id\":\"c13d62c8-d022-4511-aef0-387c8e33696d\",\"add\":267,\"del\":1},{\"id\":\"6ac78e34-0e52-46b5-b90f-29a3628c6821\",\"add\":148,\"del\":65}]"}