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

編著者