商品編號:DJAA2V-A900B7TJP
前端三十:從HTML到瀏覽器渲染的前端開發者必備心法(iT邦幫忙鐵人賽系列書)
驚喜優惠
$435
$550
- P幣
全盈+PAY單筆消費滿1200回饋80P幣(每帳號限乙次,限量5000名)
- 登記送
【OK】單筆滿$1純取貨/取貨付款訂單登記送OK購物金50元(限量)
- 登記送
【7-11】單筆滿$350純取貨/取貨付款訂單登記送一顆檸檬青茶兌換券乙張(限量)
付款方式
- 信用卡、無卡分期、行動支付,與其他多種方式
- PChome 聯名卡最高6%,新戶再享首刷禮1000P
出貨
- PChome 倉庫出貨,24小時到貨
配送
宅配滿$490免運,超取滿$350免運
- 宅配到府(本島/低溫)滿$699免運
- 宅配到府(本島/常溫)滿$490免運
- 超商取貨(常溫)滿$350免運
- 超商取貨(低溫)滿$699免運
- i郵箱(常溫)滿$290免運
銀行卡、行動支付
優惠總覽
商品詳情
內文簡介
<內容簡介>
一口氣掌握前端進階必備知識!
開發時不解的奇思妙想,解方都在這!
•CSS 選取器是如何運作的?
•要怎麼提升網站效能?
•瀏覽器間的差異是怎麼形成的?
•為什麼要用框架?
•HTTPS 為什麼比較安全?
•瀏覽網頁時,過程中到底發生了什麼?
本書內容改編自第11屆iT邦幫忙鐵人賽,Modern Web組佳作網路系列文章——《前端三十 - 成為更好的前端工程師》,內容著重在現代前端開發者所必備的網站開發知識通識。
書中精選三十道網站開發常見問題,由最基礎的前端三兄弟:HTML、CSS、JavaScript 出發,逐一探討瀏覽器渲染原理、JavaScript 特性、演算法、網路基礎、前後端分離、效能優化、SEO 實踐等網站開發相關主題,與讀者您一起踏上前端進階之路。
❖三大特色❖
從陌生到熟悉:
•什麼是閉包?前端框架?SPA?SSR?SEO?陪你從頭認識那些以往似懂非懂的專有名詞,重新檢視整理自己的知識儲備
從疑惑到解答:
•由類似面試提問的標題名稱展開各別章節,並在內文逐步引導至關鍵知識點,帶你逐一擊破三十道難題
從入門到進階:
•HTML、CSS、JavaScript、Frontend、Backend、Web,循序擴大範疇的六大主題,相互串接、彼此關聯,讓你掌握網站開發關鍵知識,踏上前端進階之路
★目錄:
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 尾聲
<作者簡介>
朱信穎 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
相關分類
購物須知
寄送時間 | 全台灣24h到貨,遲到提供100元現金積點。全年無休,週末假日照常出貨。例外說明 |
---|---|
送貨方式 | 透過宅配送達。除網頁另有特別標示外,均為常溫配送。 消費者訂購之商品若經配送兩次無法送達,再經本公司以電話與Email均無法聯繫逾三天者,本公司將取消該筆訂單,並且全額退款。 |
送貨範圍 | 限台灣本島與離島地區註,部分離島地區包括連江馬祖、綠島、蘭嶼、琉球鄉…等貨件,將送至到岸船公司碼頭,需請收貨人自行至碼頭取貨。注意!收件地址請勿為郵政信箱。 註:離島地區不配送安裝商品、手機門號商品、超大材商品及四機商品。 |
售後服務 | 缺掉頁更換新品 |
執照證號&登錄字號 | 本公司食品業者登錄字號A-116606102-00000-0 |
關於退貨
- PChome24h購物的消費者,都可以依照消費者保護法的規定,享有商品貨到次日起七天猶豫期的權益。(請留意猶豫期非試用期!!)您所退回的商品必須回復原狀(復原至商品到貨時的原始狀態並且保持完整包裝,包括商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性)。商品一經拆封/啟用保固,將使商品價值減損,您理解本公司將依法收取回復原狀必要之費用(若無法復原,費用將以商品價值損失計算),請先確認商品正確、外觀可接受再行使用,以免影響您的權利,祝您購物順心。
- 如果您所購買商品是下列特殊商品,請留意下述退貨注意事項:
- 易於腐敗之商品、保存期限較短之商品、客製化商品、報紙、期刊、雜誌,依據消費者保護法之規定,於收受商品後將無法享有七天猶豫期之權益且不得辦理退貨。
- 影音商品、電腦軟體或個人衛生用品等一經拆封即無法回復原狀的商品,在您還不確定是否要辦理退貨以前,請勿拆封,一經拆封則依消費者保護法之規定,無法享有七天猶豫期之權益且不得辦理退貨。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,一經您事先同意後始提供者,依消費者保護法之規定,您將無法享有七天猶豫期之權益且不得辦理退貨。
- 組合商品於辦理退貨時,應將組合銷售商品一同退貨,若有遺失、毀損或缺件,PChome將可能要求您依照損毀程度負擔回復原狀必要之費用。
- 若您需辦理退貨,請利用顧客中心「查訂單」或「退訂/退款查詢」的「退訂/退貨」功能填寫申請,我們將於接獲申請之次日起1個工作天內檢視您的退貨要求,檢視完畢後將以E-mail回覆通知您,並將委託本公司指定之宅配公司,在5個工作天內透過電話與您連絡前往取回退貨商品。請您保持電話暢通,並備妥原商品及所有包裝及附件,以便於交付予本公司指定之宅配公司取回(宅配公司僅負責收件,退貨商品仍由特約廠商進行驗收),宅配公司取件後會提供簽收單據給您,請注意留存。
- 退回商品時,請以本公司或特約廠商寄送商品給您時所使用的外包裝(紙箱或包裝袋),原封包裝後交付給前來取件的宅配公司;如果本公司或特約廠商寄送商品給您時所使用的外包裝(紙箱或包裝袋)已經遺失,請您在商品原廠外盒之外,再以其他適當的包裝盒進行包裝,切勿任由宅配單直接粘貼在商品原廠外盒上或書寫文字。
- 若因您要求退貨或換貨、或因本公司無法接受您全部或部分之訂單、或因契約解除或失其效力,而需為您辦理退款事宜時,您同意本公司得代您處理發票或折讓單等相關法令所要求之單據,以利本公司為您辦理退款。
- 本公司收到您所提出的申請後,若經確認無誤,將依消費者保護法之相關規定,返還您已支付之對價(含信用卡交易),退款日當天會再發送E-mail通知函給您。