前端三十：從 HTML 到瀏覽器渲染的前端開發者必備心法（iT邦幫忙鐵人賽系列書）
朱信穎
買這商品的人也買了...
-
為你自己學 Git$500$390 -
0 陷阱！0 誤解！8 天重新認識 JavaScript！（iT邦幫忙鐵人賽系列書）$550$429 -
讓 TypeScript 成為你全端開發的 ACE！（iT邦幫忙鐵人賽系列書）$650$507 -
金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎（iT邦幫忙鐵人賽系列書）$560$437 -
HTML5 ‧ CSS3 最強圖解實戰講座 【第二版】$620$527 -
在 React 生態圈打滾的一年 feat.TypeScript（iT邦幫忙鐵人賽系列書）$550$429 -
IoT 沒那麼難！新手用 JavaScript 入門做自己的玩具！（iT邦幫忙鐵人賽系列書）$520$406 -
軟體架構原理｜工程方法 (Fundamentals of Software Architecture: A Comprehensive Guide to Patterns, Characteristics, and Best Practices)$680$537 -
重新認識 Vue.js：008天絕對看不完的 Vue.js 3 指南$600$468 -
JavaScript 大全, 7/e (Javascript: The Definitive Guide: Master the World's Most-Used Programming Language, 7/e)$1,200$948 -
Clean Code 學派的風格實踐：開發可靠、可維護又強健的 JavaScript (Clean Code in JavaScript)$690$538 -
Web 開發者一定要懂的駭客攻防術 (Web Security for Developers: Real Threats, Practical Defense)$420$332 -
力抗暗黑：Azure 資安天使的逆襲（iT邦幫忙鐵人賽系列書）$500$390 -
爬蟲在手 資料我有：7堂課學會高效率 Scrapy 爬蟲（iT邦幫忙鐵人賽系列書）$450$225 -
生活資安五四三！：從生活周遭看風險與資訊安全（iT邦幫忙鐵人賽系列書）$500$390 -
改變歷史的加密訊息（iT邦幫忙鐵人賽系列書）$400$312 -
頂級網站技術長高度：前端工程進階大師指南$880$695 -
JavaScript 概念三明治：基礎觀念、語法原理一次帶走！（iT邦幫忙鐵人賽系列書）$600$468 -
善用 UX 來提升 UU：打造滿足新手和專家的 UI（iT邦幫忙鐵人賽系列書）$450$351 -
JavaScript 爬蟲新思路！從零開始帶你用 Node.js 打造 FB＆IG 爬蟲專案（iT邦幫忙鐵人賽系列書）$620$484 -
打通 RxJS 任督二脈：從菜雞前進老鳥必學的關鍵知識（iT邦幫忙鐵人賽系列書）$620$484 -
從 0 到 Webpack 學習 Modern Web 專案的建置方式（iT邦幫忙鐵人賽系列書）$620$484 -
你所不知道的必學前端 Debug 技巧：即學即用！讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
ECMAScript 關鍵 30天：ES5 到 ESNext 精準進擊 JS 語法與核心（iT邦幫忙鐵人賽系列書）$600$468 -
金魚都能懂的 CSS 必學屬性：網頁設計必備寶典（iT邦幫忙鐵人賽系列書）$720$562
相關主題
商品描述
一口氣掌握前端進階必備知識！
開發時不解的奇思妙想，解方都在這！
•CSS 選取器是如何運作的？
•要怎麼提升網站效能？
•瀏覽器間的差異是怎麼形成的？
•為什麼要用框架？
•HTTPS 為什麼比較安全？
•瀏覽網頁時，過程中到底發生了什麼？
本書內容改編自第11屆iT邦幫忙鐵人賽，Modern Web組佳作網路系列文章——《前端三十 - 成為更好的前端工程師》，內容著重在現代前端開發者所必備的網站開發知識通識。
書中精選三十道網站開發常見問題，由最基礎的前端三兄弟：HTML、CSS、JavaScript 出發，逐一探討瀏覽器渲染原理、JavaScript 特性、演算法、網路基礎、前後端分離、效能優化、SEO 實踐等網站開發相關主題，與讀者您一起踏上前端進階之路。
❖三大特色❖
從陌生到熟悉：
•什麼是閉包？前端框架？SPA？SSR？SEO？陪你從頭認識那些以往似懂非懂的專有名詞，重新檢視整理自己的知識儲備
從疑惑到解答：
•由類似面試提問的標題名稱展開各別章節，並在內文逐步引導至關鍵知識點，帶你逐一擊破三十道難題
從入門到進階：
•HTML、CSS、JavaScript、Frontend、Backend、Web，循序擴大範疇的六大主題，相互串接、彼此關聯，讓你掌握網站開發關鍵知識，踏上前端進階之路
作者簡介
朱信穎 Gary Chu
•網站開發者，過去曾先後任職於奧丁丁集團、一零四資訊科技、米亞科技；擅長前端開發，擁有多年業界實戰經驗。
•喜歡學習，更喜歡分享所學；連續兩年分別以主題《JavaScript音樂漫遊 - 30天探索Web Audio》及《前端三十 - 成為更好的前端工程師》獲得iT邦幫忙鐵人賽Modern Web組佳作，並於2019年加入ALPHA Camp擔任業界實戰專案導師及網站開發課程教案作者。
•希望自己在工作的同時，能為世界推動一點改變，為社會帶來些許額外的價值。
•相信一切安排都是最好的路。
聯絡資訊
•Email: ma.gary729@gmail.com
•LinkedIn: https://www.linkedin.com/in/gary-chu/
•Blog: https://medium.com/schaoss-blog
目錄大綱
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 尾聲
