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

什么是前端？

官方一點的回答是： 前端即網站前台部分，運行在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基礎准備從事前端行業

 

學習路線：

 

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

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

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

3、了解已經學習的前端框架的原理

4、自我提升。。。

 

學習資源： 

前端入門

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

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

ES6標准入門 【阮一峰】

 

 

Tip2: 寫給從事產品行業的

 

作為產品，個人建議不需要掌握前端技術的細節，只需要掌握以下幾點就足夠了：

 

1、了解前端是什么，可以實現什么，公司使用的前端框架是什么，對應的框架是做什么的，能解決什么問題

2、了解前端開發人員與后台服務器交互的方式有哪些

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

4、大概了解以下后台服務語言有哪些，能做什么（稍微了解下就足夠了，沒必要深入）

 

 

Tip3: UI

 

作為一個優秀的設計師，個人覺得需要考慮的只有兩點：

 

1、 頁面的設計，除了視覺效果要好，用戶體驗要好，如果可以實現高復用，那么無疑是成功的。

2、 在團隊中設計師，如果可以根據團隊的技術水平來做設計，無疑是最明智的。

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

 

總結

前端的技術棧其實很多，而且日新月異，一直在更新迭代。

所以對前端認識不深的，個人建議， HTML/CSS/JavaScript，這三大件一定要掌握好。

然后 HTML5、CSS3、ES6，也是需要學習的方向，接着學習目前流行的 JavaScript 框架，個人建議 Vue 開始，不但容易入門，找工作也容易許多，國內的公司vue使用率是相對較高的。

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

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

 

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

 

 歡迎關注公眾號，進一步技術交流：