Web前端所需要的知識技能及學習路徑

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

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

Web前端開發(fā)所需要的知識技能及學習路徑

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

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

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

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

JQuery和bootstrap可以簡化編寫的代碼量，使用起來非常愉快。但是對于基礎不是很扎實的人建議少用。Ajax和json通常用于與后端交互，在實際業(yè)務中也經(jīng)常用到。

3. Git/SVN。

版本管理工具主要用于團隊開發(fā)時避免文件沖突，也可以歸檔。前端建議學習Git。

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

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

5. ECMAScript 6。

JavaScript的語言標準。ES6增加了很多新概念，彌補了以前版本JS的很多缺陷。越來越多的項目開始使用ES6進行開發(fā)。較好先了解ES5再學習。目前考慮到實際項目中的兼容性，ES6需要由Babel編譯成ES5進行部署。

6. Angular/React/Vue。

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

7. 其他常用工具。

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

8. 其他后端編程語言。

目前對前端基本都要求是會一門后端語言， PHP / JAVA / Nodejs / Python 等。

學習編程重要的還是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鉆研的精神是必不可少的。有興趣的話也可以自己搭建一個技術 博客 ，往 github 上傳幾個 開源 項目，這些都是不錯的點。