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

編著者