圖書|Web 前端開發完全入門




無論商業軟體、行動相關領域或是 IoT 應用發展均會涉及前端領域,而開發人員經常透過框架/函式庫的運用以支援所需的應用功能開發,流行的框架與函式庫通常經過良好的設計,一般而言上手並不困難,但是能否運用得當又是另外一回事,這取決於是否具備良好的Web前端開發基礎。

Web 前端是由 HTML 標籤、CSS 樣式與 JavaScript 程式語言整合而成的網頁技術,而我們運用的框架/函式庫,例如常見的 jQueryAngularD3Bootstrap,或是 Reactvue.js 等等,都是在 HTML/CSS/JavaScript 這三項技術的基礎上,針對特定目的而發展出來的進一步應用,沒有強固的網頁技術基礎,將很難善用這些應用框架與函式庫,更遑論開發優秀的產品與服務了。

《Web 前端開發完全入門》為完全沒有基礎的讀者作設計,不需任何基礎即可閱讀,協助你穩建的入門 Web 前端開發領域。

本書由 2013 年 9 月出版的《HTML5 從零開始》改版,除了重寫第一章的內容,另外調整了其中的部份章節,讓書的內容更適合初學者學習,另外由於 HTML 規格版號將會持續升級,但這一部份對於初學者而言並沒有影響,因此我們決定拿掉 HTML5 的書名,並以「Web 前端開發」這個 Title 作為我們後續發展商業軟體開發與 IoT 技術教學的相關用詞。



目錄

第 1   章 網頁設計與Web 前端開發
第 2   章 HTML標籤與CSS語法
第 3   章 網頁介面與版型設計
第 4   章 JavaScript 快速入門
第 5   章 元素存取與網頁結構操作
第 6   章 與使用者互動
第 7   章 繪圖技術
第 8   章 影音播放
第 9   章 網頁資料儲存
第10  章 通訊技術
第11  章 jQuery 入門



完整目錄

1章 網頁設計與Web前端開發
1.1 關於Web應用程式
跨平台
網路作業
1.2 HTML網頁設計到Web前端開發
1.3 初探HTML
1.4 文件物件模型(Document Object Model
1.5 HTMLJavaScript
1.6 關於CSS
1.7 Web前端開發學習建議
HTML
CSS
JavaScript
1.8 開發環境
伺服器環境-XAMPP
Summary
評量

2章 HTML標籤與CSS語法
2.1 設定網頁描述資訊
2.2 共同屬性
HTML5屬性
2.3 HTML標籤
群組標籤-div
群組標籤-span
段落與斷行
標題
超連結
表格
清單
格式化標籤
影像圖片
影音檔案播放
2.4 輸入標籤
HTML5input標籤改良
2.5 導入CSS
語法
常見的選擇器-類別、id與萬用選擇器
註解
屬性值
2.6 文字樣式
文字字型
文字段落配置
行高
文字顏色
2.7 清單與表格樣式
表格樣式
清單樣式
2.8 視覺格式與排版樣式
背景顏色
方塊模型
移動方塊-floatclear
定位
方塊呈現樣式
overflow
2.9 再探CSS選擇器
屬性選擇器
虛擬類別
2.10 消除預設樣式
2.11 使用iframe
Summary
評量

3章 網頁介面與版型設計
3.1 版型與網頁區塊化
3.2 使用HTML5語意標籤
樣式設定
調整內容配置
3.3 語意標籤與大綱輸出
3.4 語意標籤與區塊配置實作
3.5 標題與大綱條目
區塊切割與大綱輸出標籤元素
h1~h6標籤與大綱輸出
使用header 標籤組織標題
3.6 檢視大綱輸出工具
3.7 網頁跨裝置呈現測試
3.8 網頁佈局-從960RWD
網格佈局
流動佈局
跨裝置顯示-媒體查詢
Summary
評量

4章 JavaScript快速入門
4.1 撰寫JavaScript
4.2 輸出訊息
4.3 變數
變數宣告
4.4 資料型別
數字
字串
布林值
typeof()
特殊值-nullundefined
4.5 運算式以及運算子
基本算術運算子
運算後設值
一元運算子
關係運算子
邏輯運算子
三元運算子
4.6 敘述句
條件控制敘述句-if
條件控制敘述句-switch
迴圈for
迴圈whiledo/while
breakcontinue
4.7 函式
函式回傳值-return
匿名函式
4.8 關於物件
函式物件封裝
函式物件
原型(prototype
4.9 陣列
巡覽陣列元素
4.10 使用內建物件
Date-日期時間資訊
Math-數學運算
String-字串處理
Number-數字處理
4.11 全域物件與函式
4.12 Window物件
螢幕大小-Screen物件
瀏覽器資訊
URL資訊
Summary
評量

5章 元素存取與網頁結構操作
5.1 操作網頁元素
5.2 取得元素內容文字
InnerHTMLouterHTML
innerTexttextContext
Input標籤與value屬性
5.3 開發簡單的應用程式-加法運算器
畫面配置
撰寫JavaScript程式碼
調整外觀-縮短文字方塊長度
調整外觀-放寬加法符號(+)的邊距
調整外觀-調整數值呈現方向
運用選擇器組織CSS
選擇器樣式設定
5.4 操作一個以上的網頁元素
利用迴圈語法存取標籤
5.5 調用getElementsByXxx()方法存取網頁元素
5.6 程式化控制CSS
5.7 調整標籤屬性
HTML5自訂資料屬性
5.8 節點元素的新增、附加與刪除
移除元素
5.9 動態載入JavaScript
Summary
評量

6章 與使用者互動
6.1 事件機制與元素互動
addEventListener()
事件參數
事件氣泡傳播
動態註冊事件
this關鍵字
6.2 window事件
DOMContentLoaded
調整視窗大小
捲動事件
6.3 滑鼠事件
按鍵
移動
滾輪
6.4 鍵盤事件
input事件
6.5 拖曳事件
Summary
評量

7章 繪圖技術
7.1 關於Canvas
7.2 開始繪圖
描繪矩形
描繪曲線與封閉圖形
beginPath()closePath()
描繪弧形
7.3 線條樣式
線條寬度
填色
7.4 描繪圖片
部分圖片
7.5 描繪文字
7.6 動畫設計
靜態圖片的動畫模擬
7.7 關於SVG
7.8 SVG繪圖
直線
矩形
圓形與橢圓形
不規則線條
SVG描繪圖片
輸出文字
SVG動畫
7.9 簡易繪圖板
Summary
評量

8章 影音播放
8.1 播放影音檔案
關於格式
8.2 播放作業的程式化控制
控制音量
調整影片速率
8.3 video標籤屬性
8.4 播放音訊檔-audio
8.5 教學影片網頁
Summary
評量

9章 網頁資料儲存
9.1 應用程式快取
9.2 快取清單(cache manifest
9.3 區段定義
9.4 設定區塊
設定FALLBACK區塊
9.5 Cookies
判斷Cookie功能
9.6 Web儲存
存取Storage資料
透過索引值取得鍵值資料
存取localStorage內容的簡易方式
9.7 localStoragesessionStorage的差異
9.8 線上便利貼
9.9 存取檔案特性
9.10 讀取檔案內容
9.11 讀取圖檔
Summary
評量

10章 通訊技術
10.1 關於通訊作業
跨文件通訊
多執行緒
伺服器推播事件
Web Sockets
10.2 跨文件訊息傳遞
圖片傳送
取得目標網頁回傳訊息
10.3 關於安全
10.4 iframe資訊傳遞
10.5 多執行緒網頁運算
10.6 網頁與背景執行緒的雙向溝通
多執行緒執行的錯誤捕捉
10.7 伺服器推播技術—Server Sent Events
簡單的伺服器推播實作
Summary
評量

11章 jQuery入門
11.1 引用jQuery函式庫
11.2 $()開始使用jQuery
11.3 巡覽所取得的元素
11.4 簡化ready()調用
11.5 存取元素內容文字
11.6 存取元素屬性
11.7 設定元素類別
結合選擇器應用
切換類別
CSS樣式項目存取
11.8 異動文件結構
插入與取代
11.9 事件處理
事件引數-Event物件
氣泡與非氣泡滑鼠事件
bind()與事件註冊
trigger()與事件觸發
透過delegate()註冊事件
透過on()註冊
11.10 jQuery動畫
淡出與淡入(fadeIn/fadeout/fadeTo
隱藏與顯示(hide/show
滑入與滑出(slideDown/sildeUp
11.11 使用jQuery Mobile
11.12 分頁配置
頁首/頁尾與內容
多頁實作
頁面切換效果
動態載入頁面
11.13 資料輸入控制項
文字輸入
多行文字輸入-textarea標籤
search 型態控制項
日期/時間輸入
滑桿-range輸入
單選按鈕與核取方塊
11.14 行動裝置事件
偵測手機旋轉方向
左右滑動手勢
Summary

評量






2 則留言:

匿名 提到...

您好:
我有購買此書,因無附光碟範例
不知作者是否有提供範例可以下載呢?

謝謝!

康廷數位 提到...

Hi, 您好:此書因內容範例並沒不複雜並沒有特別提供檔案,不過近日因讀者持續來信索取範例,因此我們會再設定好之後上傳再請下載,除了於這裏會開放連結說明,為了方便通知,還請來信給我們你的聯絡郵件,我們會在設定好即時通知您,不便之處還請見諒。

服務信箱: book@kangting.tw