前言

隨著Web前端開發技術的快速發展，一方面歸功于移動互聯網的大規模普及及廠商對用戶體驗的高度關注；另一方面，由于移動端操作系統主要集中于iOS和Android，而每一家移動互聯網公司都必須要為其App產品開發兩套系統，去適配數百款移動終端，研發和維護成本居高不下。這些前提都讓基于移動互聯網的HTML5技術得以快速發展。由近年的趨勢基本可以判斷，將會有越來越多的廠商把前端開發的重心移向Web。

在這樣一個時代背景下，越來越多的從業者將加入Web前端開發工程師的隊伍當中。同時，隨著HTML、CSS和JavaScript等技術規范的進一步升級及瀏覽器廠商的大力支持，Web瀏覽器扮演的角色將會越來越重要，甚至不可或缺。所以，寫一本書普及一下Web前端開發最核心的技術，對于作者來說是一件非常有價值、有意義的事。

那么，通過怎樣的寫作方式，能夠更好地傳播這些技術呢？作者通過16年實際研發經驗及近10年的講師經驗得到一些啟發。要有效地傳播知識，最好的方式并非眉飛色舞地演講，而是讓大家實戰，進而總結思路，優化思路，進一步突破。所以本書在寫作之初，就定了一個基本前提——“全程實戰”，一切知識點的講解和思路的梳理，都是為書中的實戰案例做準備的。軟件開發本來就是一門實戰出真理的手藝，過多的口水戰顯得毫無意義，當然，單純抄寫代碼，沒有形成一套有效解決問題的思路和方法，那也注定只是一些假把式，離高手之路只能越來越遠。

作為“蝸牛學院”的Web前端開發工程師訓練營的核心教材，本書通過知識點講解、實例講解、項目實戰三大步驟，可以有效地幫助讀者把Web前端開發的三大核心技術HTML、CSS和JavaScript進行系統性的梳理，并且將其納入真實的項目場景中，幫助讀者更好地理解和應用這些技術。其中，HTML部分主要講解標準的標簽及屬性的應用及在排版內容上的優化，CSS部分重點講解目前通用的Web頁面樣式設置方式，通過將HTML和CSS進行有效的結合，可以制作出一個專業的Web頁面甚至開發一個站點。但是HTML和CSS主要用于內容的美化與展現，還無法做到與用戶進行有效的交互，這便是JavaScript之所長。

本書可以作為高校計算機相關專業學生的教學用書，也可以作為Web前端開發愛好者的實戰寶典。如果作為高校教材，建議授課時間在64課時以上，且優先考慮在機房進行授課。如果是Web前端開發愛好者使用，也同樣建議將書中的每一個練習和項目都完整地完成一遍，甚至兩遍。這樣才能具備了一個Web前端開發工程師的核心能力，剩下的只是解決更加具體的業務和應用場景而已。

在本書的寫作過程中，我的同事和家人給予了很大的理解和支持。在此對我的同事李懿、陳南、陳華、胡平等表示真誠的感謝。最后，非常感謝蝸牛學院的學員們，是我們無數個日夜的教與學以及師生之間的大量討論，成就了本書案例和思路的成型。

讀者可以通過蝸牛學院的在線課堂（網址為：http://www.woniuxy.com）進行學習，下載配套視頻和源代碼。相應資源也可登錄人民郵電出版社教育社區進行下載。如果需要與作者進行技術交流或商務合作，可添加微信或QQ15903523，或添加QQ群645859048，或訪問作者原創學習網站：http://www.bossqiang.com均可，當然，也可以直接發送郵件至dengqiang@woniuxy.com。

由于作者經驗和水平有限，書中疏漏之處在所難免，歡迎讀者朋友們批評指正。

編者

2017年5月