Web前端所需要的知識(shí)技能及學(xué)習(xí)路徑

隨著web前端的發(fā)展，越來(lái)越多的人開(kāi)始學(xué)習(xí)Web前端。移動(dòng)互聯(lián)網(wǎng)時(shí)代，我們相信我們每個(gè)人的手機(jī)上都安裝了幾十個(gè)應(yīng)用，而這些應(yīng)用的發(fā)展與web前端的流行發(fā)展息息相關(guān)。Web前端開(kāi)發(fā)所需要的知識(shí)技能及學(xué)習(xí)路徑。

事實(shí)上，超過(guò)一半的應(yīng)用程序是以混合模式開(kāi)發(fā)的，即結(jié)合安卓和網(wǎng)絡(luò)技術(shù)。也有一些純粹在網(wǎng)絡(luò)上開(kāi)發(fā)的應(yīng)用，比如QQ空間，大家都知道，就是利用Web前端的React Native技術(shù)開(kāi)發(fā)的。除了APP之外，我們經(jīng)常在手機(jī)上看到的H5頁(yè)面，主要是通過(guò)Web上的HTML5技術(shù)開(kāi)發(fā)的。當(dāng)然，Web前端不僅限于前端網(wǎng)頁(yè)和應(yīng)用，還涉及到服務(wù)器端、桌面級(jí)應(yīng)用甚至VR。

Web前端開(kāi)發(fā)所需要的知識(shí)技能及學(xué)習(xí)路徑

1.HTML5+css3+JavaScript是web開(kāi)發(fā)的基礎(chǔ)。

Html是網(wǎng)頁(yè)結(jié)構(gòu)的負(fù)責(zé)人， CSS是網(wǎng)頁(yè)樣式的負(fù)責(zé)人， JS是邏輯交互的負(fù)責(zé)人。前二者更像標(biāo)記語(yǔ)言，沒(méi)有邏輯，因此 JS是前端的首要任務(wù)。HTML 5中的大多數(shù)新技術(shù)需要與 JS結(jié)合使用。每一個(gè)人的學(xué)習(xí)進(jìn)度都不同。這一階段主要是多個(gè)模擬站，熟悉基礎(chǔ)，嘗試用 CSS編寫(xiě)響應(yīng)頁(yè)面，深入了解 JS，例如原型鏈，閉包，設(shè)計(jì)模式等等。要通過(guò)實(shí)踐逐步了解和掌握，需要不斷積累。

2.JQuery+BootStrapt+Ajax+JsonjQuery是JS的應(yīng)用庫(kù)，可以提高本地JS的開(kāi)發(fā)效率。

Bootstrap是響應(yīng)框架，更簡(jiǎn)單地實(shí)現(xiàn)手機(jī)/平板/PC多個(gè)設(shè)備的頁(yè)面支持。Ajax技術(shù)可以在不刷新頁(yè)面的情況下更新數(shù)據(jù)。Json是一種數(shù)據(jù)形式，廣泛應(yīng)用于各種編程語(yǔ)言。

JQuery和bootstrap可以簡(jiǎn)化編寫(xiě)的代碼量，使用起來(lái)非常愉快。但是對(duì)于基礎(chǔ)不是很扎實(shí)的人建議少用。Ajax和json通常用于與后端交互，在實(shí)際業(yè)務(wù)中也經(jīng)常用到。

3. Git/SVN。

版本管理工具主要用于團(tuán)隊(duì)開(kāi)發(fā)時(shí)避免文件沖突，也可以歸檔。前端建議學(xué)習(xí)Git。

4. Nodejs + Mysql /MongoDB(可選)。

在服務(wù)器方面運(yùn)行的JavaScript。Express是擴(kuò)展MVC框架。其中nodejs較常用的是npm包管理器，不需要在各個(gè)網(wǎng)站下載資源包。數(shù)據(jù)庫(kù)的學(xué)習(xí)可以選擇MongoDB或MySQL，前者與Nodejs的適應(yīng)性更好，但現(xiàn)在很多網(wǎng)站都是PPHP電腦+Mysql的組合，如果有學(xué)習(xí)PHP的計(jì)劃的話，可以先學(xué)習(xí)Mysql。

5. ECMAScript 6。

JavaScript的語(yǔ)言標(biāo)準(zhǔn)。ES6增加了很多新概念，彌補(bǔ)了以前版本JS的很多缺陷。越來(lái)越多的項(xiàng)目開(kāi)始使用ES6進(jìn)行開(kāi)發(fā)。較好先了解ES5再學(xué)習(xí)。目前考慮到實(shí)際項(xiàng)目中的兼容性，ES6需要由Babel編譯成ES5進(jìn)行部署。

6. Angular/React/Vue。

這三種框架，每個(gè)生態(tài)系統(tǒng)都有，根據(jù)自己的需要來(lái)選擇學(xué)習(xí)?，F(xiàn)在， Angular是企業(yè)較大的需求，但是從較近的趨勢(shì)來(lái)看， react和 vue更為流行。由于前端技術(shù)的飛速發(fā)展，工具和框架的更新比書(shū)本更新更快，因此推薦大家學(xué)習(xí)中的較佳文檔。使用各種施工工具的次數(shù)在學(xué)習(xí)過(guò)程中經(jīng)常發(fā)生。

7. 其他常用工具。

這也是根據(jù)需求自行選擇學(xué)習(xí)的。常用的現(xiàn)在有Webpack，可以包裝ES6/AMD/CMD等多種編程風(fēng)格的文件，可以識(shí)別和編譯成瀏覽器可以運(yùn)行的文件。Sass/Less、CSS預(yù)編譯框架可以通過(guò)邏輯編寫(xiě)CSS代碼。Gulp/Grunt構(gòu)建工具可以自動(dòng)壓縮代碼等工作。

8. 其他后端編程語(yǔ)言。

目前對(duì)前端基本都要求是會(huì)一門(mén)后端語(yǔ)言， PHP / JAVA / Nodejs / Python 等。

學(xué)習(xí)編程重要的還是實(shí)踐，多敲代碼，多去嘗試。獨(dú)立解決問(wèn)題的能力、探究鉆研的精神是必不可少的。有興趣的話也可以自己搭建一個(gè)技術(shù) 博客 ，往 github 上傳幾個(gè) 開(kāi)源 項(xiàng)目，這些都是不錯(cuò)的點(diǎn)。