Skip to content

michellechang2006/Javascript-basic-playground

Repository files navigation

👋🏻 歡迎來到 我的 Javascript basic playground 🎪

❓ 這是什麼?

主要是放我「從零開始學JS」的學習筆記。歡迎參考!教材主要來源為FreeCodeCampYouTube 教學影片

📝 為什麼要寫這些學習筆記?

這部YT 影片中,討論如何學程式設計。影片中提到「費曼學習法」其中一個步驟 - 「教別人。例如小孩子,不要使用任何專業術語,用淺顯易懂的方式」。我開始嘗試寫學習筆記,寫到現在,確實比起只是看著教學影片,吸收得更好,因爲需要思考,筆記怎麼樣呈現才能讓他人了解、「學會」,所以必須在腦中反覆複習剛學到的Javascript。而這樣的學習方式,我才能真正內化我學到的Javascript,就有了這些學習筆記!

所有的學習筆記

(持續更新...)

⚠️ 注意:如果你要參考我的筆記

  1. 我是完全新手,內容可能有誤!如果你有發現任何錯誤,麻煩到issues回報給我🙏🏻

  2. 雖然筆記幾乎涵蓋了所有教學影片內容,學習JS,請以教學影片MDN 文件為主,筆記為輔。筆記終究只是筆記,教學影片有很多內容雖然筆記沒有呈現,但對於學習Javascript,相當有幫助!

  3. 筆記是Markdown語法。因有大大小小的標題,強烈建議一定要先了解筆記的架構

  4. 筆記中,稱JavascriptJS

  5. 學習筆記,只會純Javascript,其他教學影片中所教的關於CSSHTML基本上不會呈現在筆記。

筆記架構

(持續更新...)

  • 大標題

    • 🔗 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 👉🏻 參考資料 (可略過)

    • 👩🏻‍💻 筆者碎碎念 👉🏻 筆者的小雜記 (可略過)

    • 😊 貼心小提醒 👉🏻 教學影片中,老師的提醒/建議

issues

(持續更新...)

學習筆記 - 🖼️ 圖解內容錯誤 學習筆記「圖解」內容錯誤

學習筆記 📝 內容錯誤 學習筆記「文字」內容錯誤

學習筆記-回饋 歡迎你/妳給予學習筆記-回饋

學習筆記-錯字 學習筆記-錯字

About

👋🏻 歡迎來到 我的 Javascript basic playground 🎪

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published