本身學過一點C#，後來對前端比較有興趣，現在專心學習前端的小白，目前以切版比較多，因此這次主題將以Javascript為主，進行為期三十天的讀書日記。
計畫如下：
每天會撰寫一個主題，搭配一些練習，並在隔天解答。

p.s.參考的資料：
書：新一代JavaScript程式設計精解
網路上的各大文章...：

工欲善其事，必先利其器，
今天稍微介紹一下目前我自己使用的環境

"Visual Studio Code 搭配 Chorme的開發者工具"

聽前輩說，現在瀏覽器提供的功能越來越完善，是新手一大福音，早年他們沒有這些工具時可是很辛苦的，可能因為拼錯字就要抓個好一陣子。

Visual Studio Code
又簡稱VS Code，是由微軟所開發，同時支援Windows、Linux和macOS等操作系統的免費程式編譯器。
裡面提供了很多的外掛擴充套件，在這邊也推薦給各位我自己常在使用的幾款：

• Live Server：可以在檔案儲存時，同步在瀏覽器看到結果。
• cdnjs：提供各種的JavaScript程式庫，可以直接在編譯器裡搜尋，相當方便。
• Material Icon Theme：可以將VS Code裡檔案做圖示分類(純屬賞心悅目用XD)。

Chorme開法者工具
Chorme提供給我們的功能有：

Elements,Console,Sources,Network,Performance,Memory,Application,Security,Lighthouse...等九種，

其中：Elements,Console,Sources,Network,Application，這五種比較常用。

• Elements：確認Html/CSS 程式碼
• Console：控制台（確認變數資訊、顯示錯誤訊息等）
• Sources：程式碼除錯（中斷點設定與變數監控等）
• Network：追蹤瀏覽器通訊狀況
• Application：確認Cookie/Storage等內容

開啟的方法如下：

• macOS：
  方法1：快捷鍵：commd + Option + J
  方法2：於網頁任意處，點選滑鼠右鍵 > 選擇"檢查"

• Window系統：
  方法1：快捷鍵F12
  方法2：同macOS

以上是今天的分享囉，明天正式進入主內容！希望各位客官們能給新手一點建議及回饋囉。