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 尾聲



?