1 為什么要學習前端
Web前端作為近幾年非�；鸬能浖�開發(fā)崗位，得到了許多人的青睞。Web前端即網(wǎng)站前臺部分，也叫前端開發(fā)，運行在PC端、移動端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁。隨著互聯(lián)網(wǎng)技術的發(fā)展，HTML5、CSS3、前端框架的應用，跨平臺響應式網(wǎng)頁設計能夠適應各種屏幕分辨率，完美的動效設計給用戶帶來極高的用戶體驗。
HTML、CSS、JavaScript是前端開發(fā)中最基本也是最重要的三個技能。在頁面布局時，HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現(xiàn)相應的效果和交互。雖然表面看起來很簡單，但這里面需要掌握的東西絕對不少。在進行開發(fā)前，需要將這些概念弄清楚，這樣在開發(fā)的過程中才會得心應手。
學習前端開發(fā)技術有很大的優(yōu)勢：
· Web前端開發(fā)入門門檻很低，且市場的缺口很大，前景非常好。
· Web前端需要更少的邏輯思維，對計算機和物聯(lián)網(wǎng)的知識也比嵌入式系統(tǒng)少。所以，只要你想進入網(wǎng)絡前端行業(yè)，有正確的學習態(tài)度和學習耐心，即使你是零基礎，也可以學好。
· 在移動行業(yè)，Web前端開發(fā)工程師是高薪的代名詞，隨著工作年限的增加，工資也相應增加。
2 為什么要選擇本書
本書編寫模式采用基礎知識 + 中小實例 + 實戰(zhàn)案例 + 課后作業(yè)，內(nèi)容由淺入深，循序漸進，從入門中學習實戰(zhàn)應用，從實戰(zhàn)應用中激發(fā)學習興趣。
（1）本書是Web前端零基礎的啟蒙之書
隨著網(wǎng)絡的不斷發(fā)展和成熟，前端知識已經(jīng)應用到我們的生活中，大到公司網(wǎng)頁的制作，小到手機游戲，都要用到前端的相關知識。但隨之而來也出現(xiàn)了很多問題：很多人不知道如何入門HTML、如何學習CSS的選擇器以及如何利用JavaScript制作網(wǎng)頁特效，或者很多人只能局限于簡單的模仿，特別是在實際應用上，與前端設計師的水平總是有些差距。鑒于此，我們編寫此書，旨在通過本書的實例講解以及專家指點，給讀者帶來一定的啟發(fā)。
（2）全書覆蓋Web前端開發(fā)的知識內(nèi)容
本書以敏銳的視角、簡練的語言，結合前端設計行業(yè)的特點，對HTML、CSS和JavaScript進行了全方位講解。書中幾乎囊括了目前前端設計的所有應用知識點，保證讀者能夠?qū)W以致用，更快地入門前端開發(fā)。
（3）理論實戰(zhàn)緊密結合，徹底擺脫紙上談兵
本書包含大量的案例，既有針對一個元素的小案例，也有綜合總結性的大案例，所有的案例都經(jīng)過了精心設計。讀者在學習本書的時候可以通過案例更好、更快、更明了地理解知識并掌握應用，同時這些案例也可以在開發(fā)時候直接引用。
3 本書的讀者對象
從事平面設計的工作人員
培訓班中學習前端設計的學員
對前端設計有著濃厚興趣的愛好者
零基礎想轉行到前端的人員
有想進入IT行業(yè)想法的人員
有空閑時間想掌握更多技能的辦公室人員
高等院校相關專業(yè)的師生
4 學習本書的方法
想要學好前端，關鍵要看自己的態(tài)度，下面給出一些學習建議：
（1）學習前端要從概念入手
拿到本書后，會看到HTML、CSS、JavaScript的概念，只有學會這三種語言，在理解的基礎上才能進行應用。要吃透這些語法、結構的應用例子，才能做到舉一反三。
（2）多動手實踐
起步階段問題自然不少，要做到沉著鎮(zhèn)定，不慌不亂，先自己思考問題出在何處，并動手去解決，可能有多種解決方法，但總有一種是更高效的。親自動手進行程序設計是創(chuàng)造性思維應用的體現(xiàn)，也是培養(yǎng)邏輯思維的好方法。
（3）多與他人交流
每個人的思維方式不同、角度各異，所以解決方法也會不同，通過交流可不斷吸收別人的長處，豐富前端實踐，幫助自己提高水平�？梢栽谏磉呎乙粋�學習前端的人，水平高低不重要，重要的是能夠志同道合地一起向前走。
（4）要不斷學習并養(yǎng)成良好的習慣
前端入門不難，但日后不斷學習很重要。在此期間要注意養(yǎng)成一些良好的編寫習慣。良好的編程風格可以使程序結構清晰合理，且使程序代碼便于維護。如代碼的縮進編排、規(guī)則的一致性、代碼的注釋等。
總之，學習前端就是一個“理論→實踐→再理論→再實踐”的認知過程。在這條路子上行走，每個人都會遇到“瓶頸期”，會覺得自己之前學的都一無用處，遇到的問題根本無法解決，這時候就要回頭看，回頭來再學習一些基礎理論。學過之后，很多以前遇到的問題都會迎刃而解，使人有豁然開朗之感。
本書用通俗的語言、合理的結構對Web前端的知識進行了細致的剖析。幾乎每個章節(jié)都有大量二維碼，手機掃一掃，可以隨時隨地看視頻，體驗感非常好。從配套到拓展，資源庫一應俱全。全書上百個案例豐富詳盡，跟著案例去學習，邊學邊做，從做中學，學習體驗可以更深入、更高效。最后祝大家學有所成。
5 本書包含哪些內(nèi)容
本書是一本介紹HTML、CSS和JavaScript開發(fā)技術的實用圖書。全書可分為4個部分。
第1～9章主要是對HTML知識的講解，從HTML基礎知識講起，全面介紹了HTML和HTML5的全部標簽和內(nèi)容，內(nèi)容包括：表單、表格、列表、鏈接、HTML5新增屬性、canvas繪圖、定位、拖拽和存儲等知識。
第10～17章主要是對CSS知識的講解，詳細介紹了CSS 和CSS3的絕大部分常用選擇器、屬性，并為這些選擇器、屬性提供了示例，這部分內(nèi)容涵蓋了CSS定位、盒模型、動畫、轉換、變色和自適應等知識。
第18～22章主要是對JavaScript編程的相關內(nèi)容進行了講解，包括JavaScript基礎語法、JavaScript函數(shù)、JavaScript對象、DOM編程，這些內(nèi)容覆蓋了初學者的編程基礎。
第23章是一個綜合項目開發(fā)，綜合運用了HTML 5、CSS3和JavaScript等知識制作了一個網(wǎng)站。通過對整個項目的學習，既可讓讀者鞏固前面所掌握的各種知識，也可讓讀者將所學理論運用到實際開發(fā)中。
本書在編寫過程中力求嚴謹細致，但由于時間與精力有限，疏漏之處在所難免。讀者在學習過程中若遇到問題，可聯(lián)系QQ 1908754590與筆者交流。

編著者