JavaScript概念三明治：基礎觀念、語法原理一次帶走!
類似書籍推薦給您
JavaScript概念三明治：基礎觀念、語法原理一次帶走！
ISBN13：9789864347575
出版社：博碩文化
作者：蔡木景
裝訂／頁數：平裝／320頁
規格：23cm*17cm*1.9cm (高/寬/厚)
版次：1
出版日：2021/05/12
中國圖書分類：電腦程式語言
內容簡介
新手都該入手一本！深入淺出的JavaScript知識，讓你秒懂困難的程式概念，提升程式力！
由淺入深的詳盡介紹，逐步帶你了解JavaScript的運作方式及原理
搭配圖像解說，一窺JavaScript表象底下的真實樣貌！
重點知識簡單化，一手掌握最重要的JavaScript概念！
本書內容改編自第11屆iT邦幫忙鐵人賽Modern Web組優選網路系列文章──《JavaScript原力覺醒 - 成為絕地武士之路》，作者以豐富的圖像輔助說明，讓複雜的JavaScript知識化為容易理解的概念，閱讀後宛如吃下一塊美味的JavaScript三明治，獲得滿滿的程式活力！書中涵蓋完整詳盡的JavaScript基礎知識及背後的運作原理，無論是想一探神秘未知JavaScript世界的新手，還是初來乍到就半路卡關的程式愛好者，都能成功踏上屬於自己的程式航道！
適用讀者
☑覺得JavaScript 變化多端、不好理解
☑想要加強JavaScript 基礎知識，讓開發更得心應手
☑想更了解JavaScript 背後原理，讓熟悉度更上一層樓
本書特色
★基本語法介紹
從JavaScript的起源到常見必學的基本知識，強化你對JavaScript的完整認知。
★重點技術解說
揭開許多JavaScript簡單卻難懂的語法運作原理，並掌握JavaScript中最重要的技術名詞：純值、Closure、Promise、事件迴圈。
★抓穩JavaScript核心 ─ 物件
想更精通JavaScript，最後我獻上一帖良方，希望你對物件，這個幾乎是JavaScript核心的型別有更根本的認識。
專業推薦
「木景的《JavaScript 概念三明治》與其他JavaScript著作很不同的地方是，書中透過大量的圖片解說，以視覺化的方式來逐步呈現Javascript運作的原理，並由淺至深系統化從基本語法開始引領讀者到深入至Javascript的函式、物件、原型等核心觀念。」
Vue.js Taiwan社群主辦人、《重新認識Vue.js：008天絕對看不完的Vue.js 3指南》作者 ── Kuro
目錄
｛第一篇｝ 基本語法及概念說明
CH01：JavaScript的前世今生
JavaScript的誕生
JavaScript與ECMAScript
CH02：JavaScript基礎介紹
什麼是變數？
變數的宣告
型別介紹
函式基礎介紹
運算子基礎介紹
常用二元運算子介紹
運算子的相依性與優先序
強制轉型
Falsy Value與Truthy Value
條件判斷式
迴圈
三元運算子
總結
｛第二篇｝ 重要技術點拆解
CH03：執行環境與作用域
編譯語言、直譯語言
JavaScript引擎簡介
JavaScript引擎運行流程解析
執行環境與執行堆疊
作用域
作用域鍊
提升現象
ES6以後的變數宣告方式 – const / let
總結
CH04：物件型別與原始型別
物件型別
原始型別
原始型別、物件型別與變數指派
總結
CH05：函式的進階概念
函式陳述式與表達式
函式也是物件
立即執行函式
一級函式 / 高階函式
箭頭函式
回呼函式
函式的閉包
其餘參數以及物件參數
總結
CH06：同步與非同步
同步 / 非同步
Event Queue與Event Loop
Promise
Event Loop：MicroTask與MacroTask
Async / Await
總結
｛第三篇｝ JavaScript核心：物件
CH07：物件
存取物件內容
物件的常用操作
物件的屬性描述器
This
總結
CH08：物件與原型
物件與類別
原型
原型鍊
類別之間的繼承
Class語法糖
JavaScript內建物件
總結
立即查看
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 網路應用程式
立即查看
單元測試的藝術｜以 JavaScript 為例 (1版)
類似書籍推薦給您
【簡介】
單元測試的藝術並非只有掌握正確的工具和實踐方法而已，也包含瞭解優秀測試的運作原理、為每一個獨特的情況找出正確的策略，以及在測試過程一團亂時知道該怎麼做。本書提供的觀點和建議將改變你測試軟體的方式。
《單元測試的藝術》第三版將教你寫出容易閱讀與維護的測試，不僅介紹測試的基本寫法，也深入探討範圍擴及整個組織的測試策略、問題排除、處理遺留碼（legacy code）和「冷酷」重構。你會愛上這些實際的範例和熟悉的情境，它們將讓你在閱讀的過程中彷彿親臨測試現場。這本第三版增加適用於物件導向、泛函設計，和模組化風格的技術。書中的範例使用 JavaScript。
本書主題包括：
•決定測試類型和策略
•測試的進入點&退出點
•重構遺留碼
•fake、stub、mock 物件，與分隔框架
•物件導向、泛函，與模組化測試風格
書中的範例使用 JavaScript、TypeScript 與 Node.js。
好評推薦
「本書是我們的測試經典。JavaScript社群何其幸運，因為這本書改用我們喜愛的語言。」 —Yoni Goldberg，Node.js 測試顧問，Node.js Best Practices 的作者
「這是一本測試名著！」 —Jaume Lopez，Institut Guttmann
「這本書教你測試哲學，以及單元測試的實作細節。」 —Matteo Gildone Springer Nature
「本書對於測試的對象、時機，以及如何做好測試提出適當的見解。」 —Rich Yonts，Teradata
【目錄】
【第一部分 邁出第一步】
chapter1 單元測試基礎
1.1 第一步
1.2 定義單元測試（一步一步來）
1.3 進入點和退出點
1.4 退出點類型
1.5 不同的退出點，不同的技術
1.6 從零開始編寫測試
1.7 優良單元測試的特點
1.8 整合測試
1.9 我們的最終定義
1.10 測試驅動開發
chapter2 第一個單元測試
2.1 介紹Jest
2.2 程式庫、斷言、執行器和報告器
2.3 單元測試框架提供的功能
2.4 介紹PasswordVerifier專案
2.5 verifyPassword的第一個Jest測試
2.6 嘗試使用beforeEach()方法
2.7 嘗試工廠方法
2.8 圓滿test()
2.9 重構成參數化的測試程式
2.10 檢查預期會被丟出來的錯誤
2.11 設定測試分類
【第二部分 核心技術】
chapter3 使用stub來切斷依賴關係
3.1 依賴項目的類型
3.2 使用stub的理由
3.3 被廣泛接受的stubbing設計方法
3.4 泛函注入技術
3.5 模組化注入技術
3.6 使用具備建構函式的物件
3.7 物件導向注入技術
chapter4 使用mock物件來進行互動測試
4.1 互動測試、mock和stub
4.2 依賴logger
4.3 標準風格：參數重構
4.4 區分mock和stub的重要性
4.5 模組化風格的mock
4.6 泛函風格的mock
4.7 物件導向風格的mock
4.8 處理複雜的介面
4.9 部分mock
chapter5 分隔框架
5.1 定義分隔框架
5.2 動態偽造模組
5.3 泛函動態mock和stub
5.4 物件導向的動態mock和stub
5.5 動態地stubbing行為
5.6 分隔框架的優勢和陷阱
chapter6 非同步程式的單元測試
6.1 處理非同步資料抓取
6.2 讓程式更適合進行單元測試
6.3 處理定時器
6.4 處理常見事件
6.5 引入DOM測試庫
【第三部分測試程式碼】
chapter7 可信的測試
7.1 如何知道你信任一個測試
7.2 測試為何會失敗
7.3 避免在單元測試中加入邏輯
7.4 在通過的測試中，聞到虛假的信任感
7.5 處理不穩定的測試
chapter8 易維護性
8.1 因測試失敗而被迫進行的更改
8.2 讓維護工作更輕鬆的重構
8.3 避免過度規範
【第四部分設計和流程】
chapter9 易讀性
9.1 單元測試的命名
9.2 魔法值和變數命名
9.3 將斷言與操作分開
9.4 設置和卸除
chapter10 制定測試策略
10.1 常見的測試類型和階層
10.2 測試階層的反模式
10.3 測試配方策略
10.4 管理交付管道
chapter11 制定測試策略
11.1 成為改革代理人的步驟
11.2 成功之道
11.3 失敗之道
11.4 影響因素
11.5 棘手問題和答案
chapter12 與遺留碼共舞
12.1 從哪裡開始加入測試？
12.2 決定一個選擇策略
12.3 在重構之前編寫整合測試
附錄 對函式和模組進行monkey-patch
索引
立即查看
圖說演算法：使用JavaScript【暢銷回饋版】 (2版)
類似書籍推薦給您
【簡介】
暢銷回饋中！
零負擔理解演算法設計技巧
零程式基礎也能快速上手
採網頁前端開發工具JavaScript實作程式
一本輕量級演算法，是您獲得程式設計新技能，提升自我價值的最好投資
當「寫程式」納入必修課程的重要趨勢下，APP開發或網頁程式設計已是大部份學生或社會人士必須具備的基礎能力。演算法是用來培養程式設計邏輯的基礎理論，也是有志從事資訊工作的專業人員，不得不重視的一門基礎課程。
為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識，全書使用簡明的圖例介紹最常用演算法的概念，包括：分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法，並實作許多經典案例，如：字串反轉（String Reversal）、迴文（Palindrome）、整數反轉（Integer Reversal）、判斷兩字是否相同（Anagrams）、金字塔圖形外觀（Pyramid）…等等。同時應用不同演算法延伸出重要資料結構，例如：陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等，搭配這幾年快速竄紅的JavaScript程式語言舉例實作，是您入門演算法的最佳首選。
為了讓讀者能以容易理解的方式吸收演算法與基礎資料結構的相關知識，全書使用簡明的圖例介紹最常用演算法的概念，包括：分治法、遞迴法、貪心法、動態規劃法、疊代法、枚舉法、回溯法，並實作許多經典案例，如：字串反轉（String Reversal）、迴文（Palindrome）、整數反轉（Integer Reversal）、判斷兩字是否相同（Anagrams）、金字塔圖形外觀（Pyramid）…等等。同時應用不同演算法延伸出重要資料結構，例如：陣列、鏈結串列、堆疊、佇列、樹狀結構、排序、搜尋、雜湊…等搭配這幾年快速竄紅的JavaScript程式語言舉例實作，是您入門演算法的最佳首選。
本書特色
✔演算法最佳首選：配合實作程式碼，將各種演算法應用在程式設計的領域
✔強化程式設計邏輯：豐富圖例闡述基礎，將演算法做最簡明的詮釋及舉例
✔完善科學領域議題：加入實戰安全性演算法與人工智慧的相關演算法
✔驗收學習成果：設計難易適中的習題，並參閱國家考試題型，提供進一步演練
【目錄】
【PART I 運算思維與演算法】
Chapter 01 大話運算思維與程式設計
1-1 大話運算思維
1-2 運算思維的腦力大賽
1-3 生活中到處都是演算法
Chapter 02 地表上最常見經典演算法
2-1 分治演算法
2-2 遞迴演算法
2-3 給我最好，其餘免談的貪心法
2-4 分治法的麻吉兄弟-動態規劃演算法
2-5 不斷繞圈的疊代演算法
2-6 人人都有份的枚舉演算法
2-7 不對就回頭的回溯法
Chapter 03 經典演算法案例
3-1 字串反轉（String Reversal）
3-2 迴文（Palindrome）
3-3 整數反轉（Integer Reversal）
3-4 最常出現的字母（Max Character）
3-5 判斷兩字是否相同（Anagrams）
3-6 反向陣列（Reverse Array）
3-7 將句中或片語單字反轉（Reverse Words）
3-8 首字大寫（Capitalization）
3-9 平均值（Mean）
3-10 回傳給定總和的數值序對（Two Sum）
3-11 最大利潤（Max Profit）
3-12 費伯那序列（Fibonacci）
3-13 記憶式費伯那序列（Memoized Fibonacci）
3-14 階梯狀圖形外觀（Staircase）
3-15 金字塔圖形外觀（Pyramid）
【PART II 資料結構相關演算法】
Chapter 04 走入資料結構的異想世界
4-1 資料結構初體驗
4-2 超人氣的資料結構型態
4-3 盤根錯節的樹狀結構
4-4 學會藏寶圖的密技-圖形簡介
4-5 神奇有趣的雜湊表
Chapter 05 全方位應用的陣列與串列演算法
5-1 矩陣演算法與深度學習
5-2 陣列與多項式
5-3 徹底玩轉單向串列演算法
Chapter 06 堆疊與佇列演算法徹底研究
6-1 陣列實作堆疊輕鬆學
6-2 鏈結串列實作堆疊
6-3 古老的河內塔演算法
6-4 八皇后演算法
6-5 陣列實作佇列
6-6 鏈結串列實作佇列
6-7 有趣的雙向佇列
6-8 一定要懂得優先佇列
【PART III 排序與搜尋演算法】
Chapter 07 新手快速學會的排序演算法
7-1 看懂排序
7-2 氣泡排序法
7-3 選擇排序法
7-4 插入排序法
7-5 謝耳排序法
7-6 合併排序法
7-7 快速排序法
7-8 基數排序法
Chapter 08 打造快速體驗的搜尋心法
8-1 循序搜尋法
8-2 二分搜尋法
8-3 內插搜尋法
8-4 費氏搜尋法
【PART IV 樹與圖的演算法】
Chapter 09 超圖解的樹狀演算法
9-1 陣列實作二元樹
9-2 鏈結串列實作二元樹
9-3 二元樹走訪的入門捷徑
9-4 二元樹節點搜尋
9-5 二元樹節點插入
9-6 二元樹節點的刪除
9-7 堆積樹排序法
9-8 延伸二元樹入門
9-9 霍夫曼樹特訓班
9-10 平衡樹
9-11 決策樹的智慧
Chapter 10 圖形演算法的關鍵課程
10-1 圖形簡介
10-2 不能不學的圖形表示法
10-3 圖形走訪的訣竅
10-4 擴張樹的密碼
10-5 圖形最短路徑演算法
【PART V 現代議題演算法】
Chapter 11 完美實戰安全性演算法
11-1 輕鬆學會資料加密
11-2 一學就懂的雜湊演算法
11-3 破解碰撞與溢位處理
Chapter 12 人工智慧演算法
12-1 機器學習簡介
12-2 認識深度學習
Appendix A 開發環境與JavaScript快速入門
A-1 JavaScript執行環境
A-2 選擇程式的文字編輯器
A-3 基本資料處理
A-4 變數宣告與資料型別轉換
A-5 輸出與輸入指令
A-6 運算子與運算式
A-7 流程控制
A-8 陣列宣告與實作
A-9 函式定義與呼叫
A-10 物件的屬性與方法
立即查看
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
立即查看
華通書坊
