Web前端開發完全入門 | 誠品線上

Web前端開發完全入門

內容簡介

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

作者介紹

作者介紹 ■作者簡介呂高旭現職：康廷數位 產品經理經歷：程序控制應用設計Access資料庫軟體開發Visual Basic與Oracle資訊系統開發IBM WebSphere與JSP系統維護開發POS系統開發公家機關標案承接與開發2007｜2008 ｜2009微軟MVP2007程式設計俱樂部網站票選－網路影響力達人松崗電腦書籍作者悅知文化電腦書籍作者藍海文化教學用書作者電腦課程講師HTML5 授課 教材 應用服務 開發科技大學業師

產品目錄

產品目錄 第1章 網頁設計與Web前端開發1.1 關於Web應用程式跨平台網路作業1.2 從HTML網頁設計到Web前端開發1.3 初探HTML1.4 文件物件模型（Document Object Model）1.5 HTML與JavaScript1.6 關於CSS1.7 Web前端開發學習建議HTMLCSSJavaScript1.8 開發環境伺服器環境－XAMPPSummary評量第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定位方塊呈現樣式overflow2.9 再探CSS選擇器屬性選擇器虛擬類別2.10 消除預設樣式2.11 使用iframeSummary評量第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 撰寫JavaScript4.2 輸出訊息4.3 變數變數宣告4.4 資料型別數字字串布林值typeof()特殊值－null與undefined4.5 運算式以及運算子基本算術運算子運算後設值一元運算子關係運算子邏輯運算子三元運算子4.6 敘述句條件控制敘述句－if條件控制敘述句－switch迴圈for迴圈while與do whilebreak與continue4.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與outerHTMLinnerText與textContextInput標籤與value屬性5.3 開發簡單的應用程式－加法運算器畫面配置撰寫JavaScript程式碼調整外觀－縮短文字方塊長度調整外觀－放寬加法符號（+）的邊距調整外觀－調整數值呈現方向運用選擇器組織CSS選擇器樣式設定5.4 操作一個以上的網頁元素利用迴圈語法存取標籤5.5 調用getElementsByXxx()方法存取網頁元素5.6 程式化控制CSS5.7 調整標籤屬性HTML5自訂資料屬性5.8 節點元素的新增、附加與刪除移除元素5.9 動態載入JavaScriptSummary評量第6章 與使用者互動6.1 事件機制與元素互動addEventListener()事件參數事件氣泡傳播動態註冊事件this關鍵字6.2 window事件DOMContentLoaded調整視窗大小捲動事件6.3 滑鼠事件按鍵移動滾輪6.4 鍵盤事件input事件6.5 拖曳事件Summary評量第7章 繪圖技術7.1 關於Canvas7.2 開始繪圖描繪矩形描繪曲線與封閉圖形beginPath()與closePath()描繪弧形7.3 線條樣式線條寬度填色7.4 描繪圖片部分圖片7.5 描繪文字7.6 動畫設計靜態圖片的動畫模擬7.7 關於SVG7.8 SVG繪圖直線矩形圓形與橢圓形不規則線條SVG描繪圖片輸出文字SVG動畫7.9 簡易繪圖板Summary評量第8章 影音播放8.1 播放影音檔案關於格式8.2 播放作業的程式化控制控制音量調整影片速率8.3 video標籤屬性8.4 播放音訊檔－audio8.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 Sockets10.2 跨文件訊息傳遞圖片傳送取得目標網頁回傳訊息10.3 關於安全10.4 iframe資訊傳遞10.5 多執行緒網頁運算10.6 網頁與背景執行緒的雙向溝通多執行緒執行的錯誤捕捉10.7 伺服器推播技術—Server Sent Events簡單的伺服器推播實作Summary評量第11章 jQuery入門11.1 引用jQuery函式庫11.2 從＄()開始使用jQuery11.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 Mobile11.12 分頁配置頁首／頁尾與內容多頁實作頁面切換效果動態載入頁面11.13 資料輸入控制項文字輸入多行文字輸入－textarea標籤search 型態控制項日期／時間輸入滑桿－range輸入單選按鈕與核取方塊11.14 行動裝置事件偵測手機旋轉方向左右滑動手勢Summary評量

商品規格

活動

• 9/9前 圖書滿$988享9折
• 9/9前 全站滿$1,588享9折