Vue.js 3 Composition API 基本學習筆記-2：fetch data、export / import
本篇大綱：本篇要解決的問題。Fetch Data 取資料。export、import。export、import + props。在上一篇學會了基本的 Composition API 的使用，接著這一篇是要寫最重要的，API 取回資料後更新，以及 import、export。
JavaScript
Vue.js 3 Composition API 基本學習筆記-1：Ref、Props、watch、生命週期
本篇大綱：本篇要解決的問題。Ref。Props。watch、watchEffect、stop。生命週期。Composition API 可以把調用某支 API 的 JS code 寫成 JS 檔後，直接 import 到 .vue 檔裡，就不用每次都重複寫。
用原生 JS 做一個簡單的手風琴 Accordion / Collapse 功能
本篇大綱：從jQuery到原生JS、HTML、CSS、JavaScript、原始碼下載。今年開始在工作時逼自己寫原生的JS（Vanilla JavaScript），今天趁著意外的假日，試著把手風琴用原生JS寫了一個出來。寫完後發現，其實沒幾行就可以完成，也有了一點小小的成就感。
用 JavaScript 將 JSON 轉為 CSV 檔下載
本篇大綱：本篇要解決的問題。模擬取回的資料。整理資料。資料轉成 CSV 檔並下載。完成程式碼、範例。本篇會寫一個將取回的 JSON，轉成 CSV 檔後下載，並且保留原本資料的中文字。
Day.js 計算最近7天、上週、上個月的日期
本篇大綱：本篇要解決的問題。計算前 7 天。計算上週。計算上個月。處理閏年。30 天、31 天。完整判斷「上個月」程式碼。Day.js 的文件蠻簡潔的，而且沒有一個直接可以算出上個月的功能，本篇就是整理了一下算出前 x 天、上週、上個月的程式碼，也有在專案中實際使用。
用 Vue.js 製作圖片版 EDM 生成器
本篇大綱：本篇要解決的問題。預覽、產出的HTML，要分開。用 replace 替代 hack，補上 width、html。檔案包成 zip 的套件：JSZip、FileSaver.js。抓圖檔要用 FileReader。JSZip 抓圖檔，要刪掉 base64 的開頭。demo 及原始檔下載。
Google 表單，提交後系統自動寄送回覆通知 email
本篇大綱：本篇要解決的問題。Google表單自動發送回覆信件流程圖。1 建立Google表單，回覆的試算表點擊指令碼編輯器。2 指令碼編輯器，新增HTML檔案。3 電子報的 .html，要替換的文字寫成變數。4 程式碼部份。5 設定觸發條件。用不同的寄件者信箱寄信。
Google 表單，輸入 ID 後自動帶入其它欄位資料
本篇大綱：本篇要解決的問題。1 建立比對用的原始資料。2 製作填資料用的 Google 表單。3 抓 Google 表單的 URL、name。4 製作一個表單頁面。5 程式碼：GAS 上篩原始資料。6 程式碼：接表單資料。範例、原始碼。
用 Auth0 在 WordPress 上做會員註冊、登入功能
本篇大綱：自己的會員功能自己寫。寫code前的必要步驟，跳過。1 頁面新增登入按鈕。2 登入按鈕的點擊事件。3 使用者登入後，抓使用者資訊並呈現在頁面上。放置完成的JS檔。
WebSocket 基本介紹及使用筆記
本篇大綱：WebSocket前端得懂一點。WebSocket重點心智圖。用 Node.js 建一個簡單的 WebSocket Server。前端連結WebSocket。1 建立WebSocket、2 監聽WebSocket事件、3 client端發訊息給WS Server。
Auth0 Universal Login，做一個自己的會員註冊、登入功能
本篇大綱：Auth0 Universal Login步驟。註冊Auth0，設定基本資訊。取得domain、client ID。設定 Login box的樣式。引用createAuth0Client。取得Auth0 config。判斷是否登入，登入就取得資訊。加入LINE登入。Auth0後台看會員狀況
用原生 JavaScript 寫一組社群分享按鈕(FB、LINE、Twitter)
本篇大綱：外掛有好也有壞，決定自己寫。1 取得分享按鈕的HTML：FB、LINE、Twitter。2 頁面上額外載入JS檔。3 抓每一頁的網址。4 頁面上嵌入HTML。5 設計按鈕樣式。6 原始碼要放哪。完整程式碼。