〈Web 技術〉彙整 - 第 5 頁，總計 9 頁

不會 Git，千萬別說你會版本控制！Git 進階用法與最佳實踐

我們對於 Git 是什麼，已經有了初步的認識，也提到了在 Git 版本控制中，幾個相當常用的 command，提交修改使用 git commit，拉取遠端分支修改用 git pull，把local change 推向遠端用 git push 等等。

要如何寫出更好的程式呢？透過「Code Review」是推薦新手的方法。程式執行效能就是從速度跟空間來思考，執行時間越短、變數佔用空間越小。而程式碼結構則會從可讀性和精簡來衡量，經由反饋與討論來找出程式中可優化的空間

切版是前端工程師必須要具備的技能，但到底什麼是切版？白話來說，切版就是要把設計師針對使用者需求所完成的設計稿，透過程式讓它在網頁中實際呈現出來。

說到學習切版，學習的資源和方法何其的多。每位學習者適合的學習方式不同。因此，以下會根據不同類型的學習方式，各自分享我個人使用的學習資源。

網頁設計在進入工程的範疇時，通常最常聽到的名詞就是 HTML/CSS！其實它們兩者在技術上都代表著不同的電腦語言工具，用來分別處理「網頁呈現」上的不同事情，這篇文章帶大家認識網頁設計的基礎跟前端工程師的關係。

在 React Hooks 的加持之下，Modern React Web App 有了不一樣的氣象，對於新入手的開發者來說，可以從最熟悉的 function 開始學起 React；對於熟悉 React 的開發者而言，則可以練習不受舊有思維的影響，感受 Hooks 帶來的簡潔與便利性。

Cookie 和 Session 這兩個名詞，相信大部分的開發者都不會太陌生，特別是 Cookie，從社群網站、電商平台、Google Analytics 分析等地方，無處不見它的應用；但從本質上，Cookie & Session 究竟是什麼呢？這就要從 HTTP 的特性說起。

DOM (Document Object Model)是瀏覽器所產生出來的資料結構，一方面表現出 HTML 的內容與架構，另一方面讓開發者有機會使用 JavaScript 透過 DOM 來操作頁面。

內容主要圍繞在前端相關的 Debug 偵錯技巧，只要你有網頁開發經驗，尤其：每天都會開啟瀏覽器的 Devtools，常常需要刻 UI，以及撰寫許多 HTML、CSS ，以 JavaScript 維生，需要進行前端效能、SEO 優化。都非常推薦閱讀

快取就是幫我們省下重複向伺服器拿取資源的效能浪費，將你看過的東西留下來，在需要時便能直接拿出來用，不用再次向資料來源端請求。