移動Web前端開發(fā)是移動互聯(lián)網(wǎng)時代觸屏網(wǎng)站、App等互聯(lián)網(wǎng)產(chǎn)品開發(fā)中重要的組成部分。移動Web前端開發(fā)技術(shù)日新月異,本書立足技術(shù)標準和教學需要,注重基礎(chǔ)知識,并且輔助持續(xù)更新的線上實際案例。全書共分10章:第1~2章介紹移動Web前端的發(fā)展和現(xiàn)狀以及開發(fā)環(huán)境的搭建;第3章介紹標準的HTML 5語言;第4~5章介紹CSS語言,涵蓋標準的屬性和布局方法;第6~7章介紹移動Web前端的核心語言JavaScript;第8章講解響應式框架Bootstrap;第9~10章講解HTML 5的API和Vue。
本書適合作為高等學校數(shù)字媒體類相關(guān)專業(yè)的本科生教材,也可作為相關(guān)開發(fā)人員的實踐參考用書。
① 教學內(nèi)容與當前國家、社會就業(yè)市場需求緊密結(jié)合;
② 突出實用性,強調(diào)“技能”,面向問題,面向應用;
③ 應用性和概念性、知識性內(nèi)容相結(jié)合,且均與時俱進,具有先進性;
④ 知識內(nèi)容模塊化組織,可供不同院校根據(jù)專業(yè)需求進行選用,具有良好的教學適用性,文理兼顧;
⑤ 在教材的編寫風格上,將教材的嚴肅性和學生的閱讀興趣相結(jié)合,讓讀者能融入案例所設(shè)定的人物角色,更容易理解人物角色的工作思路。
前 言
Preface
Web前端技術(shù)發(fā)展日新月異,涉及的知識面極為廣泛,本書以移動互聯(lián)網(wǎng)背景下的前端技術(shù)為背景,總結(jié)提煉了移動Web前端的實戰(zhàn)經(jīng)驗,全面涵蓋了移動Web前端包括的所有知識點,其中主要包括:
處于移動Web前端結(jié)構(gòu)層的HTML 5:涵蓋了創(chuàng)建標準兼容、語義化的新一代HTML 5網(wǎng)站的所有基礎(chǔ)知識,并囊括實現(xiàn)HTML 5核心語言的HTML 5生態(tài)系統(tǒng)和相關(guān)API。
處于移動Web前端表現(xiàn)層的CSS3:詳細講解了選擇器、邊框、背景、文本、顏色、盒模型、伸縮布局盒模型、多列布局、漸變、過渡、動畫、媒體、響應Web設(shè)計、Web字體等主題下涵蓋的所有CSS3新特性。
處于移動Web前端行為層的JavaScript:JavaScript正以驚人的速度成為各種應用程序的通用語言,包括Web、桌面、云和移動設(shè)備上的應用程序。本書內(nèi)容涵蓋JavaScript語言的所有細節(jié),以及客戶端JavaScript,包括HTML5和相關(guān)標準定義的JavaScript API以及Web瀏覽器實現(xiàn)的API。
響應式框架Bootstrap:Bootstrap是流行的Web前端開發(fā)框架,在幫助交付穩(wěn)定成果的同時,能大幅提升工作效率。本書詳盡地介紹了Bootstrap框架相關(guān)技術(shù)在Web和移動Web開發(fā)領(lǐng)域的應用,深入理解Bootstrap框架相關(guān)的知識點。
前端框架Vuejs:Vue作為發(fā)展最為迅速的前端MVVM框架,越來越受到前端開發(fā)工程師的青睞。本書涵蓋Vuejs的基礎(chǔ)知識、組件以及過渡動畫等內(nèi)容。
移動Web前端技術(shù)發(fā)展迅速,初學者容易迷失在各種實戰(zhàn)和案例之中,往往忽視對技術(shù)標準、基礎(chǔ)知識以及基本概念的理解和掌握,只有深刻理解國際現(xiàn)行的技術(shù)標準,夯實對基礎(chǔ)知識和基本概念的理解,才能更加游刃有余地應對不斷變化的前端技術(shù)棧。
本書主要針對高等學校數(shù)字媒體類相關(guān)專業(yè)的本科教學而編寫,適合作為網(wǎng)頁設(shè)計和開發(fā)等相關(guān)課程的教材,同時也適合移動開發(fā)者和Web前端開發(fā)者,以及其他對移動Web前端技術(shù)感興趣的讀者閱讀。
本書共分10章,每章的具體內(nèi)容如下所述:
第1章概述移動Web前端,講述了移動Web前端的發(fā)展歷程與現(xiàn)狀,針對移動Web前端的相關(guān)疑問做了相應解答。
第2章講述移動Web開發(fā)環(huán)境的搭建,包括Sublime Text編輯器、Emmet插件以及Nodejs環(huán)境的安裝。
第3章講述移動Web前端的結(jié)構(gòu)層——HTML 5,從國際標準和語義化的角度全面講解了HTML 5所涵蓋的標簽和屬性。
第4章講述Web前端的表現(xiàn)層——CSS,詳細解讀了CSS的標準語法、引入方式和基本屬性的使用。
第5章進一步講解CSS的布局方式,講解了CSS的定位、布局方式、伸縮盒布局以及過渡、動畫等內(nèi)容。
第6章講述Web前端的行為層——JavaScript語言,JavaScript語言可以說是移動Web前端的核心開發(fā)語言,本章詳細講解了JavaScript的語法細節(jié)。
第7章講述作為Web客戶端的JavaScript語言,講解了使用JavaScript語言操縱文檔、CSS、事件以及Ajax等內(nèi)容。
第8章講述響應式CSS框架——Bootstrap,詳細講解了Bootstrap的環(huán)境搭建、網(wǎng)格原理以及各種樣式的使用方法。
第9章講述了HTML 5的API,包括使用JavaScript語言來腳本化音視頻、畫布、離線應用等內(nèi)容。
第10章講述了前端框架Vuejs,講解了Vuejs的基礎(chǔ)知識,包括實例、模板語法、計算屬性、組件以及過渡動畫等內(nèi)容。
通過本書的學習,讀者可對移動Web前端包含的主要技術(shù)有全面的認識,書中對每個知識點的國際標準和知識點都做了詳細的講解,為后續(xù)的學習打下良好的基礎(chǔ)。
本書由陳童、李穎、王妍任主編,李佳賓、晏家和、呂慎花和尹春澤任副主編,其中第1章由陳童、李穎編寫,第2章由陳童、王妍編寫,第3~5章由陳童、李佳賓、晏家和編寫,第6、7章和第9章由陳童、呂慎花和尹春澤編寫,第8章和第10章由李佳賓編寫,全書由陳童負責統(tǒng)稿。本書主要由工大極客(http://wwwhitgeekercom/)前端團隊編寫,在編寫過程中參考了很多相關(guān)書籍和資料,在此向這些書籍及資料的作者表示感謝。
由于編者技術(shù)及學識水平有限,書中難免有疏漏之處,懇請廣大讀者批評指正。意見或建議請發(fā)郵箱:tonghit@vip163com。
讀者也可以關(guān)注我們的微信公眾號:哈工大Web前端。編者博客:http://wwweveryinchnet/,本書相關(guān)勘誤或與本書相關(guān)的信息都發(fā)布在上面。書中源碼下載地址:http://wwwtdpresscom/51eds或https://giteecom/tonghit/mobile_frontend。
最后,感謝李松林老師、王占清編輯對本書出版工作的付出。同時,感謝我的父母和家人對我工作的支持;特別感謝我的女兒,你的笑容是我不斷前行的動力。
陳童
2019年8月
陳童,男,碩士,工程師,2002年畢業(yè)于哈爾濱工業(yè)大學。多年從事網(wǎng)站設(shè)計與實現(xiàn)、站技術(shù)演進與形態(tài)構(gòu)造、用戶體驗設(shè)計、廣告效果研究、二維動畫軟件系統(tǒng)、網(wǎng)頁設(shè)計軟件系統(tǒng)的教學。參與國家社科項目、省部級項目多項。李穎,碩士,安徽工程大學教師,從事網(wǎng)站設(shè)計與開發(fā)課程教學多年,教學經(jīng)驗豐富。王妍,博士,教授,哈爾濱工業(yè)大學教師,從事設(shè)計心理學教學多年,教學經(jīng)驗非常豐富。