HTML/CSS/JavaScript與前端框架的完美結合：使用Bootstrap與PWA技術，新手從這開始！(好評回饋版) (3版)

類似書籍推薦給您

【簡介】 精采內容不容錯過，好評回饋中！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 【目錄】 CHAPTER 01 網站開發的觀念與技術 1-1 網站開發的基礎觀念 1-1-1 網站及網頁 1-1-2 網頁開發的前端與後端 1-1-3 網址的組成 1-2 網站建置流程與技術 1-2-1 擬定網站主題 1-2-2 規劃網站架構與內容 1-2-3 製作網頁工具 1-2-4 上傳雲端 1-3 網頁介面原型建構工具 1-3-1 網站原型架構 1-3-2 介面線框與原型工具 1-3-3 實作網頁介面原型 CHAPTER 02 HTML與CSS基礎 2-1 學習HTML前的準備工作 2-1-1 建立HTML文件 2-1-2 自動生成HTML5架構程式碼 2-2 HTML語法概念與架構 2-2-1 HTML的標記型態 2-2-2 HTML的組成 2-2-3 標記屬性的運用 2-3 HTML5文件結構與語意標記 2-3-1 語意化的HTML標記 2-3-2 HTML5宣告與編碼設定 2-4 認識CSS基本架構 2-4-1 使用CSS樣式表 2-4-2 CSS基本格式 2-4-3 認識CSS選擇器 2-4-4 CSS的度量單位 2-4-5 CSS的顏色表示法 CHAPTER 03 HTML常用標記 3-1 排版相關標記 3-1-1 瀏覽器呈現網頁的過程 3-1-2 標題標記 3-1-3 段落及換行標記 3-2 項目列表清單 3-2-1 有序列表 3-2-2 無序列表清單 3-2-3 定義列表 3-3 表格與表單 3-3-1 表格 3-3-2 表單 3-3-3 表單元件 3-4 插入圖片與超連結 3-4-1 插入圖片 3-4-2 超連結 3-4-3 內置框架（iframe） 3-5 div標記與span標記 3-5-1 認識div標記 3-5-2 認識span標記 3-5-3 替程式碼加上註解 3-5-4 使用特殊符號及Emoji字符集 CHAPTER 04 CSS常用語法 4-1 文字與段落樣式 4-1-1 文字樣式 4-1-2 文字段落樣式 4-1-3 邊框 4-1-4 文繞圖 4-2 掌握CSS定位 4-2-1 網頁元件的定位（position） 4-2-2 立體網頁的定位 4-2-3 好用的calc()函式 CHAPTER 05 CSS Flexbox響應式排版 5-1 Flexbox模型概念 5-1-1 認識CSS盒子模型（Box Model） 5-1-2 認識Flexbox彈性盒子 5-2 Flexbox屬性 5-2-1 flex container屬性 5-2-2 flex Items屬性 CHAPTER 06 善用網路資源 6-1 圖庫素材分享平台 6-1-1 認識創用CC授權 6-1-2 搜尋CC授權素材 6-1-3 Icon nder-icon圖庫 6-1-4 替網站加入Logo小圖示 6-2 實用的網頁應用產生器 6-2-1 CSS Layout產生器 6-2-2 按鈕產生器 6-2-3 網站配色 CHAPTER 07 整合練習—詩詞展示網頁設計與實作 7-1 網頁架構說明 7-1-1 網頁架構圖 7-1-2 選擇合適的HTML標記 7-2 建立HTML與CSS程式碼 7-2-1 建立網頁架構的HTML語法 7-2-2 加入超連結 7-2-3 加入CSS語法 7-2-4 加入偽元素 7-2-5 利用Icon Fonts產生社群圖示 CHAPTER 08 JavaScript基礎 8-1 認識JavaScript 8-1-1 JavaScript基本觀念 8-1-2 JavaScript運行環境 8-1-3 瀏覽器主控台console 8-1-4 JavaScript語法架構 8-2 JavaScript基礎語法 8-2-1 JavaScript語法架構 8-2-2 JavaScript註解符號 8-2-3 資料型別（Data Type） 8-3 變數宣告與作用範圍 8-3-1 全域變數與區域變數 8-3-2 使用var關鍵字宣告變數 8-3-3 var宣告的作用域 8-3-4 使用Let關鍵字宣告變數 8-3-5 使用const關鍵字宣告常數 8-3-6 變數名稱的限制 CHAPTER 09 函式與作用域 9-1 自訂函式 9-1-1 函式的定義與呼叫 9-1-2 函式參數 9-1-3 函式回傳值 9-2 函式的多重用法 9-2-1 函式宣告式（Function Declaration） 9-2-2 函式表達式（Function Expressions） 9-2-3 物件與this關鍵字 9-2-4 立即執行函式（IIFE） CHAPTER 10 JavaScript操控DOM元素 10-1 DOM物件的方法與屬性 10-1-1 取得物件資訊 10-1-2 處理物件節點 10-1-3 屬性的讀取與設定 10-2 DOM物件的操作 10-2-1 Window物件 10-2-2 DOM集合（Collection） 10-3 DOM風格樣式 10-3-1 查詢元素樣式 10-3-2 設定元件樣式 CHAPTER 11 前端資料儲存 11-1 認識Web Storage 11-1-1 Web Storage概念 11-1-2 偵測瀏覽器是否支援Web Storage 11-2 localStorage及sessionStorage 11-2-1 存取localStorage 11-2-2 刪除localStorage 11-2-3 存取sessionStorage 11-3 IndexedDB資料庫 11-3-1 IndexedDB重要概念 11-3-2 IndexedDB基本操作 11-3-3 讀取資料 11-3-4 刪除資料 11-3-5 清空資料 CHAPTER 12 整合練習—個人通訊錄實作 12-1 網頁架構說明 12-1-1 網頁功能架構圖及線框圖 12-1-2 CSS Image Sprites 12-2 IndexedDB的CURD 12-2-1 建置資料庫物件及開啟交易 12-2-2 設定事件的處理函式 12-2-3 新增會員與新增完成 12-2-4 動態產生資料列表 12-2-5 修改與刪除單筆資料 12-2-6 清空資料與刪除資料庫 12-2-7 阻止事件傳遞與預設行為 CHAPTER 13 響應式網頁框架—Bootstrap 13-1 認識Bootstrap 13-1-1 為什麼要使用Bootstrap 13-1-2 下載Bootstrap 13-1-3 RWD的設計理念 13-2 Bootstrap排版 13-2-1 斷點（Breakpoint）與容器（Container） 13-2-2 了解Grid System 13-2-3 Viewport與Media queries 13-3 Bootstrap的樣式 13-3-1 Bootstrap通用顏色 13-3-2 Bootstrap間距 13-3-3 Bootstrap寬度與高度 13-3-4 Bootstrap文字 13-4 圖片與表格 13-4-1 響應式圖片 13-4-2 邊框圓角 13-4-3 建立Bootstrap表格 CHAPTER 14 Bootstrap擴充元件庫 14-1 導覽與選單 14-1-1 導覽列（Navigation Bar） 14-2 表單與按鈕 14-2-1 表單控制元件 14-2-2 表單排版 14-3 輪播元件（Carousel） 14-3-1 基本的輪播效果 14-3-2 利用JavaScript控制輪播 CHAPTER 15 PWA實作—我的記帳本Web App 15-1 實作「我的記帳本」網頁 15-1-1 「我的記帳本」網頁功能與介面 15-1-2 下拉式選單 15-1-3 按鈕群組 15-1-4 互動視窗 15-1-5 IndexedDB關鍵字查詢 15-1-6 善用Bootstrap Icons製作小圖示 15-2 將網頁轉換成PWA 15-2-1 什麼是PWA 15-2-2 製作各種尺寸的App圖示按鈕 15-2-3 將網頁變成PWA

超上手的前端框架：好用Vue.js 3開發最主流的網站 (1版)

類似書籍推薦給您

內容簡介 ★★★★★ JS專案工程化最佳範例 ★★★★★ ☆☆☆☆☆ 正統TypeScript完整語法入手 ☆☆☆☆☆ ★★★★★ Vue3框架所有元件詳細使用 ★★★★★ ☆☆☆☆☆ 一本書就熟練最新前端技術 ☆☆☆☆☆ 　　Vue.js 3 是一個相當熱門的前端框架，它的靈活性和高效性獲得了全球開發者的一致好評。本書主要針對Vue.js框架，涵蓋基礎知識、語言基礎、開發環境搭建等。內容分為12章，前八章以基礎概念及語法說明為主，介紹Vue.js概述、語言基礎、開發環境架設、資料綁定、指令、元件應用與進階、鷹架開發及路由應用等方面。後4章則是進階的概念，包括了第9章深入組件化應用實踐，講解組件創建、註冊、使用及通信方法。第10章闡述Vue.js表單處理，如雙向數據綁定、驗證等。第11章詳述Vuex狀態管理庫使用，包括基本概念、方法及應用案例。第12章則探討Vue.js實戰應用與優化，包括專案結構、代碼組織、性能優化等。本書旨在幫助讀者深入理解Web開發、前端框架，提高Vue.js開發技能。 　　【適合讀者】 　　本書適合各種程度的讀者，無論你是剛入門的新手，還是有經驗的開發者，都能從這本書中獲益良多，讓你的前端技能更上一層樓。 　　※ 本書程式實例可至深智官網下載：deepwisdom.com.tw 本書特色 　　✪ 循序漸進地講解Vue框架的新特性及其各項功能用法，原理與實戰並重。 　　✪ 深入講解了Vue.js開發技術，提高Web前端開發效率。 　　✪ 詳細介紹TypeScript語言的使用，與Vue 3完美結合，幫助讀者輕鬆學會Vue。 　　✪ 對Vue的API深入剖析，同時結合大量案例進行講解，讓讀者快速上手。 　　✪ 講解商業項目開發的相關框架工具，如鷹架工程vue-cli開發、Vue,js 3的路由、使用UI框架Element Plus、網路請求框架Axios、狀態管理框架Vuex等。 目錄 第1章 Vue.js 概述 1.1 HTTP 與HTML 1.2 Web 後端基礎技術 1.3 Web 部署技術 1.4 框架 1.5 Web 前端框架 1.6 前端主流框架 1.7 後端主流框架 1.8 繪製引擎及網頁繪製 1.9 Vue.js 的基本概念 1.10 Vue.js 的優缺點 第2章 Vue.js 3 的語言基礎 2.1 從JavaScript 標準說起 2.2 偵錯一個JavaScript 程式 2.3 說說JavaScript 執行時期 2.4 為何要學TypeScript 2.5 TypeScript 基礎 2.6 TypeScript 的優點 2.7 TypeScript 的發展歷史 2.8 架設TypeScript 開發環境 2.9 TypeScript 基礎類型 2.10 TypeScript 變數宣告 2.11 TypeScript 運算子 2.12 TypeScript 條件語句 2.13 TypeScript 迴圈 2.14 TypeScript 函式 2.15 陣列 2.16 聯合類型 2.17 介面 2.18 類別 2.19 命名空間 2.20 模組 2.21 TypeScript 物件 2.22 宣告檔案 2.23 理解TypeScript 設定檔 第3章 架設Vue.js 開發環境 3.1 使用VSCode 開發JavaScript 程式 3.2 Vue.js 的引用方式 3.3 第一個Vue.js 3 程式 第4章 Vue.js 基礎入門 4.1 建立應用實例並掛載 4.2 資料選擇 4.3 響應式系統的原理 4.4 綁定資料 4.5 計算屬性 第5章 指 令 5.1 v-text 和v-html 指令 5.2 v-model 指令 5.3 v-on 指令 5.4 v-for 指令 5.5 v-if 指令 5.6 v-else 指令 5.7 v-show 指令 5.8 v-bind 指令 5.9 watch 指令 第6章 元件應用與進階 6.1 元件概述 6.2 註冊元件 6.3 元件之間的關係 6.4 元件的重複使用 6.5 元件通訊 第7章 Vue.js 鷹架開發 7.1 Node.js 和Vue.js 的關係 7.2 設定Webpack 環境 7.3 Vue.js 單檔案元件標準 7.4 打包實作含Vue.js 檔案的專案 7.5 使用鷹架vue-cli 第8章 路由應用 8.1 路由的概念 8.2 前端路由與服務端繪製 8.3 後端路由 8.4 前後端分離 8.5 前端路由 8.6 Vue.js 的路由 8.7 含參數的動態路由比對 8.8 路由的比對語法 8.9 嵌策略由 8.10 命名路由 8.11 命名視圖 8.12 重新導向 8.13 程式設計式導覽 8.14 不同的歷史模式 8.15 導覽守衛 第9章 組合式API 9.1 組合式API 概述 9.2 入口函式setup 9.3 響應式函式 9.4 watch 監聽 9.5 案例：團購購物車 第10章 使用UI 框架Element Plus 10.1 概述 10.2 使用Element Plus 的基本步驟 10.3 按鈕的使用 10.4 網址連結 10.5 選項按鈕 10.6 核取方塊 10.7 輸入方塊 10.8 InputNumber 計數器 10.9 選取器 10.10 開關 10.11 滑桿 10.12 時間選擇器 10.13 時間選取器 10.14 日期選擇器 10.15 日期時間選擇器 10.16 上傳 10.17 評分 10.18 顏色選擇器 10.19 傳輸器 10.20 表單 10.21 表格 10.22 標籤 10.23 進度指示器 10.24 樹形 10.25 分頁 10.26 頭像 10.27 描述列表 10.28 訊息方塊 10.29 對話方塊 10.30 影像 10.31 浮動切換 10.32 在鷹架專案中使用Element Plus 第11章 Axios 和伺服器開發 11.1 概述 11.2 Axios 的特點 11.3 Express 架設服務端 11.4 支援跨域問題 11.5 在Vue.js 程式中存取Express 伺服器資料 第12章 Vuex 與案例實戰 12.1 了解「狀態管理模式」 12.2 使用Vuex 的情形 12.3 安裝或引用Vuex 12.4 專案實戰

TypeScript 邁向專家之路：零基礎 JavaScript 打通 Angular、React 與 Vue.js 前端框架實戰

類似書籍推薦給您

內容簡介 　　想入門 TypeScript 4 並打通前端應用程式開發，選這本就對了！ 　　使用 TypeScript 打造前端應用，已經蔚為趨勢。2020 年 State of JS 調查指出高達 78% 前端開發者使用它, 而在 Github 上，TypeScript 的熱門度短短幾年內便躍居第四。如今各大前端框架與開發工具都已完整支援 TypeScript，構成不容忽視的龐大生態圈。 　　究竟什麼是 TypeScript？它乃是 JavaScript 語法的強大延伸，能夠解決開發 JS 時帶來的混亂，大大增進開發效率。透過這本書循序漸進的豐富範例，各位將能從源頭理解 TypeScript 如何解決 JS 的問題，完整理解 TypeScript 的功能及開發工具，最後學會怎麼使用當今熱門框架 Angular、React 及 Vue.js 打造一個購物網站範例。 　　集入門與實用於一身，從零基礎變成專家，這本書就是您入門現代前端開發的必備指南。 　　本書的內容依照主題重點, 分成三大部分： 　　1. 第一篇 『TypeScript 入門準備』 ( 第 1 至 6 章) 為必備的基礎知識, 為你的 TypeScript 開發打下穩固基礎。這包括 JavaScript 快速入門, 以及如何運用 TypeScript 編譯器工具。 　　2. 第二篇 『TypeScript 徹底解析』 ( 第 7 至 14 章) 開始介紹靜態型別、類別、介面、泛型等 TypeScript 生產力特色, 搭配各種範例進行深入淺出的探討。 　　3. 第三篇 『TypeScript 實戰攻略』 ( 第 15 至 22 章) 將帶領讀者以TypeScript 在最受歡迎的 Angular、React 與 Vue.js 開發框架上打造網頁應用程式。這部分的章節會詳述每種框架適用的 TypeScript 功能, 並展示完成開發網頁應用時所需的一般過程。為了協助讀者理解這些框架,本書亦會先示範如何不仰賴這些框架來設計一個獨立的 JavaScript 網頁應用程式。 目錄 第一篇 TypeScript 入門準備 1 你的第一個 TypeScript 應用程式 1-1 本書行前準備 1-2 創建並執行第一個 TypeScript 專案 1-3 本章總結 2 認識 TypeScript 及本書內容 2-1 TypeScript 可提高 JavaScript 開發效能 2-2 TypeScript 讓專案能相容於舊版 JavaScript 2-3 閱讀本書前的準備 2-4 本書的內容 2-5 本章總結 3 JavaScript 快速入門 (上) 3-1 本章行前準備 3-2 JavaScript 的令人困惑之處 3-3 理解 JavaScript 的資料型別 3-4 運用函式 3-5 陣列的運用 3-6 物件的運用 3-7 了解 this 關鍵字 3-8 本章總結 4 JavaScript 快速入門 (下) 4-1 本章行前準備 4-2 了解 JavaScript 的物件繼承 4-3 在 JavaScript 使用類別 (class) 4-4 走訪器與產生器的使用 4-5 JavaScript 集合的操作 4-6 撰寫與匯入 JavaScript 模組 4-7 本章總結 5 使用 TypeScript 編輯器 5-1 本章行前準備 5-2 套件管理與 package.json 5-3 設定編譯輸出版本 5-4 常用的編譯器設定 5-5 本章總結 6 TypeScript 程式的測試與除錯 6-1 本章行前準備 6-2 TypeScript 程式碼的除錯 6-3 使用 ESLint 錯誤檢查工具 6-4 對 TypeScript 進行單元測試 6-5 本章總結 第二篇 TypeScript 徹底解析 7 了解 TypeScript 的靜態型別 7-1 本章行前準備 7-2 了解靜態型別 7-3 TypeScript 的其他型別功能 7-4 TypeScript 的特殊型別 7-5 本章總結 8 在 TypeScript 使用函式 8-1 本章行前準備 8-2 定義函式 8-3 了解函式的傳回值 8-4 函式的型別多載 (type overloading) 8-5 本章總結 9 在 TypeScript 使用陣列、tuple 與列舉 9-1 本章行前準備 9-2 陣列的運用 9-3 tuple 的運用 9-4 列舉值 (enum) 的運用 9-5 字面值型別 (literal value type) 的使用 9-6 使用型別別名 (type alias) 9-7 本章總結 10 在 TypeScript 運用物件 10-1 本章行前準備 10-2 在 TypeScript 運用物件 10-3 物件形狀型別的聯集與型別防衛敘述 (type guard) 10-4 使用型別交集 (type intersections) 10-5 了解型別交集的效果 10-6 本章總結 11 在 TypeScript 使用類別與介面 11-1 本章行別準備 11-2 使用函式建構子 (constructor function) 11-3 使用類別 11-4 抽象類別 (abstract class) 的使用 11-5 介面 (interfaces) 的使用 11-6 動態建立屬性 11-7 本章總結 12 在 TypeScript 使用泛型 12-1 本章行前準備 12-2 為什麼需要使用泛型？ 12-3 泛型類別 (generic class) 12-4 泛型類別的繼承 12-5 泛型類別的其他操作 12-6 泛型介面 12-7 本章總結 13 TypeScript 的進階泛型功能 13-1 本章行前準備 13-2 泛型集合的使用 13-3 泛型走訪器的使用 13-4 索引型別的使用 13-5 使用型別映射 (type mapping) 13-6 使用條件型別 (conditional types) 13-7 本章總結 14 在 TypeScript 專案中混用 JavaScript 14-1 本章行前準備 14-2 在 TypeScript 專案中使用 JavaScript 14-3 描述 JavaScript 程式中使用的型別 14-4 本章總結 第三篇 TypeScript 實戰攻略 15 打造獨立網路應用程式 (上) 15-1 本章行前準備 15-2 建立工具鏈 (toolchain) 15-3 建立資料模型 15-4 將產品資料呈現於網頁 15-5 使用 JSX/TSX 建立 HTML 內容 15-6 為網站加入其餘功能 15-7 本章總結 16 打造獨立網路應用程式 (下) 16-1 本章行前準備 16-2 讓專案存取網路服務 16-3 裝飾器的使用 16-4 完成範例應用程式 16-5 應用程式的部屬 16-6 容器化應用程式 16-7 本章總結 17 打造 Angular 網路應用程式 (上) 17-1 本章行前準備 17-2 TypeScript 在 Angular 開發中扮演的角色 17-3 替網站加入資料 17-4 在應用程式顯示資料 17-5 本章總結 18 打造 Angular 網路應用程式 (下) 18-1 本章行前準備 18-2 完成範例應用程式的其他功能 18-3 部屬應用程式 18-4 容器化應用程式 18-5 本章總結 19 打造 React 網路應用程式 (上) 19-1 本章行前準備 19-2 TypeScript 在 React 開發中扮演的角色 19-3 建立資料類別 19-4 替網站加入元件 19-5 建立 Data Store 與 HTTP 請求功能 19-6 本章總結 20 打造 React 網路應用程式 (下) 20-1 本章行前準備 20-2 設定 URL 路由 20-3 完成範例應用程式的其他功能 20-4 應用程式的部屬 20-5 容器化應用程式 20-6 本章總結 21 打造 Vue.js 網路應用程式 (上) 21-1 本章行前準備 21-2 TypeScript 在 Vue.js 開發中扮演的角色 21-3 建立資料類別 21-4 替網站加入元件 21-5 連結到 data store 21-6 讓網站存取網路服務 21-7 本章總結 22 打造 Vue.js 網路應用程式 (下) 22-1 本章行前準備 22-2 設定 URL 路由 22-3 完成範例應用程式的其他功能 22-4 應用程式的部屬 22-5 容器化應用程式 22-6 本章總結 Bonus (電子書) 打造 Svelte 網路應用程式

跨框架提昇開發高度：前端高級架構師應具備的思想及技能 (1版)

類似書籍推薦給您

【簡介】 ＊從「匠」到「師」的必經之路，前端產業技術快速昇華到架構師 　　＊前端專案化管理工具，Webpack、Vite、npm、yarn。 　　＊前端開發架構生態，AST、Babel生態 　　＊核心框架原理及設計模式、深入了解各種node.js圍繞的框架：Vue、React 　　＊實戰設計前端架構，如行動端離線套件、編譯和建構、部署和發佈 　　＊前端全鏈路，完整Node.js生態開發實戰 　　本書包括五個部分，涵蓋30個主題。 　　第一部分首先就是以npm和Yarn套件管理工具切入專案化主題，透過Webpack和Vite建構工具加深讀者對專案化的理解。深入介紹幾個極具代表性的工具的技術原理和演變過程。 　　第二部分為現代前端開發架構生態，幫助讀者培養前端專案化基礎建設思想，這也是設計一個公共函式庫、主導一項技術方案的基礎知識。 　　第三部分為核心框架原理及設計模式，探索經典程式的奧秘，體會設計模式和資料結構的藝術，帶領讀者結合業務實踐，思考優秀的設計思想如何在工作中實作。 　　第四部分是前端架構設計實戰在這一部分中，我會一步一步帶領大家從0到1實現一個完整的應用專案或公共函式庫。這些專案實踐並不是社區上氾濫的Todo MVC，而是代表先進設計理念的現代化專案架構專案（比如設計實現前端+行動端離線套件方案）。 　　第五部分前端全鏈路Node.js全端開發，帶大家設計並完成一個真正意義上的企業級閘道，其中涉及網路知識、Node.js 理論知識、許可權和代理知識等。帶大家研究並實現一個完善可靠的Node.js服務系統，涉及非同步訊息佇列、資料儲存，以及微服務等傳統後端知識。 【目錄】 第一部分 前端專案化管理工具 第1 章 安裝機制及企業級部署私服原理 npm 內部機制與核心原理 npm 不完全指南 npm 多來源鏡像和企業級部署私服原理 總結 第2 章 Yarn 安裝理念及相依管理困境破解 Yarn 的安裝機制和背後思想 破解相依管理困境 總結 第3 章 CI 環境下的npm 最佳化及專案化問題解析 CI 環境下的npm 最佳化 更多專案化相關問題解析 最佳實作建議 總結 第4 章 主流建構工具的設計考量 從Tooling.Report 中，我們能學到什麼 總結 第5 章 Vite 實現：原始程式分析與專案建構 Vite 的「從天而降」 Vite 實現原理解讀 總結 第二部分 現代化前端開發和架構生態 第6 章 談談core-js 及polyfill 理念 core-js 專案一覽 如何重複使用一個polyfill 尋找最佳的polyfill 方案 總結 第7 章 整理混亂的Babel，拒絕編譯顯示出錯 Babel 是什麼 Babel Monorepo 架構套件解析 Babel 專案生態架構設計和分層理念 總結 第8 章 前端工具鏈：統一標準化的babel-preset 從公共函式庫處理的問題，談如何做好「掃雷人」 應用專案建構和公共函式庫建構的差異 一個企業級公共函式庫的設計原則 制定一個統一標準化的babel-preset 總結 第9 章 從0 到1 建構一個符合標準的公共函式庫 實戰打造一個公共函式庫 打造公共函式庫，支援script 標籤引入程式 打造公共函式庫，支援Node.js 環境 從開放原始碼函式庫總結生態設計 總結 第10 章 程式拆分與隨選載入 程式拆分與隨選載入的應用場景 程式拆分與隨選載入技術的實現 Webpack 賦能程式拆分和隨選載入 總結 第11 章 Tree Shaking：移除JavaScript 上下文中的未引用程式 Tree Shaking 必會理論 前端專案化生態和Tree Shaking 實踐 總結 第12 章 理解AST 實現和編譯原理 AST 基礎知識 AST 實戰：實現一個簡易Tree Shaking 指令稿 總結 第13 章 專案化思維：主題切換架構 設計一個主題切換專案架構 主題色切換架構實現 總結 第14 章 解析Webpack 原始程式，實現工具建構 Webpack 的初心和奧秘 手動實現打包器 總結 第15 章 跨端解析小程式多端方案 小程式多端方案概覽 小程式多端——編譯時方案 小程式多端——執行時期方案 小程式多端——類React 風格的編譯時和執行時期結合方案 小程式多端方案的最佳化 總結 第16 章 從行動端跨平臺到Flutter 的技術變革 行動端跨平臺技術原理和變遷 Flutter 新貴背後的技術變革 總結 第三部分 核心框架原理與程式設計模式 第17 章 axios：封裝一個結構清晰的Fetch 函式庫 設計請求函式庫需要考慮哪些問題 axios 設計之美 總結 第18 章 對比Koa 和Redux：解析前端中介軟體 以Koa 為代表的Node.js 中介軟體設計 對比Express，再談Koa 中介軟體 Redux 中介軟體設計和實現 利用中介軟體思想，實現一個中介軟體化的Fetch 函式庫 總結 第19 章 軟體開發的靈活性和訂製性 設計模式 函式思想 總結 第20 章 理解前端中的物件導向思想 實現new 沒有那麼容易 如何優雅地實現繼承 jQuery 中的物件導向思想 類別繼承和原型繼承的區別 總結 第21 章 利用JavaScript 實現經典資料結構 資料結構簡介 堆疊和佇列 鏈結串列（單向鏈結串列和雙向鏈結串列） 樹 圖 總結 第22 章 剖析前端資料結構的應用場景 堆疊和佇列的應用 鏈結串列的應用 樹的應用 總結 第四部分 前端架構設計實戰 第23 章 npm scripts：打造一體化建構和部署流程 npm scripts 是什麼 npm scripts 原理 npm scripts 使用技巧 打造一個lucas-scripts 總結 第24 章 自動化程式檢查：剖析Lint 工具 自動化Lint 工具 lucas-scripts 中的Lint 設定最佳實踐 工具背後的技術原理和設計 總結 第25 章 前端+ 行動端離線套件方案設計 從流程圖型分析Hybrid 性能痛點 相應最佳化策略 離線套件方案的設計流程 離線套件方案持續最佳化 總結 第26 章 設計一個「萬能」的專案鷹架 命令列工具的原理和實現 從命令列工具到萬能鷹架 總結 第五部分 前端全鏈路——Node.js 全端開發 第27 章 同構著色架構：實現SSR 應用 實現一個簡易的SSR 應用 SSR 應用中容易忽略的細節 總結 第28 章 性能守衛系統設計：完善CI/CD 流程 性能守衛理論基礎 Lighthouse 原理介紹 性能守衛系統Perf-patronus 總結 第29 章 打造閘道：改造企業級BFF 方案 BFF 閘道定義及優缺點整理 打造BFF 閘道需要考慮的問題 實現一個lucas-gateway 總結 第30 章 實現高可用：Puppeteer 實戰 Puppeteer 簡介和原理 Puppeteer 在SSR 中的應用 Puppeteer 在UI 測試中的應用 Puppeteer 結合Lighthouse 的應用場景 透過Puppeteer 實現海報Node.js 服務 總結