[HTML5][Book] HTML5 & JavaScript 程式開發實戰

這是我的第二本協作書,由悅知出版社出版,預定上市日期為 2013/3/21,主題是談 HTML, HTML5 與 JavaScript,並且介紹 HTML5 開發 Windows Store App 的開發過程,為台灣第一本介紹以 HTML5 與 JavaScript 開發 Windows Store App 應用程式的中文書。

這是我的第二本協作書,由悅知出版社出版,預定上市日期為 2013/3/21,主題是談 HTML, HTML5 與 JavaScript,並且介紹 HTML5 開發 Windows Store App 的開發過程,為台灣第一本介紹以 HTML5 與 JavaScript 開發 Windows Store App 應用程式的中文書。

本書作者 Clark,號省字一哥,在點部落經常發表 Design Pattern 的技術文章,但鮮為人知的是,他以前的 JavaScript 的實力相當強,也當了很多年的程式設計俱樂部 JavaScript 板板主,所以當時一聽說出版社想出 JavaScript 程式開發的書時,我第一個想到的就是他,他也二話不說答應了,雖說他在寫作過程中一直在喊累,但最終還是完成了。另一位作者 Ian (No.18) 則是 ASP.NET MVP,高雄在地的資深高手,正好適逢他正在推廣 HTML5 之際,所以我委由他來編寫 HTML5 開發 Windows Store App 應用程式的章節,本書的 Chapter 6, Chapter 7 就是出自他的手筆。

期望本書能成為想以 HTML5/JavaScript/CSS3 入門開發 Windows Store App 應用程式的案頭書。

審校序

HTML5在Google與各大瀏覽器主力廠商的推廣之下,儼然己成為一股新興的Web開發強大勢力,主流的瀏覽器幾乎都己支援HTML5,但因為標準不一,使得HTML5的支援度仍有些許落差,但我們可以預見的是,HTML5和原有的HTML相比是一次巨大的翻修與更新,以往JavaScript的角色頂多是輔助性質,HTML5給了JavaScript強大的前端處理功能,再加上新增的HTML5 APIs與瀏覽器互動的功能,讓JavaScript成為十分重要的前端應用的主流程式語言,再加上CSS的能力增強,以及jQuery等使用CSS-like的JavaScript Framework盛行,開發人員也不得不了解CSS的功能以及語法,因此未來身為Web開發人員,必須同時了解前端HTML, JavaScript, CSS以及後端伺服器服務的開發,例如ASP.NET或ASP.NET MVC等。

這次筆者力邀在JavaScript深耕許久的好友Clark主筆JavaScript部份,這個部份和其他書籍內容有相當大的不同,Clark認為要使用JavaScript開發HTML5網頁應用程式必須要熟悉HTML和瀏覽器間的API與動作架構,因此他在這些部份撰寫很多的觀念性內容,尤其是CSS/DOM那兩章相當精彩,想對JavaScript和瀏覽器間互動行為了解更多的讀者絕對不能錯過。

HTML5也被微軟採用為Windows 8 應用程式 (Windows Store App) 的欽定開發平台之一,因此筆者邀請了Ian參與這本書的寫作,並負責Windows Store App的部份,透過他的文字,讀者能很快的了解Windows Store App的開發元素,以及如何使用HTML5加上JavaScript以及WinRT for JavaScript元件庫來開發Windows Store App,最後也說明如何將開發好的Windows Store App上架到Windows Store以供使用者下載使用,非常精采。

最後,希望讀者能透過此書,順利進入HTML5開發以及Windows Store App開發的世界。

導讀

本書是針對 HTML5、CSS3、JavaScript,以及使用前述三大技術來開發 Windows Store App,共四個方向為出發點所撰寫,隨著瀏覽器支援度愈來愈高,對於大部分的前端網頁開發人員來說,HTML5 應該是近期相當受到注目的一個課題。此外,原先在傳統視窗介面的應用程式開發領域裡,前端網頁開發人員幾乎無法以自身已熟知的技術能力參與其中。然而,隨著 Windows Store App 的出現,這個限制已被打破,HTML5、CSS3 及 JavaScript 可以被用來開發 Windows Store App,因此,前端網頁開發人員得以跨越以往的藩籬,進入視窗介面應用程式的開發領域中,這無疑是為前端網頁開發人員開啟了更廣闊的航道。

本書章節在內容安排上,將會先由HTML談起,接續涵蓋著CSS3、HTML5及JavaScript,最後再以Windows Store App實例作為本書的結束,期望帶領讀者們從基礎入門開始學起,最後再配合實務開發,讓您具有一個完整的學習體驗之旅。

Chapter 1 HTML
       執行在瀏覽器上的網頁是由 HMTL 所構成,HTML 可以說是網頁的骨架,開發人員建立的網頁必須要使用 HTML 的標籤,才能在瀏覽器上呈現給客戶使用。本章將為開發人員介紹 HTML 的建置與執行,並對於開發網頁時會接觸到的主要標籤、API參考、物件節點、HTML 與Web關係進行說明。

Chapter 2 CSS
        如果說 HTML 是網頁的骨架,那麼 CSS 就可以說是網頁的皮膚,開發人員建立的網頁必須要經由 CSS 的裝飾才能吸引客戶的目光。本章將為開發人員介紹樣式的組成與套用,並針對開發時最常使用的選擇器、盒子模型、定位模式進行說明,也會在最後一個小節介紹各種排版布局的基礎樣板。

Chapter 3 文件物件模型
        HTML 與 CSS 構成了網頁的骨架與皮膚,而 DOM 則是用來提供開發人員透過程式碼變更 HTML 與 CSS 的工具。本章將為開發人員介紹 DOM 模型的概念與使用,並對於開發時最常使用的節點選擇、節點操作、節點事件進行說明。

Chapter 4 HTML5
        HTML 是一個不斷在進化的標籤語言,目前正在從 HTML4 往 HTML5 的方向進化中。本章將為開發人員介紹 HTML5 的概念,並對於 HTML5 所提供的影像描繪、影音播放、資料儲存、資料傳輸等實用又有趣的新功能來進行說明。

Chapter 5 JavaScript
        JavaScript 是種介於程序導向、物件導向之間的程式語言,是一種簡單、好用、彈性十足的開發工具。本章將為開發人員介紹 JavaScript 的各種語言特性,並對於 JavaScript 如何實現物件導向中的封裝、繼承、多型等概念進行說明,也會在最後一個小節介紹如何在 JavaScript 上實現軟體架構的設計。

Chapter 6 認識 Windows StoreApp 開發
        Windows Store App 在 Windows 8 平台是一種新型態的應用程式。本章將為各位介紹什麼是 Windows Store App,以及開發 Windows Store App 所應事先準備的環境跟工具,並針對現行開發工具Visual Studio 2012所內建的專案範本架構逐一說明,接著談及關於 Windows Store App 的應用程式生命週期及應用協定,為實務開發打下基礎。

Chapter 7 Windows StoreApp 實作
       本章將介紹以 HTML5 + JavaScript 開發 Windows Store App 兩大主軸核心Windows Runtime Library 及 Windows Library for JavaScript,並介紹如何使用WinJS 控制項,最後會以實際開發範例,由開發到正式送審上架做一個完整的示範說明。