回首頁  
帳號
 
關於博碩 博碩好讀 校園圖書 MOCC認證 下載教學 博碩教育雲 數位學院 最新書單(歡迎下載)

博碩好讀
  新書推薦
  出版預告
  名家名著
  iT達人祕笈
 

分類索引

 

出版總覽

 

讀者服務

  徵求作者
 
首頁 >> 書籍介紹
 
 
點我可放大圖片
 
書名:前端三十:從HTML到瀏覽器渲染的前端開發者必備心法(iT邦幫忙鐵人賽系列書)
書號:MP22119 作者:朱信穎 ISBN: 978-986-434-745-2
定價:NT$550元 印刷:單色 頁數:304頁
書籍規格:17*23 上市日:2021/4/1 譯者:(無)
學習定位:中階 本書附件:無  
前往購買 >> 天瓏 類別:電腦技術  
       
快速前往 快速前往        

 

 
    一口氣掌握前端進階必備知識!
    開發時不解的奇思妙想,解方都在這!

    •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
 
 
 
     

博碩文化客服信箱
 

dr26962869@gmail.com

 
文教業務團隊
台北、新北、桃園、基隆、宜蘭、花蓮
郭 南 彤
LINE ID:rgtech101
0917-727778
tigerguo@drmaster.com.tw
汪 玉 鳳
LINE ID:0925177716
0925-177716
carlo@drmaster.com.tw
助理分機 519
新竹、苗栗、台中、彰化、南投、雲林
林 世 昌
LINE ID:0925275775
0925-275775
rick@drmaster.com.tw
助理分機 519
嘉義、台南、高雄、屏東、台東
林 月 玲
LINE ID:0926858627
0926-858627
donylin@drmaster.com.tw
助理分機 238
 
MOCC 認證小組
 
  林 雯 玲 電話:02-2696-2869 分機:623 software24@drmaster.com.tw

 

 
 

 

博碩文化股份有限公司 DrMaster Press Co., Ltd.
台灣新北市汐止區新台五路一段112號10樓A棟
Building A, 10F, No.112, Xintai 5th Rd., Sec.1,Xizhi Dist., New Taipei City 221, Taiwan
Tel:02-2696-2869 Fax:02-2696-2867 劃撥帳號:17484299

Copyright© DrMaster Press Co., Ltd. All Rights Reserved.