系統學習前端----方向篇

什麼是前端？

官方一點的回答是： 前端即網站前臺部分，運行在PC端，移動端等瀏覽器上展示給用戶瀏覽的網頁。

通俗的理解就是： 作出頁面，實現邏輯交互，最後進行數據交互。【不是切圖仔了。。。】

 

入門標準

入門標準很簡單，HTML/CSS/JavaScript 是基礎，前端必需要掌握的，如今這個階段，想要參與公司實際項目開發，確定還要掌握其餘一些主流的框架體系，由於使用主流框架可以很大程度提升開發效率，節省開發成本。

 

趨勢

幾年前， jQuery + Bootstrap能夠說是一統江湖，學會這個套路，從業無憂。而這幾年，隨着Vue、React、Angular等框架的興起，前端領域變得愈來愈豐富多彩。這幾年，Web 前端的技術發展真是太快了，相應地，技術棧也就變得很是多，除了最基本的HTML/CSS/JavaScript，以及Vue/React/Angular等這些 JavaScript 框架和各自的生態體系，還有 CSS 預處理器Sass/Less/Stylus，還有TypeScript，還有grunt/webpack/gulp等各類打包構建工具，還有其餘一大堆技術棧。

看到這裏，相信不少剛從業前端開發這個職業的同行，會被嚇到，其實否則。主流框架，咱們只須要選其一，深刻學習技術背後的編程思想、設計思想、架構思想等。主流的框架主要思想都是組件化。

 

咱們分三條線展開講

 

Tip1:  0基礎準備從事前端行業

 

學習路線：

 

一、學習掌握HTML/CSS/javascript【基礎必定要掌握】

        PS： 樓房建得有多高，地基很重要

二、學習一個主流的js前端框架

三、瞭解已經學習的前端框架的原理

四、自我提高。。。

 

學習資源： 

前端入門

JavaScript高級程序設計  【密碼：xdom】

JavaScript視頻 【李炎恢JavaScript教程 第一季】

ES6標準入門 【阮一峯】

 

 

Tip2: 寫給從事產品行業的

 

做爲產品，我的建議不須要掌握前端技術的細節，只須要掌握如下幾點就足夠了：

 

一、瞭解前端是什麼，能夠實現什麼，公司使用的前端框架是什麼，對應的框架是作什麼的，能解決什麼問題

二、瞭解前端開發人員與後臺服務器交互的方式有哪些

三、學習一點跟數據庫有關的知識

四、大概瞭解如下後臺服務語言有哪些，能作什麼（稍微瞭解下就足夠了，不必深刻）

 

 

Tip3: UI

 

做爲一個優秀的設計師，我的以爲須要考慮的只有兩點：

 

一、 頁面的設計，除了視覺效果要好，用戶體驗要好，若是能夠實現高複用，那麼無疑是成功的。

二、 在團隊中設計師，若是能夠根據團隊的技術水平來作設計，無疑是最明智的。

    【設計出來的東西，團隊裏面的人員，水平不到，實現不了。。。尷尬.gif】

 

總結

前端的技術棧其實不少，並且突飛猛進，一直在更新迭代。

因此對前端認識不深的，我的建議， HTML/CSS/JavaScript，這三大件必定要掌握好。

而後 HTML五、CSS三、ES6，也是須要學習的方向，接着學習目前流行的 JavaScript 框架，我的建議 Vue 開始，不但容易入門，找工做也容易許多，國內的公司vue使用率是相對較高的。

vue要掌握的技術棧包括 vue + vue-router + vuex + vue-cli + axios + sass + webpack。

最後，node.js 也要了解下的。

 

一篇打怪升級的前端方向，就先寫到這裏啦。