通信狗初識(shí)前端H5

我叫阿強(qiáng)，大學(xué)學(xué)的通信工程專(zhuān)業(yè)，大四到某國(guó)際公司旗下通信子公司實(shí)習(xí)，畢業(yè)后就留下了，在鄭州。跟我合租的哥們是公司新同事，他負(fù)責(zé)營(yíng)銷(xiāo)團(tuán)隊(duì)的新媒體營(yíng)銷(xiāo)板塊，運(yùn)營(yíng)策劃、H5開(kāi)發(fā)功底了得，他在北京待了兩年半，工作收入都還不錯(cuò)，因弟弟出國(guó)留學(xué)無(wú)人照顧父母才回到鄭州，我叫他林哥。

跟林哥“同居”了快兩年吧，有天他認(rèn)真地告訴我，他父母在老家給他相好了對(duì)象，他要回去結(jié)婚買(mǎi)房。很快，剩我自己獨(dú)居在開(kāi)發(fā)區(qū)二室二廳的出租房了?；叵敫指绻餐罟ぷ鞯倪@兩年，收獲還是蠻多的，從運(yùn)營(yíng)到策劃，各領(lǐng)域的廣告動(dòng)態(tài)、文案的優(yōu)劣、刷爆朋友圈的各種H5頁(yè)面等，林哥視這些為他一生奮斗的領(lǐng)域，不僅自己如數(shù)家珍，更是經(jīng)常跟我扯起這些，讓我從小白儼然成為專(zhuān)業(yè)評(píng)析師。

林哥能力很強(qiáng)，公司的網(wǎng)站、H5頁(yè)面這些從來(lái)不外包，都是他擔(dān)綱搞定。我不愛(ài)說(shuō)話，但心底始終有一些較勁的躁動(dòng)。干過(guò)通信的人都知道，一有任務(wù)忙起來(lái)沒(méi)個(gè)頭，閑下來(lái)無(wú)聊也不放你走，依然要堅(jiān)守崗位。林哥看我無(wú)聊，就教我弄一些小網(wǎng)站和短頁(yè)面，我跟著他鼓搗居然也象模象樣?？粗约鹤龅倪@些東西經(jīng)過(guò)林哥的巧手變成了公司官網(wǎng)和公眾號(hào)上的內(nèi)容，還是有一點(diǎn)小得意的，但當(dāng)時(shí)的我壓根沒(méi)想到自己會(huì)在代碼這條路上越走越遠(yuǎn)。

毅然決然，追隨林哥劍指前端

直到一天，公司通知所有人去大報(bào)告廳開(kāi)會(huì)，宣布了一個(gè)“艱難”的決定：公司改制，所有人主動(dòng)與公司解除勞動(dòng)合同，再簽新合同。拿到新合同的我簡(jiǎn)直驚呆了：熬了三年半好不容易該升A3的工資居然調(diào)成了A1！去找人資問(wèn)，人資一臉理所當(dāng)然：所有人都降了??！

于是，在27歲這年，我把老板炒了。在屋里悶了一天，我想到了林哥，給林哥打電話，他建議我追隨他的腳步，做前端，主攻H5，理由是應(yīng)用廣、職位多、薪資高、前景好。我相信林哥。

林哥正在籌備創(chuàng)業(yè)，事務(wù)繁忙，沒(méi)法親自帶我，告訴我要選擇靠譜的學(xué)習(xí)資源，因?yàn)橄到y(tǒng)的學(xué)習(xí)路徑可以讓我少走很多彎路。在他的指導(dǎo)下，我當(dāng)時(shí)把市面上的HTML5培訓(xùn)機(jī)構(gòu)全部過(guò)了一次，選擇了云和學(xué)院的HTML5高級(jí)前端開(kāi)發(fā)工程師實(shí)訓(xùn)課程。畢竟全河南專(zhuān)業(yè)做HTML5培訓(xùn)的機(jī)構(gòu)也就三四家，經(jīng)過(guò)比對(duì)，我發(fā)現(xiàn)云和學(xué)院的教學(xué)資源齊全、學(xué)習(xí)路徑強(qiáng)大，實(shí)戰(zhàn)分享和項(xiàng)目也較多，其他幾家課程量對(duì)我這個(gè)門(mén)外漢來(lái)講不夠充足。就這樣，我追隨著林哥的足跡，在云和學(xué)院開(kāi)始了我的代碼生涯。

第1個(gè)月填坑打地基，當(dāng)然不高大上

第1個(gè)月以學(xué)習(xí) HTML＋CSS 為主。最開(kāi)始會(huì)有HTML的入門(mén)基礎(chǔ)課，這對(duì)我這種天坑基礎(chǔ)的人來(lái)說(shuō)簡(jiǎn)直就是甘霖。半路出家的我開(kāi)始向科班碼農(nóng)靠攏，骨子里不服輸?shù)膭蓬^一上來(lái)，就像吃了3斤炫邁一樣根本停不下來(lái)。

在填坑的第1個(gè)月里我知道了瀏覽器解析，CSS 的相對(duì)定位、盒模型 、圖形繪制、動(dòng)畫(huà)、布局、響應(yīng)式，排版起來(lái)如行云流水，完成靜態(tài)網(wǎng)頁(yè)已不成問(wèn)題。很多人覺(jué)得 HTML＋CSS 這部分不如 JavaScript ，但其實(shí)精通它們也不容易。騰訊有專(zhuān)門(mén)的網(wǎng)頁(yè)重構(gòu)部門(mén)，就是非常精通這兩者的人，幫助解決帶寬、服務(wù)器消耗與精美頁(yè)面之間的矛盾。

自己選的路，咬牙挺腰也要走下去

第2個(gè)月就是 JavaScript和jQuery，是我覺(jué)得最痛苦的一段，JavaScript 的命令和屬性太多，定義過(guò)一遍我就暈菜了。在這個(gè)月的學(xué)習(xí)中，除了跟著大康老師的面授教學(xué)進(jìn)度，還有就是小馮老師的輔導(dǎo)，晚自習(xí)一條命令一條命令地 console.log 在瀏覽器中調(diào)試，觀察效果。

第3個(gè)月主要有熟悉HTML5+CSS3的新特性、常用移動(dòng)端框架的學(xué)習(xí)，通過(guò)項(xiàng)目實(shí)戰(zhàn)快速高效地實(shí)現(xiàn)移動(dòng)端webapp的開(kāi)發(fā)。在動(dòng)態(tài)網(wǎng)頁(yè)中，很多數(shù)據(jù)都是從后端推送的。因此了解后端架構(gòu)，數(shù)據(jù)的推送和接收流程也很重要。越來(lái)越發(fā)現(xiàn)自己要學(xué)的東西真是太多，但自己選擇的路，咬緊牙關(guān)挺直腰板一定要走下去！

經(jīng)過(guò)這3個(gè)月的磨練，終于自己能做出像那么回事的作品來(lái)了。林哥的公司也快要成立，我把作品發(fā)給他，他說(shuō)兄弟畢完業(yè)趕緊過(guò)來(lái)，工資給你按我的標(biāo)準(zhǔn)開(kāi)。結(jié)果晚上跟女朋友視頻時(shí)問(wèn)我為什么傻笑了一晚上。

閉關(guān)修煉結(jié)束，我要大展拳腳

最后一個(gè)月，除了用react快速開(kāi)發(fā)移動(dòng)端應(yīng)用外，還有NodeJS、bower、gulp等自動(dòng)化構(gòu)建前端項(xiàng)目的學(xué)習(xí)和持續(xù)的項(xiàng)目實(shí)戰(zhàn)案例。感覺(jué)這是我作品水平提高速度最快的一個(gè)階段，我可以獨(dú)自完成的事情越來(lái)越多。朝著正確的方向堅(jiān)持下去，事情一定會(huì)變得越來(lái)越有趣。

終于有一天，打包完行李，林哥和他哥們一起開(kāi)車(chē)來(lái)云和學(xué)院接我。路上我們關(guān)于原生JS、jQuery、NodeJS、JavaScript設(shè)計(jì)模式神馬的談笑風(fēng)生，嘴里說(shuō)著半年前我自己不知道的專(zhuān)業(yè)詞匯，講著自己做的四五個(gè)項(xiàng)目，一瞬間有種不真實(shí)的感覺(jué)，下車(chē)林哥壞笑著說(shuō)，兄弟，面試表現(xiàn)不錯(cuò)！工資再給你加點(diǎn)！

這比裝的我毫無(wú)防備，在挨過(guò)我兩拳后，林哥辯解道，我作為CTO當(dāng)然要摸摸自己技術(shù)骨干的底細(xì)嘛！現(xiàn)在看來(lái)，你完全沒(méi)問(wèn)題！

林哥的肯定讓我很受用，現(xiàn)在我們的公司也順風(fēng)順?biāo)?，發(fā)展態(tài)勢(shì)不錯(cuò)。最后想告誡大家：在追逐夢(mèng)想的路上，免不了會(huì)遇到逆風(fēng)和岔道，別讓現(xiàn)實(shí)和壓力束縛你，只要你有信心和毅力，繼續(xù)前行吧，你一定會(huì)到達(dá)你想到的彼岸。