JSDC 2021 開發者年會 參與心得
很高興能獲得 Alpha Camp 全額贊助 JSDC 門票，這是我第一次參加 JSDC 開發者年會（英文全名 JavaScript Developer Conference，簡稱JSDC），今年的主題是「JavaScript 過去、現在與未來」。共有四大方向，分別是「跨平台整合」、「區塊鏈應用」、「前端開發與框架」、「語言特性與後端技術」
Mao's notes
VS Code 快捷鍵大師，時間就是金錢（圖多）
還常常得使用滑鼠來操作 VS Code 嗎？想要更加提升自己的 Coding 效率嗎？沒錯！在這個效率至上的時代，一天 24 小時，人人都努力把任何一點點能省的時間榨出來，只要善用快捷鍵，人人都能成為快捷鍵大師，這裡將會記錄著能提升效率的 VS Code 快捷鍵，從最簡單的開始，慢慢進階上去。
Day.30 「什麼！？ Promise 的語法糖？」 —— ES8 Async & Await
ES8 新增了 async 與 await 兩個語法，這兩個語法也是為了更方便解決非同步的語法，可以說是 Promise then 的語法糖。
Day.29 「Class 語法糖～」 —— ES6 Class 構造函式
ES6 新增了更接近傳統語言寫法的 Class 這個概念，基本上可以當作是一個**語法糖**，絕大部分的功能在 ES5 都可以做到，但 Class 可以讓構造函式的寫法更加清新！
Day.28 「Promise 初體驗～」 —— ES6 Promise
我們前面已經學習了回調函式（Callback Function）與構造函式（Constrcutor），而 Promise 是 ES6 新增用來解決非同步回調地域的新語法，同時也是一個構造函式！
Day.27 「var 成為時代的眼淚！」 —— ES6 區塊作用域 與 提升
之前已經介紹了 var 與函式作用域，今天來更仔細的介紹 ES6 新增的 let 、 const以及與它們相關的區塊作用域。
Day.26 「閉包要謹慎使用！」 —— JavaScript 閉包（Closure）
我們前面已經認識了函式作用域，也瞭解了回調函式，但有時候會產生意想不到的事情，造成內存問題，其中一個是閉包。
Day.25 「從 事件綁定 與 定時器 認識回調函式！」 —— JavaScript 定時器 & Callback
我們前面已經瞭解了事件綁定與事件冒泡了，但是使用物件元素直接綁定事件有不方便的地方，1. 只能同時為一個元素的一個事件綁定一個響應函式，2. 不能綁定多個，如果綁定多個，後面會覆蓋前面的。
Day.24 「你點了按鈕～同時也點了網頁本身！」 —— JavaScript 事件冒泡（Event bubbling）
我們上一個篇章認識了綁定事件，了解到不管是什麼節點，都可以綁定事件，那為什麼 JavaScript 會知道我們觸發事件？當我們點擊網頁中任何一個元素，是不是也等於點擊到網頁本身！而點擊元素與網頁本身這個過程是有順序的，稱為「事件流程」。
Day.23 「更加認識 DOM，並初次了解事件綁定」 —— JavaScript DOM
我們之前在 HTML 篇章有介紹 DOM，是 Document Object Model 的縮寫！我們主要操作 DOM 來控制網頁內容～
Day.22 「讓我們在更深入函式～」 —— JavaScript call & apply & arguments
之前我們有說過，再調用函式的時候，瀏覽器會傳遞隱藏的參數給我們函式，一個是「this」，除了 this 還有另一個參數是「arguments」！
Day.21 「物件也有繼承問題？」 —— JavaScript 繼承 與 原型鍊
我們每新增一個函式，瀏覽器都會向函式內新增一個屬性叫「prototype」，如果是普通函式的直接調用，「prototype」不會有任何作用，當是以構造函式的方式調用，他所新增的物件會有一個隱藏的屬性，指向該構造函式的原型物件，雖然「prototype」是隱藏屬性，但我們可以透過「__proto__」來查看該屬性！
Day.20 「初步認識 this，中央工廠式的自訂物件～」 —— JavaSript 構造函式
如同學習函式一樣！有時候我們會一直重複地做一件事，當還是初學者的我們需要製作大量的個人資料物件時，通常第一個想法就是複製貼上～一直重複製作一樣的東西！我們要發揮工程師的精神～看到一直有重複的程式碼時，就要想辦法簡化它。在學習自訂物件之前，要先認識之前函式沒說到的「this」
Day.19 「認識 JavaScript 記憶體堆疊、傳值 與 傳址」 —— JavaScript 物件 與 記憶體
我們的變數在我們開啟網站時，都會存放在記憶體內，當我們關閉網站時，記憶體也會將這些變數釋放。
Day.18 「從函式物件認識 作用域 與 提升！」 —— JavaScript 函式 & 作用域 & 提升
函數也是個物件型別，可以封裝一些功能（程式碼），在需要使用的時候執行功能（程式碼）。
Day.17 「如果基本型別是商品，那物件型別就是購物袋」 —— JavaScript 物件型別
前面有介紹了基本型別，基本型別有 string、number、boolean、null、undefined 這五個型別，剩下的可以都歸類於物件型別。
Day.16 「重複的事情，交給程式去做！」 —— JavaScript 循環迴圈
前面學習到了條件判斷式，接著我們來學習有點危險的循環迴圈，好啦！也沒那麼誇張～只是寫不好，容易進入無窮迴圈導致當機！不過我們是寫在網頁上～所以如果真的不小心陷入無窮迴圈，就關掉瀏覽器就可以了！
Day.15 「條件設定好～讓程式判斷！」 —— JavaScript 條件判斷式
前面學習了基礎的變數與運算子的使用，這些基礎往往是非常枯燥乏味的，還沒有與電腦有更進一步的互動，所以感受不到程式語言的魅力，而今天學習的條件判斷式就可以開始與電腦進行些微的互動！
Day.14 「基礎打穩了，就能走得更長久～」 —— JavaScript 基礎運算子
學習任何東西，都要把基礎學的扎實，基礎穩了，遇到問題就能迎刃而解。而學習程式語言的基礎就是數學邏輯，不用到很專精，只要有基礎數學邏輯，多寫多做就能鍛鍊出寫程式邏輯的金魚腦，基礎邏輯打穩了，任何程式語言都有相似的地方，會越學越快，然後發現根本是無底洞，沒有盡頭。
Day.13 「初步學習 JavaScript 基礎篇」 —— JavaScript 宣告變數 與 基本型別
JavaScript 是個弱型別語言，在宣告變數時，不像其他語言需要先指定型別那麼嚴謹，宣告的變數名會對應記憶體位子，把其值存入記憶體中，之後要取出值，只要藉由變數名，就能找到對應的值。
Vue 3 Options API
這裡將會記錄參加 六角學院 Vue 3 新手夏令營（活動已結束） 課程筆記 與 每日任務紀錄，第三周介紹如何使用語法進行資料的 CRUD 功能。
Vue 3 Composition API
這裡將會記錄參加 六角學院 Vue 3 新手夏令營（活動已結束） 課程筆記 與 每日任務紀錄，第四周介紹如何使用 Composition API 與 watch 功能，並了解 Vue 2 與 Vue 3 的差異。
