主要是放我「從零開始學JS
」的學習筆記。歡迎參考!教材主要來源為FreeCodeCamp 的 YouTube 教學影片。
這部YT 影片中,討論如何學程式設計。影片中提到「費曼學習法」其中一個步驟 - 「教別人。例如小孩子,不要使用任何專業術語,用淺顯易懂的方式」。我開始嘗試寫學習筆記,寫到現在,確實比起只是看著教學影片,吸收得更好,因爲需要思考,筆記怎麼樣呈現才能讓他人了解、「學會」,所以必須在腦中反覆複習剛學到的Javascript
。而這樣的學習方式,我才能真正內化我學到的Javascript
,就有了這些學習筆記!
(持續更新...)
-
我是完全新手,內容可能有誤!如果你有發現任何錯誤,麻煩到issues回報給我🙏🏻
-
雖然筆記幾乎涵蓋了所有教學影片內容,學習
JS
,請以教學影片及MDN 文件為主,筆記為輔。筆記終究只是筆記,教學影片有很多內容雖然筆記沒有呈現,但對於學習Javascript
,相當有幫助! -
筆記是Markdown語法。因有大大小小的標題,強烈建議一定要先了解筆記的架構。
-
筆記中,稱
Javascript
為JS
。 -
學習筆記,只會純
Javascript
,其他教學影片中所教的關於CSS
及HTML
基本上不會呈現在筆記。
(持續更新...)
-
大標題
-
🔗 Section links 👉🏻 目錄頁
-
學習筆記 👉🏻 學習內容
-
Recap Challenge 👉🏻 教學影片中,每個階段都會提供一些題目來複習。
-
復刻 APP 👉🏻 教學影片中,會以實作小專案(例如:計數器 (Passenger counter app))來教
JS
。這個單元,則是筆者嘗試自己從零開始寫程式,開發教學影片中,實作的小專案。(可略過) -
Solo Project 學以致用 👉🏻 將影片中目前所學到的
JS
,實作小專案(例如:桌球計分板 (Table Tennis Scoreboard))。(可略過) -
Challenge 參考答案 👉🏻 教學影片中,會提供大量題目來練習。
-
-
標題
-
📝 延伸 👉🏻 每個單元學習內容的延伸(大部份都會有獨立的單元來解說,可略過)
-
🏁 Challenge 👉🏻 大部份的單元都會提供一些題目來測驗。
-
⚠️ 注意 👉🏻 注意事項 -
✋🏻 實作 👉🏻 教學影片中,會以實作小專案來教
JS
。這個單元,則是解說如何透過所學到的JS
來實作。 -
Recap 👉🏻 有時一個單元資訊量太大/太複雜,會有一個段落來總結。
-
🖼️ 圖解 👉🏻 有些單元資訊量太複雜,筆者嘗試整理成 🖼️ 圖解筆記,儘量以生活情境(有些是來自於教學影片) 來舉例,讓人容易理解。
-
🎢 筆者玩玩看 👉🏻 簡單來說,就是教學影片沒有提到的,筆者自己去延伸。(例如:JavaScript Programming - Full Course 教學影片拍攝時間是2021年,那時還沒有ChatGPT。剛好在寫此篇學習筆記時,MDN出了「AI Help Beta(Powered by GPT-3.5)」功能,筆者有嘗試用此功能來debug。)(可略過)
-
-
其他
-
🗂️ Reference 👉🏻 參考資料 (可略過)
-
👩🏻💻 筆者碎碎念 👉🏻 筆者的小雜記 (可略過)
-
😊 貼心小提醒 👉🏻 教學影片中,老師的提醒/建議
-
(持續更新...)
學習筆記 - 🖼️ 圖解內容錯誤
學習筆記 📝 內容錯誤
學習筆記-回饋
學習筆記-錯字