---
# System prepended metadata

title: Dashboard

---

# Dashboard
## Schedule 

| 回數    |      日期       |   主持人   | 主題                             | 連結                                                                                                                                                                                               |
| :---: |:---------------:|:----------:| -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|  1  |   12 月 01 號   |   Yakim    | 工廠模式 <br/>OOP                | [筆記](https://hackmd.io/gdtY6o1USkWnqlUkk8-tOg)                                                                                                                                                   |
|  2   |   12 月 07 號   |  ClayGao   | 創建型模式                       |                                                                                                                                                                                                    |
|  3   |   12 月 14 號   | ChihYang41 | 生成器(Builder)                  | [簡報 & 範例](https://hackmd.io/U2ix5WwURxChWj9lPffFoQ)                                                                                                                                            |
|  4   |   12 月 21 號   |    Minw    | 責任鍊 <br/>命令                 | [責任鍊](https://hackmd.io/@BTA9LqoqQOmy3Spksh9JLg/Hk__MG0nv), [命令](https://hackmd.io/@BTA9LqoqQOmy3Spksh9JLg/HkM_SzRhw), [code](https://github.com/ishin4554/playground/tree/js-design_pattern) |
|  5   |   1 月 04 號    |    Tian    | 狀態(State) <br/> 策略(Strategy) | [投影片](https://hackmd.io/@30AKlxXdQ1mMrUidhDNj2g/H1cNE8EpP) [CODE](https://github.com/futianshen/strategy-and-state-pattern)                                                                     |
|  6   |   1 月 11 號    |    Cian    | 結構型模式<br/>適配器            | [结构型模式](https://hackmd.io/8hS3rYeASjy7Q2UFpb6QtA) <br/> [適配器](https://hackmd.io/vTtP48NgQWCxOg3jscSaMA)                                                                                    |
|  7   |   1 月 18 號    |   Yakim    | error handling                   | [簡報](https://hackmd.io/@yakim/r1TIOF-J_#/1)、[code demo](https://hackmd.io/1Dz3FOFaT2SWq40Xq4mRRA?view)                                                                                          |
|   8  |   1 月 25 號    |  ClayGao   | 深拷貝與淺拷貝                   |                                                                                                                                                                                                    |
|  9   |    2 月 1 號    | ChihYang41 | Functional Light JS v3 - 前半部導讀           | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/HkuV7f2k_)<br/>[Pure Function](https://chihyang41.github.io/2021/02/06/Functional-Light-JavaScript-Pure-Function/)<br/>[Argument Adapters](https://chihyang41.github.io/2021/02/06/Functional-Light-JavaScript-Argument-Adapters/) <br/>[Point Free](https://chihyang41.github.io/2021/02/07/Functional-Light-JavaScript-Point-Free/)<br/>[Closure](https://chihyang41.github.io/2021/02/07/Functional-Light-JavaScript-Closure/)<br/>[Composition](https://chihyang41.github.io/2021/02/07/Functional-Light-JavaScript-Composition/)                                                                                                                                                                                         |
|    | ~~2 月 8 號~~  |   🧧過年   |                                  |                                                                                                                                                                                                    |
|    | ~~2 月 15 號~~ |   🧧過年   |                                  |                                                                                                                                                                                                    |
|   10  |   2 月 21 號    |    Minw    | Promise                          | [筆記](https://minw.blog/work/promise-research) / [簡報]()                                                                                                                                                                                              |
|   11  |   2 月 28 號    |    Tian    | Why GatsbyJS uses GraphQL                          |  [簡報](https://hackmd.io/He7oPyHTQaGjnl9klkBo0g)                                                                                                                                                                                                  |
|   12  |   3 月 07 號    |    Cian    | Linux                            | [簡報](https://hackmd.io/1jW3Kq_bTfCXzEQVFyqHng)                                                                                                                                                   |
|  13  |   3 月 17 號    |   Yakim    | OAuth-1                          | [簡報](https://hackmd.io/@yakim/BkHag7AX_#/)                                                                                                                                                                                                    |
|  14   |   3 月 22 號    |   Yakim    | OAuth-2                          | [簡報](https://hackmd.io/@yakim/BkAGykbNu#/) / [影片](https://youtu.be/RAQi2pD3UQ0)                                                                                                                                                                                                  |
|  15   |   3 月 29 號    |  ChihYang41   | Linked List 與 React Hooks | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/rkjuBqpEu) / [影片](https://youtu.be/oZw4UiLVpfg)                                                                                                                                                                                                  |
|  16   |     4月 7 號      | ClayGao |                            |                                                                                                                                                                                                    |
|   17  |     4月 12 號      |    Minw    |    WebGL 到 Three.js 初探                             |     [簡報](https://hackmd.io/@hqeHL52vT1m8hzRZYVHAcg/rJ5GAhZL_#/) / [筆記](https://minw.blog/code/WebGL%20%E8%88%87%20Three.js%20%E9%97%9C%E8%81%AF) / [影片](https://youtu.be/vxqMlVV9PAE)                                                                                                                                                                                            |
|   18  |     5月 03 號      |    Tian    |     使用 Hasura GraphQL Engine 打造可靠的前後端開發架構                            | [影片](https://youtu.be/6kvQ569q8AM) / [參考資料](https://www.one-tab.com/page/t9UxldIRSSmN_qVAxmiXtg)                                                                                                                                                                                                 |
|  19  |     5 月 10 號      |    Cian    |                                  |                                                                                                                                                                                                    |
|  20  |     5 月 17 號      |    ChihYang41    |   AST & Eslint Plugin                          |      [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/SylKNER_d) <br/> [淺談 AST 及 ESlint Rule：AST 是殺毀？（上）](https://chihyang41.github.io/2021/06/28/AST-and-ESLint-Introduction-part-1/) <br/> [淺談 AST 及 ESlint Rule：撰寫屬於自己的 ESLint Rule（下）](https://chihyang41.github.io/2021/06/29/AST-and-ESLint-Introduction-part-2/)          |
|  21  |           |    Clay    |  talks|   |
|  22  |     6 月 7 號      |   Clay    |  talks|   |
|  23  |     6 月 21 號      |    yakim    | tree | [簡報](https://hackmd.io/@yakim/ByZ0u63sO)  |   |
|  24  |      7 月 04 號      |    Minw    | docker（上） | [筆記](https://minw.blog/work/docker) / [簡報](https://hackmd.io/@hqeHL52vT1m8hzRZYVHAcg/S1HmG7x6_#/)  |
|  25  |    7 月 11 號      |   Minw  | docker(下) | [筆記](https://minw.blog/work/docker) / [簡報](https://hackmd.io/@hqeHL52vT1m8hzRZYVHAcg/S1HmG7x6_#/)  |
|  25  |    7 月 18 號      |    Tain    | 如何在前端安全便利的使用 JWT token  | [簡報](https://hackmd.io/@30AKlxXdQ1mMrUidhDNj2g/rJzcb_up_#/)  |
|  26  |     7 月 25 號      |    Cian    | SSR |  |
|  27  |     8 月 02 號      |    Yakim    | AVL | [簡報](https://hackmd.io/@yakim/S1vz0BcR_) |
|  28  |     8 月 09 號      |    Yakim    | 設備問題，暫停 |  |
|  29  |     8 月 17 號      |    Yakim    | AVL Tree | [簡報](https://hackmd.io/@yakim/S1vz0BcR_) |
|  30  |     8 月 23 號      |    Clay    | 如何自組鍵盤 |  |
|  31  |     8 月 30 號      |    Cian    | gRPC |  |
|  32  |     9 月 6 號      |    ChihYang    | 用 p5 + ml5 玩出新花樣！ | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/rJ9SEOc-K) |
|  33  |     9 月 13 號      |    Tian    |  |  |
|  34  |     9 月 20 號      |    Minw    | 找不到檔案 ... |  |
|  35  |     11 月 29 號      |    ChihYang    | V8 引擎的 Array.sort 是用什麼演算法？ | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/Skrh0Q2IF#/)  |
|  36  |                    |    Yakim   | Memory management in JavaScript | [簡報](https://hackmd.io/@yakim/B1JO5mlHY)  |
|  37  |        3 月 1 號            |    Yakim   | 「純文字」是指什麼？談談文字編碼 | [簡報](https://hackmd.io/@yakim/HkmlqQUy9#/)  |
|38|
|39|5 月 18 日|Cian|關於鍵盤輸入的一些小事|[簡報](https://little-things-about-keyboard-input.vercel.app/1)
|40|8 月 22 日| Tian |  |
|41|8 月 29 日| Cian | 人生 4000 個禮拜 |
|42|9 月 12 日| Yakim ||
|43|9 月 26 日| Clay ||
|44|10 月 17 日| Minw | 極速開發 |[筆記](https://hackmd.io/@hqeHL52vT1m8hzRZYVHAcg/BJLlb95Xs)
|45|10 月 24 日| Chih Yang | package manager + pnpm | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/SypOqlgmj)
|46|10 月 31 日| Tian | |
|47|11 月 14 日| Cian ||
|48|1 月 09 日| Yakim | 作業系統 |
|49|x 月 xx 日| Clay ||
|50|1 月 30 日| ChihYang | LRU Cache | [簡報](https://hackmd.io/@Na2dS6zFTveWFnhcskTp7A/Bkbj-eN2i)
|51|2 月 06 日| Tian | [尋找完美伴侶的系統化做法](https://hackmd.io/NOqS6VQFTF6ftTtm4ze-Tw) | 
|52|2 月 13 日| Minw | Data 專案心得(暫訂) | 
|53|2 月 20 日| Cian |  | 
|54|x 月 xx 日| Yakim |  | 
|55|x 月 xx 日| Clay |  | 
|56|5 月 09 日| ChihYang | 英文口說 | [筆記](https://app.heptabase.com/w/1373b443ed9f6c91ab14620dfb865b4f06aa1037bcb8d11fe016b4caca97d4d4) |
|57|5 月 16 日| Minw |  |  |
|58|5 月 23 日| Tian |  |  |
|59|5 月 30 日| Cian |  |  |
|60|7 月 8 日 | Yakim |  |  |
|61|8 月 7 日 | Clay |  |  |
|62|8 月 21 日 | ChihYang | Server Component & Next.js app router |  |