# JS 學徒特訓班

- [如何使用本手冊](/ROmgqJG5Q462sGoUIp4EYg)
- [招募 JS 志工](/zQp9AG9NS6eo7PUWmZ_6DQ)
- [報名方法](/qH6vdLTyTPe-Uku3SvU0Kw)
- [參賽者完成進度表](https://docs.google.com/spreadsheets/u/2/d/1trRzEWZTrRxOwwm4d2sd1KPD7vFtMK2DsfeojDaeUII/edit#gid=0)
- [ZOOM 傳送門](https://zoom.us/j/638769478) [target=_blank]
- [tool](/tcebfwnITm6bZyGrcQMGaQ)

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)