前端三十：從HTML到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）

Chapter 01►你最近學會了什麼新東西？
主動規劃學習
被動接觸新知
新技術清單
結語

Chapter 02►[HTML]script tag 加上 async & defer 的功能及差異？
講古
簡介
用法
延伸閱讀
結語

Chapter 03►[CSS]Reflow 及 Repaint 是什麼？
瀏覽器的渲染步驟
拯救你的網頁效能
結語

Chapter 04►[CSS]z-index 與 Stacking Context 的關係是什麼？
z-index
堆疊環境 Stacking Context
結語

Chapter 05►[CSS]元素選取器是如何運作的？
瀏覽器渲染
CSSOM Tree
套用規則
CSS 效能
延伸閱讀
結語

Chapter 06►[JS]請你在旁邊的白板寫個快速排序演算法
快速排序法
演算法
結語

Chapter 07►[JS]瀏覽器 DOM 元素的事件代理是指什麼？
事件
事件代理
結語

Chapter 08►[JS]請寫出間隔一秒印出1, 2, 3, 4, 5 的程式碼
拆解問題
瀏覽器的事件迴圈
回到題目
結語

Chapter 09►[JS]什麼是閉包？
Closure
執行環境
結語

Chapter 10►[JS]一般函式與箭頭函式的差異？
一般函式
箭頭函式
結語

Chapter 11►[JS]如何處理網頁中的非同步？
同步？非同步？
回呼函式
Promise
async await
結語

Chapter 12►[JS]為什麼 typeof new Array() === 'object' ？
型別
特殊型別：物件
結語

Chapter 13►[JS]為什麼判斷相等時不能用雙等號？
相等性
一般相等的自動轉型
牛刀小試
結語

Chapter 14►[JS]深拷貝是什麼？如何實現？
資料複製
物件拷貝
實作
結語

Chapter 15►[JS]什麼是原型鏈？
物件原型
原型鏈
使用原型
結語

Chapter 16►[FE]為何會有瀏覽器差異？怎麼處理？
差異的來源
解決方案
結語

Chapter 17►[FE]為什麼現在的前端都在用「框架」？
沒有框架的日子
框架的功能
結語

Chapter 18►[FE]為什麼網站要做成 SPA？ SSR 的優點是什麼？
從頭說起
Isomorphic JavaScript
結語

Chapter 19►[FE]如何實現網站 SEO？
SEO
正向影響因子
結語

Chapter 20►[FE]如何提升網站效能？
尋找問題
優化載入
優化渲染
結語

Chapter 21►[FE]用過 Webpack 之類的打包工具嗎？為什麼需要？
前端工程化
打包工具的用途
結語

Chapter 22►[FE]為什麼跨域請求會產生錯誤？如何處理？
跨域請求
解決方案
結語

Chapter 23►[FE]網頁的快取機制是怎麼運作的？
快取是什麼
網頁的快取機制
結語

Chapter 24►[BE]請說明一下 npm 的套件管理機制
套件管理工具
Install 的執行過程
安全性問題
套件管理的未來
結語

Chapter 25►[BE]Node.js 與 JavaScript 的關係是什麼？
Node.js
事件迴圈
結語

Chapter 26►[BE]API 設計拿資料要透過 POST，會有什麼問題嗎？
HTTP Method
規範與實作
GraphQL
結語

Chapter 27►[WEB]Cookie & Session 是什麼？
無狀態的 HTTP
HTTP 的狀態管理機制
結語

Chapter 28►[WEB]HTTP 和 HTTPS 的差別是什麼？
HTTP 的資料傳輸
加密
HTTPS
結語

Chapter 29►[WEB]網站常見的資安問題有哪些？
SQL Injection
XSS
CSRF
JSON Hijacking
結語

Chapter 30►[WEB]從輸入網址列到渲染畫面，過程經歷了什麼事情？
網路連線
伺服器端應用程式
瀏覽器端應用程式
結語

A 尾聲