線上學習課程筆記
===
hahow 網頁程式入門
---
### html/css
* [**CH-U ：HTML結構與元素**](https://hackmd.io/i1_lcWJLSlGtNJEgbl-1Wg)
* [**CH-U ：HTML/CSS快速入門**](https://hackmd.io/4l7Qn-sURTCyhfPfmGbVCQ)
* [**CH-U ：CSS調整外觀與Class/id概念**](https://hackmd.io/ww1VHE_FSl6knDwAGr1opQ)
* [**CH-U ：CSS的內外距**](https://hackmd.io/v9PJxXhYT3yevTFZLgNS8g)
* [**CH-U ：CSS的定位與練習**](https://hackmd.io/olx9OKwCRjaky9CTRFEIWQ)
* [**CH-U ：CSS的定位與排列實作**](https://hackmd.io/GO-sz_UrRO-QLKQNU8Z7ww?view#CSS%E7%9A%84%E5%AE%9A%E4%BD%8D%E8%88%87%E6%8E%92%E5%88%97%E5%AF%A6%E4%BD%9C)
* [**CH-U ：flexbox排版入門**](https://hackmd.io/gfB8IH6iTOmNKA6U7fxLDg)
* [**CH-U ：撰寫一份自己的網頁履歷**](https://hackmd.io/aNZ1hjjcRuux8T6_D9X2Dw)
* [**CH-U9 ：pug/sass縮寫入門(使用書店卡片做練習)**](https://hackmd.io/h9yyMSA7TgaCz3iOJLTipw)
* [**CH-U ：Sass管理變數與模組**](https://hackmd.io/dZNSXUicSnOAo3fbDLX-Cw)
* [**CH-U11 ：Sass迴圈與內容(禮物盒P1)**](https://hackmd.io/HpPges6YRgK6u1tNk-3wkQ)
* [**CH-U12 ：CSS動畫基礎與滑鼠互動(範例)**](https://hackmd.io/Ot0LB3ZsSu6RBuSrlIZxOA)
* [**CH-U13 ：CSS製作影格動畫(p1容器中的球)**](https://hackmd.io/XzefRiY-RbyjPLvZtJpzlw)
* [**CH-U12~13 ：CSS製作影格動畫(p2 輻射向外2的多球體)**](https://hackmd.io/CWJPVqnnS9unHFbL5tD7Bw)
* [**CH2-U14 ：在網頁寫一座美麗城市Part1-前置準備**](https://hackmd.io/x3mola-uQTS3Uo1nZdWJ4w)
* [**CH2-U15 ：在網頁寫一座美麗城市Part2-架構與上色**](https://hackmd.io/Hx9L_-STQhO-6XPgGJBaow)
* [**CH2-U16 ：在網頁寫一座美麗城市Part3-動畫與切換**](https://hackmd.io/2pVXZfU2TOi0wfjQmUFy3w)
### JS
* [**CH3-U2 ：JS變數與判斷**](https://hackmd.io/VV9R-5oUQhKanDtI1H63dA)
* [**CH3-U3 ：JS:物件與陣列**](https://hackmd.io/2d3F2vTZTy26GbkFPAy1aA)
* [**CH3-U4 ：JS:陣列操作與迴圈**](https://hackmd.io/UNbo-JNdShu3rp1sYAJn7w)
* [**CH3-U6 ：JS:函數/模組化應用**](https://hackmd.io/zWn81XQqQ565Keis51u0ug)
* [**CH3-U7 ：JS:時間函數 從靜態到動態**](https://hackmd.io/NjblPd9kT1Km5sO_e6VYpw)
* [**CH3-U8 ：JS:JQuery操作元素**](https://hackmd.io/q8yESGKbQXaVqG58pDEHCA?view)
* [**CH3-U9 ：JS:JQuery事件觸發**](https://hackmd.io/F8ZzFV57S4SbnZyKDTuLCg?view)
* [**CH3-U10 ：JS:JQuery動畫原理與應用**](https://hackmd.io/wOrs5_9QS6inupRAgjMHPg?view)
* [**CH3-U11 ：摩斯密碼翻譯器(Project3)**](https://hackmd.io/oMO5ta2TSNyL9HeBZg_lBQ?view)
* [**CH3-U12 ：陣列的批次操作 (map/forEach/filter…)**](https://hackmd.io/iAVGUgs_R76haprM88NgRw?view)
* [**CH3-U13 ：AJAX與資料處理**](https://hackmd.io/8R9oRdjIR9KTnRFkKsALRg?view)
* [**CH3-U14 ：JQuery-使用者輸入與表單**](https://hackmd.io/hWDmnIIfTkqrgyp6PBxpaQ?view)
* [**CH3-U15~16 ：物件導向入門-概念、繼承篇**](https://hackmd.io/miuYmet-SYmeGjofZcZitA?view)
* [**CH3-U17 ：物件導向入門-實作篇**](https://hackmd.io/f2dEnx_5TSiv1h5-j2VN2g?view)

hahow 動畫入門
---
### JS
* [**CH8-U2：JS-jquery動態改變CSS外觀/Html內容**](https://hackmd.io/bekAfwBASHytmU-5p6Zc-g)
* [**CH8-U3：JS-jquery初階滑鼠事件-click/hover**](https://hackmd.io/4bZmqtn3QByw-3GsG3X2Wg)
* [**CH8-U3：JS-jquery變數概念-儲存修改與判斷**](https://hackmd.io/ZBRAtiq9SwySurvg9pzTGw)
* [**CH8-U5：json物件陣列概念&遍歷**](https://hackmd.io/26pebf0JTmCoB-86_s9uKw)
* [**CH8-U6：js-jquery切換class/css應用-手機demo**](https://hackmd.io/DqFA3y_eReyIo9uWzLUc5g)
* [**CH8-U7：js-jquery/json動態產生購物清單**](https://hackmd.io/ltsadhQ0TMGWOxozF-h69Q)
* [**CH8-U8 ：Jquery ajax-非同步載入與應用介紹
Ch8-U9 ：Jquery ajax-實作導入資料代辦清單**](https://hackmd.io/kJvmwevpSM-WrEA355CQIw)
* [**Ch8-U10：實作購物車-動態新增購買物品與結算(Project4)**](https://hackmd.io/k10XChcBSWGGc74RPhNaTg)

Udemy 六角 / 六角體驗營
---
### chat gpt API
* [**oooo ：OpenAI 搭配 Vercel 主機，打造個人 AI 工具**](https://hackmd.io/1TNSB9_ETTub2Ka5xV4jHA?view)

### html/css
* [**oooo ：SCSS-prepros教學**](https://hackmd.io/p4_GnTz4TKevrrOTdcK6eg?view)
* [**oooo ：SCSS-Sass/CSS 設計模式-網頁收納**](https://hackmd.io/HaF3R0H6SB6Quswk1NybEQ?view)

### JS
* [**oooo ：JS-string/number處理方法**](https://hackmd.io/W0sZBSSHSgalFCCynJlazA?view)
* [**oooo ：JS-Array**](https://hackmd.io/mgrB90LHSXy9c6Gx6P_h1A?view)
* [**oooo ：JS-XXS跨網站指令碼注意事項(cross-site scripting)**](https://hackmd.io/xyP3VFTYRO6qQQBSpnO84w?view)
* [**CH9 ：JS-DOM**](https://hackmd.io/_PcUrTcLTlCK7JweQY6ydw?view)
* [**CH10 ：JS-event事件(基本觀念1)**](https://hackmd.io/3YbhllYQQcmMDhbiAKt9Dg?view)
* [**CH10 ：JS-event事件(基本觀念2)**](https://hackmd.io/nMKuf2KJSPqlITQNFBX5Hw?view)
* [**CH10 ：JS-event事件(基本觀念3)**](https://hackmd.io/rHIfycBGSve9etO1eXgQDA?view)
* [**CH11 ：JS-localStorage / sessionStorage瀏覽器資料儲存 / cookies / session 差異**](https://hackmd.io/5zo-9SnSRUCeSmUyLFAAig?view)
* [**CH15 ：JS-AJAX(基本概念1)**](https://hackmd.io/PNgrUoUnSEWLxPj0-Eo9Lg?view)
* [**CH15 ：JS-AJAX(基本概念2)**](https://hackmd.io/iMaczVEhSBKe96pVtBJfqA?view)
* [**oooo：JS-AJAX: axios**](https://hackmd.io/J4an5MbMSk6LGJWqLs5bgQ?view)
* [**oooo：JS-AJAX: POST API講解**](https://hackmd.io/OaSXgNOJRyuTIXkpBu-iVQ?view)
* [**oooo：JS-迴圈**](https://hackmd.io/pOf0bQlmTWyzYg9nu9-ufw?view)
* [**oooo：JS-陣列與字串處理操作：startsWith、pop、findIndex**]()

### Node.js
* [**oooo：V8、node.js - 基本觀念 (環境安裝)**](https://hackmd.io/I8PbMjjLQkeWK6N3RYD5Hg?view)
* [**oooo：node.js - 基本觀念 (模組原理)**](https://hackmd.io/A4434jg4Q2q3Ez63ZwdyhA?view)
* [**oooo：node.js - Node.js 核心模組 : createServer**](https://hackmd.io/udzaGxIhThqXOPoTOu15_Q?view)
* [**oooo：node.js - 模組: path、__dirname、__filename**](https://hackmd.io/n8okn9dVTueKSj1TF7geug?view)
* [**oooo：node.js - NPM、安裝 npm install 模組、執行npm**](https://hackmd.io/dS9OzXosTZyDSyRaSz5lJw?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API - UUID安裝使用、try catch語法**](https://hackmd.io/c2KkZRulQ2-AdBIXNds43w?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API - TCP/IP Buffer 傳送**](https://hackmd.io/Jgc4Q5YBRIaOjzr8oIX-Ig?view)

**Todolist RESTful API**
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作1) - 環境設置(postman)**](https://hackmd.io/CVSnuG_jQgiYvHta5lq7-w?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作2) - CRUD ( GET / POST API )**](https://hackmd.io/fjk5zVcFRwaVnQND2iUNfQ?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作3) - POST API 資料錯誤樣態**](https://hackmd.io/6c02HxuUR5CLhX5K5vgVBg?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作4) - CRUD ( DELETE API )**](https://hackmd.io/6w2zSZFkRR6G7AUTwEJ4nQ?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作5) - CRUD ( PATCH API )**](https://hackmd.io/JFbnJydEQuWnoUyegg1FTA?view)
* [**oooo：node.js - Todolist RESTful API : 開發新刪修查的API (實作6) - 環境設置(Git / heroku)**](https://hackmd.io/xD9-3x8cQh-aQNNmq-wMAw?view)

**Node.js + Express Web 應用程式教學**
* [**還沒寫筆記：Node.js + Express Web 應用程式教學**](https://hackmd.io/975CckZrRy6ZQFAQN-53RQ?view)
* [**還沒寫筆記：後端: 如何判斷後端工程師用得是 Server Side Render 還是 Client Side Render**](https://hackmd.io/FYFATpAcSU6xd5CSPKA3lA?view)

### Git、GitHub
* [**oooo　：Git、GitHub**](https://hackmd.io/_UYba6vtSYupdeQl8fG12A?view)

### 常見命令提示字元
* [**oooo　：命令提示字元**](https://hackmd.io/FVuLC30BSbS3XkzIvsV2xg?view)

leetcode
---
### JS 30days
* [**#2723、#2621: promise / async(await) / sleep**](https://hackmd.io/ki9QADT8RMOHlsLPxQ964w?view)

前端觀念問題
---
* [**面試問題集 (BQ / 觀念 / 技術)**](/GqF1TAPzTdOA0VkdNA_Q8g)
* [**AWD/RWD**](https://hackmd.io/EdEsiG9GTP2LCIrIubuHPg?view)
* [**CSR、SSR、SSG**](https://hackmd.io/2PVFr5HyThqe6r8sVXAiKQ?view)
* [**MVC、MVP、MVVM**](https://hackmd.io/Ufsii83qTIeAAKncL7P8Fw?view)
* [**React、Angular、Vue 差異-簡單說明**](https://hackmd.io/5qZ34OxwSNaZVlOo95aHPw?view)
* [**SEO**](https://hackmd.io/1GqlAH3fTU2pXuw5Bx8neQ?view)
* [**SPA**](https://hackmd.io/SMSqO5s3RlG4mvYiszAThw?view)
* [**非同步、promise觀念(promise、async、await差別)**](https://hackmd.io/9UAajNgwSjml2ZQ4TBShJw?view)
* [**前端模組化的觀念**](https://hackmd.io/UnfIVIOHQdWvURxgD58jLg?view)
* [**~~~~~~~component元件設計**]()
* [**資料安全防護與驗證**](https://hackmd.io/h997BaiMQwq2rAS0k0ekBw?view)
* [**瀏覽器效能**](https://hackmd.io/goWh7oKRTsWVJSH2I0ndLw?view)
* [**~~~~~~~Visual DOM (React.js框架)**]()
* [**~~~~~~~promise、chache、異步加載**]()
* [**懶加載與虛擬列表的應用**](https://hackmd.io/czx8yErjT72AmwMXYQcxCw?view)
* [學習地圖](https://roadmap.sh/frontend)

firebase
---
* [**還沒寫筆記：firebase靜態網站部屬／第三方認證**](https://hackmd.io/Z8ZGhUrESleiN4KNIvOPTw?view)

JAVA
---
* [**JAVA**](https://hackmd.io/HbdH1h85S-G9fRdUoUzVAQ?view)