Web前端開發完全入門 - 城邦阅读花园


	本書特色　　前端開發技術正快速改變Web應用程式的面貌，本書從基礎概念開始，逐一解構建立Web應用程式最關鍵的三項技術－HTML、CSS與JavaScript。除了入門基礎，同時討論實務開發必須瞭解的進階議題，包含跨裝置響應式設計（RWD）與HTML5 API，奠定強固的Web前端開發基礎，讀者將在本書的內容學習以下的技術議題：　　．HTML、CSS與基礎版型設計實作　　．JavaScript程式設計入門　　．響應式設計入門　　．圖像與影音應用　　．JavaScript API呼叫與運用　　．函式庫與框架介紹　　一名合格的前端開發人員，除了良好的基礎外，具備各種函式庫與框架的運用能力亦相當重要，書中最後針對目前流行的幾種技術進行討論，涵蓋地理資訊整合、D3圖表製作、Bootstrap版型開發以及jQuery。


	目錄第1章　網頁設計與Web前端開發 1.1 關於Web應用程式跨平台網路作業 1.2 從HTML網頁設計到Web前端開發 1.3 初探HTML 1.4 文件物件模型（Document Object Model） 1.5 HTML與JavaScript 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 輸入標籤 HTML5的input標籤改良 2.5 導入CSS 語法常見的選擇器－類別、id與萬用選擇器註解屬性值 2.6 文字樣式文字字型文字段落配置行高文字顏色 2.7 清單與表格樣式表格樣式清單樣式 2.8 視覺格式與排版樣式背景顏色方塊模型移動方塊－float與clear 定位方塊呈現樣式 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 網頁佈局－從960到RWD 網格佈局流動佈局跨裝置顯示－媒體查詢 Summary 評量第4章　JavaScript快速入門 4.1 撰寫JavaScript 4.2 輸出訊息 4.3 變數變數宣告 4.4 資料型別數字字串布林值 typeof() 特殊值－null與undefined 4.5 運算式以及運算子基本算術運算子運算後設值一元運算子關係運算子邏輯運算子三元運算子 4.6 敘述句條件控制敘述句－if 條件控制敘述句－switch 迴圈for 迴圈while與do/while break與continue 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 取得元素內容文字 InnerHTML與outerHTML innerText與textContext 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 localStorage與sessionStorage的差異 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 評量