---
# System prepended metadata

title: "\U0001F530 Huli 胡立老師文章列表整理 \U0001F530"

---

# 🔰 Huli 胡立老師文章列表整理 🔰

詳細列表考參考 &rArr; [Huli Medium 文章列表](https://aszx87410.github.io/blog/medium) &lArr;
> 註 : 這邊只列出 [MRT05] 課程有提到的文章

## 心態篇
- [x] [打造「正確」學習 mindset](https://hulitw.medium.com/mindset-36c163303217)
- [x] [學程式的第零課：心態調整](https://medium.com/hulis-blog/before-learning-b9b933b6078e)
- [x] [用對你有效的學習方法，無論那是什麼](https://hulitw.medium.com/learning-c6656ef14cd4)
- [x] [沒有目標也沒有關係](https://hulitw.medium.com/its-okay-if-you-dont-have-goal-35363a8d8266)
- [x] [致跟我一樣的拖延症患者：動力是需要刻意創造的](https://medium.com/hulis-blog/procrastination-ba12754ada49)
- [x] [當我們在學程式時，要學的到底是什麼？](https://hulitw.medium.com/learn-coding-9c572c2fb2)
- [x] [程式相關問題一網打盡：談自學、轉職、出國、職涯、教學、補習、騙錢、產業以及努力](https://medium.com/hulis-blog/qa-be72946f0b23)
- [x] [每一篇心得都有價值——為什麼初學者才更應該要寫心得筆記](https://medium.com/hulis-blog/why-blogging-ab77fd8c6ffa)
- [x] [我為什麼寫部落格，以及部落格帶給我的影響](https://hulitw.medium.com/blog-e7a23a74ae2b)
- [x] [零基礎的小明要如何成為前端工程師？](https://medium.com/hulis-blog/frontend-engineer-guide-297821512f4e)
- [x] [[心得] 十年程式自學之路](https://buzzorange.com/techorange/2016/04/13/self-study-program-with-datastructure-and-algorithm/)
## 技術篇
- [x] 變數 : [從博物館寄物櫃理解變數儲存模型](https://hulitw.medium.com/variable-and-frontdesk-a53a0440af3c)
- [x] API : [從拉麵店的販賣機理解什麼是 API](https://hulitw.medium.com/ramen-and-api-6238437dc544)
- [x] 網路概念 : [從傳紙條輕鬆學習基本網路概念](https://hulitw.medium.com/learning-tcp-ip-http-via-sending-letter-5d3299203660)
- [x] DOM : [DOM 的事件傳遞機制：捕獲與冒泡](https://blog.techbridge.cc/2017/07/15/javascript-event-propagation/)
- [x] Ajax : [輕鬆理解 Ajax 與跨來源請求](https://blog.techbridge.cc/2017/05/20/api-ajax-cors-and-jsonp/)
- [x] Cookie & Session : [白話 Session 與 Cookie：從經營雜貨店開始](https://hulitw.medium.com/session-and-cookie-15e47ed838bc)
- [x] Cookie & Session : [淺談 Session 與 Cookie：一起來讀 RFC](https://blog.huli.tw/2019/08/09/session-and-cookie-part2/)
- [x] Cookie & Session : [深入 Session 與 Cookie：Express、PHP 與 Rails 的實作](https://blog.huli.tw/2019/08/09/session-and-cookie-part3/)
- [x] CSRF : [讓我們來談談 CSRF](https://blog.techbridge.cc/2017/02/25/csrf-introduction/)
- [x] Webpack : [Webpack 新手教學之淺談模組化與 snowpack](https://blog.huli.tw/2020/01/21/webpack-newbie-tutorial/)
- [x] Regular Expression : [簡易 Regular Expression 入門指南](https://blog.huli.tw/2020/05/16/introduction-to-regular-expression/)
- [x] JS - 原型練 : [該來理解 JavaScript 的原型鍊了](https://blog.huli.tw/2017/08/27/the-javascripts-prototype-chain/)
- [x] JS - call by ? : [深入探討 JavaScript 中的參數傳遞：call by value 還是 reference](https://blog.huli.tw/2018/06/23/javascript-call-by-value-or-reference/)
- [x] JS - hoisting : [我知道你懂 hoisting，可是你了解到多深](https://blog.huli.tw/2018/11/10/javascript-hoisting-and-tdz/)
- [x] JS - Closure : [所有的函式都是閉包：談 JS 中的作用域與 Closure](https://blog.huli.tw/2018/12/08/javascript-closure/)
- [x] JS - this : [淺談 JavaScript 頭號難題 this：絕對不完整，但保證好懂](https://blog.huli.tw/2019/02/23/javascript-what-is-this/)
- [x] JS - 非同步 : [JavaScript 中的同步與非同步（上）：先成為 callback 大師吧](https://blog.huli.tw/2019/10/04/javascript-async-sync-and-callback/)
- [x] JS - function : [覺得 JavaScript function 很有趣的我是不是很奇怪](https://blog.huli.tw/2020/04/18/javascript-function-is-awesome/)
- [x] React : [React 性能優化大挑戰：一次理解 Immutable data 跟 shouldComponentUpdate](https://blog.techbridge.cc/2018/01/05/react-render-optimization/)
- [x] SPA : [前後端分離與 SPA](https://blog.techbridge.cc/2017/09/16/frontend-backend-mvc/)
- [x] SPA : [淺談新手在學習 SPA 時的常見問題：以 Router 為例](https://blog.huli.tw/2019/09/18/spa-common-problem-about-router/)
- [x] 技術名詞 : [跟著小明一起搞懂技術名詞：MVC、SPA 與 SSR](https://hulitw.medium.com/introduction-mvc-spa-and-ssr-545c941669e9)




###### **wrote By ❤[Huli](https://hulitw.medium.com/about)** 