從書序

技術背景

隨著互聯網技術的快速發展，Web前端開發作為一種新興的職業，仍在高速發展之中。與此同時，Web前端開發逐漸成為各種軟件開發的基礎，除了原來的網站開發，后來的移動應用開發、混合開發以及小程序開發等，都可以通過Web前端開發再配合相關技術加以實現。因此可以說，社會上相關企業的進一步發展，離不開大量Web前端開發技術人才的加盟。那么，究竟應該如何培養Web前端開發技術人才呢？

Web前端開發技術人才需求分析

叢書設計

為了培養滿足社會企業需求的Web前端開發技術人才，本叢書的編者以實際案例和實戰項目為依托，從3種語言（HTML5、CSS3、JavaScript）和3個框架（jQuery、Vue.js、Bootstrap）入手進行整體布局，編寫完成本叢書。在知識體系層面，本叢書可使讀者同時掌握Web前端開發相關語言和框架的理論知識；在能力培養層面，本叢書可使讀者在掌握相關理論的前提下，通過實踐訓練獲得Web前端開發實戰技能。本叢書的信息如下。

從技術角度來說，HTML5、CSS3和JavaScript這3種語言分別用于編寫Web頁面的“結構”“樣式”和“行為”。這3種語言“三位一體”，是所有Web前端開發者必備的核心基礎知識。jQuery和Vue.js作為兩個主流框架，用于對Web前端開發邏輯的實現提供支撐。在實際開發中，開發者通常會在jQuery和Vue.js中選一個，而不會同時使用它們。Bootstrap則是一個用于實現Web前端高效開發的展示層框架。

本叢書涉及的都是當前業界主流的語言和框架，它們在實踐中已被廣泛使用。讀者掌握了這些技術后，在工作中將會擁有較寬的選擇面和較強的適應性。此外，為了滿足不同基礎和興趣的讀者的學習需求，我們給出以下兩條學習路線。

第一條學習路線：首先學習“HTML5+CSS3”，掌握靜態網頁的制作技術；然后學習交互式網頁的制作技術及相關框架，即學習涉及jQuery或Vue.js框架的JavaScript圖書。

第二條學習路線：首先學習“HTML5+CSS3+Javacript”，然后選擇jQuery或Vue.js圖書進行學習；如果讀者對Bootstrap感興趣，也可以選擇包含Bootstrap的jQuery或Vue.js圖書。

本叢書涵蓋的各種技術所涉及的核心知識點，詳見本書彩插中所示的6個知識導圖。

叢書特點

1.知識體系完整，內容架構合理，語言通俗易懂

本叢書基本覆蓋了Web前端開發所涉及的核心技術，同時，各本書又獨立形成了各自的內容架構，并從基礎內容到核心原理，再到工程實踐，深入淺出地講解了相關語言和框架的概念、原理以及案例；此外，在各本書中還對相關領域近年發展起來的新技術、新內容進行了拓展講解，以滿足讀者能力進階的需求。叢書內容架構合理，語言通俗易懂，可以幫助讀者快速進入Web前端開發領域。

2.以案例講解貫穿全文，憑項目實戰提升技能

本叢書所包含的各本書中（配合相關技術原理講解）均在一定程度上循序漸進地融入了足量案例，以幫助讀者更好地理解相關技術原理，掌握相關理論知識；此外，在適當的章節中，編者精心編排了綜合實戰項目，以幫助讀者從宏觀分析的角度入手，面向比較綜合的實際任務，提升Web前端開發實戰技能。

3.提供在線實訓平臺，支撐開展實戰演練

為了使本叢書所含各本書中的案例的作用最大化，以最大程度地提高讀者的實戰技能，我們開發了針對本叢書的“在線實訓平臺”。讀者可以登錄該平臺，選擇您當下所學的某本書并進入對應的案例實操頁面，然后在該頁面中（通過下拉列表）選擇并查看各章案例的源代碼及其運行效果；同時，您也可以對源代碼進行復制、修改、還原等操作，并且可以實時查看源代碼被修改后的運行效果，以實現實戰演練，進而幫助自己快速提升實戰技能。

4.配套立體化教學資源，支持混合式教學模式

為了使讀者能夠基于本叢書更高效地學習Web前端開發相關技術，我們打造了與本叢書相配套的立體化教學資源，包括文本類、視頻類、案例類和平臺類等，讀者可以通過人郵教育社區（www.ryjiaoyu.com）進行下載。此外，利用書中的微課視頻，通過叢書配套的“在線實訓平臺”，院校教師（基于網課軟件）可以開展線上線下混合式教學。

● 文本類：PPT、教案、教學大綱、課后習題及答案等。

● 視頻類：拓展視頻、微課視頻等。

● 案例類：案例庫、源代碼、實戰項目、相關軟件安裝包等。

● 平臺類：在線實訓平臺、前沿技術社區、教師服務與交流群等。

讀者服務

本叢書的編者連同出版社為讀者提供了以下服務方式/平臺，以更好地幫助讀者進行理論學習、技能訓練以及問題交流。

1.人郵教育社區（http://www.ryjiaoyu.com）

通過該社區搜索具體圖書，讀者可以獲取本書相關的最新出版信息，下載本書配套的立體化教學資源，包括一些專門為任課教師準備的拓展教輔資源。

2.在線實訓平臺（http://code.artech.cn）

通過該平臺，讀者可以在不安裝任何開發軟件的情況下，查看書中所有案例的源代碼及其運行效果，同時也可以對源代碼進行復制、修改、還原等操作，并實時查看源代碼被修改后的運行效果。

在線實訓平臺使用說明

3.前沿技術社區（http://www.artech.cn）

該社區是由本叢書編者主持的、面向所有讀者且聚焦Web開發相關技術的社區。編者會通過該社區與所有讀者進行交流，回答讀者的提問。讀者也可以通過該社區分享學習心得、共同提升技能。

4.教師服務與交流群（QQ群號：368845661）

該群是人民郵電出版社和本叢書編者一起建立的、專門為一線教師提供教學服務的群（僅限教師加入），同時，該群也可供相關領域的一線教師互相交流、探討教學問題，扎實提高教學水平。

掃碼加入教師服務與交流群

叢書評審

為了使本叢書能夠滿足院校的實際教學需求，幫助院校培養Web前端開發技術人才，我們邀請了多位院校一線教師，如劉伯成、石雷、劉德山、范玉玲、石彬、龍軍、胡洪波、生力軍、袁偉、袁乖寧、解歡慶等，對本叢書所含各本書的整體技術框架和具體知識內容進行了全方位的評審把關，以期通過“校企社”三方合力打造精品力作的模式，為高校提供內容優質的精品教材。在此，衷心感謝院校的各位評審專家為本叢書所提出的寶貴修改意見與建議。

致謝

本叢書由前沿科技的溫謙編著，編寫工作的核心參與者還包括姚威和谷云婷這兩位年輕的開發者，他們都為本叢書的編寫貢獻了重要力量，付出了巨大努力，在此向他們表示衷心感謝。同時，我要再次由衷地感謝各位評審專家為本叢書所提出的寶貴修改意見與建議，沒有你們的專業評審，就沒有本叢書的高質量出版。最后，我要向人民郵電出版社的各位編輯表示衷心的感謝。作為一名熱愛技術的寫作者，我與人民郵電出版社的合作已經持續了二十多年，先后與多位編輯進行過合作，并與他們建立了深厚的友誼。他們始終保持著專業高效的工作水準和真誠敬業的工作態度，沒有他們的付出，就不會有本叢書的出版！

聯系我們

作為本叢書的編者，我特別希望了解一線教師對本叢書的內容是否滿意。如果您在教學或學習的過程中遇到了問題或者困難，請您通過“前沿技術社區”或“教師服務與交流群”聯系我們，我們會盡快給您答復。另外，如果您有什么奇思妙想，也不妨分享給大家，讓大家共同探討、一起進步。

最后，祝愿選用本叢書的一線教師能夠順利開展相關課程的教學工作，為祖國培養更多人才；同時，也祝愿讀者朋友通過學習本叢書，能夠早日成為Web前端開發領域的技術型人才。

溫謙

資深全棧開發工程師

前沿科技CTO