關於AI、軟體架構與工程實務等主題，透過分享保持學習力。
相信大多數的人都知道 Git 是什麼，輸入關鍵字也都出現千篇一律的介紹文章，所以這邊就不再贅述一連串的廢話，此篇文章只做指令說明及使用時機。
資料塑形(Data Shaping) 是什麼? 這名詞在軟體業界上很少聽到，但其實在軟體開發中是一件很常做的事情。你聽過資料格式化、資料前處理、Data Transformation 等相關軟體術語，這些其實跟資料塑形(Data Shaping)是在做類似的動作，而這篇文章就來說說資料塑形(Data Shaping)是什麼。
前端開發不外乎一定會碰到 UI/UX，而前端開發生態圈也提供相當多的 UI Component Library。此篇文章會講述在 React 生態圈最熱門的 MUI 使用方法，從基本安裝到樣式撰寫及 Component 基礎使用，讓讀者可以簡單理解及學習。
Algolia 是一家美國的公司，該公司提供一項網路搜尋產品就叫做 Algolia。它是協助搜尋客戶網站中的產品或文章等資訊，不搜尋整個網路世界資訊。就如同我網站內使用 ctrl + k 啟動的搜尋功能，它就是來自此於該家公司的產品及技術。
閉包(Closure)是程式設計的一種概念，它是函式或詞彙作用域(Lexical Scoping)，內部函式可以取得外部作用域的變數，提供私有變數、資料隱藏、封裝性等特性。
MVC 是一個程式設計架構，也是早期 SSR 的架構方式，它是一個前後端不分離的開發，與現代網頁開發的方式大不相同。
開發的時候通常都會宣告變數，可能是一個字串、數字、布林值、陣列、物件等，主要用途可能是宣告一個起始的資料狀態，並經過某些條件後需要改更，也有是宣告後就不用更改的常數，此時就需要思考到要使用哪種方式來宣告
HTTP Cookies、localStorage 及 sessionStorage 都可以存放資料在客戶端本地瀏覽器中，至於它們的使用選擇取決於資料類型、安全性、生命週期等，也因為三者很容易拿來比較及提問，所以此篇文章會介紹三者的使用方式，以及如何選擇使用。
JavaScript 是單執行緒語言，另一種說法叫做單線程，核心運行是同步的方式完成，而 JavaScript 可以靠著非同步的方式完成操作，則是因為 JavaScript 執行環境的關係，可能是 Browser 或 Node 環境，它們兩者分別提供 Web APIs 及 Node APIs，搭配 Event loop 的概念，讓 JavaScript 同步方式不會造成阻塞問題，而 Event loop 如何運行呢?
在 JavaScript 操作物件型別(Object types)時，若不想要修改到原始資料的情況下，就必須再考慮到使用淺拷貝(shallow copy)或深拷貝(deep copy)的問題，其主要原因是因為 JavaScript 的物件型別特性是參考址，然而，這兩者的差異需要看當下操作的資料層級，如單一層級 Object 就只需要使用淺拷貝，複數層有 Object 包 Object 的存在就需要使用深拷貝。
JavaScript 型別有兩大類，分別是原始型別(primitive types)、物件型別(object types)，一般會搭配一元運算子中的 typeof 取得資料型別的類型，但因為 JavaScript 是一門歷史悠久的程式語言，在某些型別使用 typeof 會有不如預期的型別回傳，例如：typeof null === object，此時需要使用別種方式來檢查值。
在網頁開發中，路由是 Web 應用程式的一項關鍵功能，它允許開發者可以透過路徑呈現不同的網頁內容給使用者，可能是一個 about、product 或是 article 等。然而，此篇章所要介紹的 React Router 是用於 React 函式庫的路由，並隨著時間推進，最新版本也已經到 Version 7。
Google Core Web Vitals 是 2020 年定義出的一套網頁效能標準，這些標準可為網頁開發人員提升網站的效能，並提供良好的使用者體驗。也經過多年的測試與社群回饋後，現階段三大指標分別是 LCP、INP、CLS，而這三大指標在 Google 的搜尋排名中也會有所影響。
