如何成為優(yōu)秀的前端人員web前端學(xué)習(xí)之路需勇于專研

在Web開發(fā)的道路上，每當(dāng)心力交瘁深感學(xué)海無涯時(shí)，我就會(huì)安慰自己：堅(jiān)持，總有一天我會(huì)打通任督二脈（前端+后端）

事實(shí)上，這不是一篇我的心得，而僅僅是把我自己的這個(gè)問題擺出來，希望通過文字幫助梳理下。寫和想有很大的不同，寫出來后自己先讀一遍，就好像新的想法跟自己對(duì)話，想法碰撞出新的思路，修改重新寫，確實(shí)是一個(gè)幫助”深層次“思考、思考到底的好方法。下面的文字都是刪改N次后留下的終的想法，相信后期回頭來看時(shí)還會(huì)有不同的見解。一個(gè)佛山網(wǎng)站建設(shè)零度網(wǎng)絡(luò)前端人員的感觸！

自從踏入互聯(lián)網(wǎng)開發(fā)的道路(since 2013.3), 浩瀚，日新月異的開源技術(shù)讓我這個(gè)有著學(xué)習(xí)計(jì)劃強(qiáng)迫癥的小白經(jīng)常陷入這樣的夢(mèng)靨：計(jì)劃多，實(shí)施少，學(xué)不完..

今天早上看了開源上的一篇博文你是否應(yīng)該成為一名全棧工程師？

其中作者給了這樣的建議：

如果想要向著全棧工程師的方向邁進(jìn)，你應(yīng)該掌握很多知識(shí)與技能，并且熟悉上面提到的各種組件。

此外，還要提升自己的個(gè)人溝通技能，這樣才能管理并與 前端與后端開發(fā)者實(shí)現(xiàn)較好的協(xié)作。

好消息是未來對(duì)于每一類Web開發(fā)者來說都是光明的，無論是前端、后端，還是全棧。

要堅(jiān)持學(xué)習(xí)一切有價(jià)值的東西；掌握新的框架、語言與平臺(tái)；并且與開發(fā)者同事及終用戶保持高效的溝通。

在這種情況下，無論世界發(fā)生什么變化，你都會(huì)始終立于不敗之地。

OK, 學(xué)不完的互聯(lián)網(wǎng)技術(shù)是毋庸置疑的了，那我應(yīng)該怎么做？

個(gè)人項(xiàng)目/團(tuán)隊(duì)項(xiàng)目 - 項(xiàng)目定位

程序員圈里經(jīng)常討論的”全棧工程師“，在我看來，先要有個(gè)前提條件，”為什么“要做全棧？

• (個(gè)人)純粹為了學(xué)習(xí)實(shí)踐互聯(lián)網(wǎng)[流行的新技術(shù)]，那這個(gè)”全棧工程師“真的很難，要付出很大的時(shí)間和精力才跟得上這”潮流“, 基礎(chǔ)技能List：
  • Linux/Git/Pip/Npm/Composer…
  • Apache/Nginx
  • Mysql/MongoDb/Redis..
  • PHP/Python/NodeJS
  • Javascript/jQuery/ExpressJS/AngularJS/ReactJs…
  • HTML/HTML5
  • CSS/CSS3/SAAS
  • 瀏覽器開發(fā)工具與調(diào)試器
• (個(gè)人)為了實(shí)現(xiàn)某個(gè)項(xiàng)目(假設(shè)只是個(gè)網(wǎng)站)，那很容易，根據(jù)項(xiàng)目類型和你自己的技能情況確定架構(gòu)，定”一個(gè)棧“即可
  • LAMP+Bootstrap 重后端輕前端
    • Linux/Git/Pip/Composer…
    • Apache/Nginx
    • Mysql
    • PHP/Python
    • 一天入門Bootstrap庫
  • MEAN+ThinkPHP 重前端輕后端
    • Linux/Git/Pip/Npm…
    • MongoDb/Redis..
    • NodeJS/PHP
    • Javascript/jQuery/ExpressJS/AngularJS/ReactJs…
    • HTML/HTML5
    • CSS/CSS3/SAAS
    • 瀏覽器開發(fā)工具與調(diào)試器
    • 一天入門ThinkPHP框架
• (團(tuán)隊(duì))就是一個(gè)商業(yè)化的成熟項(xiàng)目，前后端都很重
  • 前端工程師[深入]挖掘潮流的前端工具和庫，對(duì)前端高性能負(fù)責(zé);根據(jù)自身項(xiàng)目業(yè)務(wù)搭建自己的前端框架
    • 筆者能力有限，就不列清單了
  • 后端工程師[深入]研究高并發(fā)大流量以及數(shù)據(jù)性能，對(duì)后端高性能負(fù)責(zé);根據(jù)自身項(xiàng)目業(yè)務(wù)搭建自己的后端框架
    • 筆者能力有限，就不列清單了

注意，上面列出的都是”基礎(chǔ)技能“List，要是商業(yè)化的大型項(xiàng)目，清單長(zhǎng)度和技能深度都要翻個(gè)番;
當(dāng)然，大型項(xiàng)目中，每個(gè)工程師每天做的工作其實(shí)都只是項(xiàng)目中的一塊業(yè)務(wù)，比如支付，那他還要去研究各個(gè)支付渠道的api

因此，要搞清楚自己目前的工作狀況、項(xiàng)目狀況、業(yè)務(wù)狀況，給自己在團(tuán)隊(duì)/項(xiàng)目中定好位。

OK，我目前的定位是…

如果定不出來，每天的學(xué)習(xí)列表都完不成，那就理所當(dāng)然了

因?yàn)槟愕哪繕?biāo)是凌亂的，一會(huì)想實(shí)現(xiàn)自己的某個(gè)想法，一會(huì)想著公司的某塊業(yè)務(wù)，一會(huì)想著朋友讓幫忙做的網(wǎng)站..

前端?后端?全棧? – 技能定位

技能定位，能在很大程度上砍掉學(xué)習(xí)清單上的一部分（我認(rèn)為是小于50%的）

比如定位了前端，就不要去過多深究Nginx,PHP..

反之定位了后端，就不要去深究AngulaJS,Backbone..

定位全?！?

我也說說全棧工程師

全棧工程師的流行，在我的認(rèn)知里，主要有以下幾方面促進(jìn)因素：

• NodeJS生態(tài)的流行讓一部分前端工程師(尤其是后端通過掌握了Node轉(zhuǎn)前端)自然定位自己為全棧
• Bootstrap等非常強(qiáng)大的前端UI庫讓后端工程師很容易搭建起一個(gè)Web系統(tǒng)
• 目前互聯(lián)網(wǎng)創(chuàng)業(yè)風(fēng)行，大多數(shù)創(chuàng)業(yè)公司在初期項(xiàng)目開發(fā)階段，都會(huì)希望有一個(gè)全棧開發(fā)工程師坐鎮(zhèn)以節(jié)約人力成本

前后端的分家，很大程度上我認(rèn)為是因?yàn)椤扒岸恕狈至顺鋈?，并在?dāng)今用戶體驗(yàn)至上的環(huán)境中占著跟”后端”同等重要的地位。但另一方面，隨著日新月異的技術(shù)發(fā)展，隨著運(yùn)維復(fù)雜度的提升，服務(wù)與框架都擁有自身的特性, 一個(gè)人很難掌握所有的技能。
有幾年經(jīng)驗(yàn)的前端，或者后端，從某一方面講，都可以自稱“全?！保珡母鼑?yán)格的方面，很少有人能真正做到”與時(shí)俱進(jìn)“的”全?！?

還記得開始帶我入門的一個(gè)后端開發(fā)跟我說過：樣式/特效都沒必要研究，別人一個(gè)wget就都拿到了，專心搞后端吧。
那是13年初，前端應(yīng)該還沒有特別火，不像現(xiàn)在各種招聘H5,H5,H5…所以，可以理解，當(dāng)時(shí)后端會(huì)鄙視前端。但是現(xiàn)在，你還敢嗎？
前端工程師無論在就業(yè)難度還是薪資方面，都?jí)毫撕蠖艘稽c(diǎn)點(diǎn)。。

說道鄙視“前端”，還有一種“偽前端“現(xiàn)象：在前端工程師人才缺口大的情況下，許多美工UI/剛畢業(yè)參加了培訓(xùn)班的，直接應(yīng)聘做了”前端“; 不懂linux，不懂node，不懂sass的前端，說實(shí)話在二線城市如武漢，真的一抓一大把。

扯了這么多，如果還是要定位”全?！埃▽Ｖ赶旅孢@一種），那就要做好每天增加3個(gè)小時(shí)學(xué)習(xí)時(shí)間的準(zhǔn)備吧。。。

• (個(gè)人)純粹為了學(xué)習(xí)實(shí)踐互聯(lián)網(wǎng)[流行的新技術(shù)]，那這個(gè)”全棧工程師“真的很難，要付出很大的時(shí)間和精力才跟得上這”潮流“, 基礎(chǔ)技能List：

OK，我目前的定位是：別折騰，做一個(gè)安安靜靜的美后端吧..

堅(jiān)定不移的幾個(gè)原則

這幾年的教訓(xùn)，我想也是寶貴的，在今后更是要堅(jiān)定不移的遵循：

• think your own way, 程序員還是要有自己的編程思想
• write more, 好的作家都不會(huì)惜字如金吧
• run code up, 而不僅僅是敲出來
• show me your project, 實(shí)踐實(shí)踐再實(shí)踐，沒有什么方式比參與一個(gè)具體的項(xiàng)目更能檢驗(yàn)學(xué)習(xí)的有效性
• resolve it now, 遇到問題現(xiàn)在就解決！不能拖！不能拖！不能拖！

學(xué)習(xí)的任何語言/框架/庫，都要有一個(gè)”project”為載體；

佛山網(wǎng)站建設(shè)認(rèn)為：無論是因?yàn)橄胍狦ET這個(gè)技能而想出的一個(gè)Project，還是因?yàn)橛幸粋€(gè)IDEA而去學(xué)習(xí)支撐Project的各種技能，都是OK的。