萌新的前端之旅

謝劉總邀，想一想本身從當初被鵝廠的學姐拉入前端的坑也已通過了很久很久了，也該寫點東西總結一下本身的萌新之路了。這篇文章僅站在一個新人的角度寫寫我眼裏的前端。

背景介紹: 武大軟件工程系16屆本科畢業生,如今在餓了麼做爲前端工程師打怪升級中。

入門

大一大二本身瞎折騰了兩年，到了大三才開始思考本身想要作什麼。碰巧社團裏的學姐拿了鵝廠的offer,給了我很多關於前端方向的建議。那時候對前端的認識仍是比較淺顯的，選擇作這個一方面是由於當初本身在社團裏面是作設計的，想將來的工做既可以和代碼掛鉤又能和設計帶點關係，另外一方面當時看到不少網站的交互和動畫特別酷炫，特別想本身也有可以有能力去實現這樣的效果。而後腦子一熱就投入到前端學習之中了。

大概不少前端汪的入門之路都差很少。從最簡單的頁面寫起，慢慢熟悉浮動定位的使用方式，而後開始寫一些簡單的js交互效果。而後開始刷犀牛書(權威指南)和紅寶書(js高級程序設計),在網上看各類各樣的視頻。在具有了一些前端基礎知識後,經過大三下的春招去了武漢一家小公司實習，實習的工做主要是寫一些移動端的頁面和交互。因爲公司比較年輕，團隊業務又比較忙，大部分時間仍是在本身折騰，感受當時本身仍是個野路子，不過也確實學習到了不少CSS3的知識而且能熟練的用jQuery寫業務了，同時認識了不少能一塊兒交流討論前端的朋友，也算是敲開了本身的前端之門了。

成長

那時候是15年的9月份，實習完大三暑假，我就回到學校參與秋招了。秋招這兩個月大概是我前端成長最快的兩個月。本着哪怕面不過也是交流的心態，我海投了大量的公司，參與了各類公司的面試。同時天天會和小前端羣的小夥伴們@小草 @阿呆組團討論問題，分析交流各類面試心得。那段時間的成長真的很快，不少本身淺嘗輒止並無經歷過業務實戰的問題在面試中都暴露了出來，經過和麪試官的交流和小夥伴們的討論對這類問題的理解都更加深刻了。建議你們把握好校招此次機會，哪怕已經拿到了offer，也請好好利用校招此次機會，多跟其餘廠的工程師們多交流，去看看外面的世界，必定會有所收穫的。每家公司都有本身的技術棧，有着不同的業務，所以面試的側重點也都各不相同，也都有各自值得學習的地方。這一路真的發生了不少故事，諸如由於剛開始準備不充分被度娘二面血虐，和阿里面試官愉快的討論移動端踩坑，作了渣浪誠意滿滿的前端筆試卷等等。我堅信，交流和分享，始終是推進技術和視野成長的良方。（打個廣告，這也能夠算咱們創建小前端這個組織的初心之一吧笑，歡迎關注咱們的github組織，但願將來可以和在讀這篇文章的各位也能有溝通交流的機會）

最愉快的一場面試，是跟我在餓了麼將來的leader進行的。基本簡歷寫到的東西都會聊，咱們聊以前的實習經歷，聊H5的應用,聊CSS3(諸如flex和移動端的應用),聊js基本功（原型閉包繼承冒泡委託this),聊預處理（那時候用SASS和LESS仍是以爲挺潮的哈哈),聊ES6給業務帶來的新變化,固然也會聊框架，只不過那時候仍是隻會jQuery也就沒深刻聊了。基本就是一個問題接一個問題，leader當時跟我開玩笑說面試題都快不夠了。

前先後後參加的面試大概有二十多場吧，最後也拿到了6個offer。因爲家離魔都近，面試又愉快，再加上魚總@Sofish在微博對餓了麼的各類宣傳，我基本沒猶豫就選擇了餓了麼。校招這兩個月真的受益良多，不過紙上得來終覺淺，終究仍是要實踐的，因而我收拾起行囊，前往魔都開始下一段實習生活。

新世界

在餓了麼的實習很是愉快。帶個人導師超級靠譜（崇拜臉），很順利的融入了團隊。因爲以前野路子致使代碼很是不規範（諸如空格換行分號，函數封裝抽象之類的問題），實習一開始常常被導師吐槽，不過他仍是很耐心的幫我一一糾正了。餓了麼的前端技術棧對我來講當時徹底是新東西，在來公司以前本身作的基本都是小項目，基本都是html+css+jq就能完成的。而當時咱們組的技術棧是ng1+flux+sass+webpack，當時感受就是打開了新世界的大門。

經過實習的學習，慢慢習慣了單應用頁面，有了前端路由的概念（好比ng1自帶的router以及拓展的ui-router），學會了利用flux進行數據狀態管理(後來比較有名的實現好比vue的vuex以及react的redux),學會了模塊化開發，學會了寫directive來實現組件化。實習的每一天都很是充實。

到了16年上半年，我結束了實習生活，回學校畢設。因爲畢設組團的小夥伴當時還在春招找工做，我承擔了畢設的大部分工做。從需求分析到數據庫建表，從前端頁面交互寫到後端的接口邏輯以及SQL，最後測試交付，也算是完整經歷了項目的全過程，對軟件工程的理解也比以前深入了。完成畢設之後差很少個人大學生活也基本結束了，再次回到公司，此次再也不是實習生了，而是做爲一名全職的前端工程師，正式開始個人前端工做。

沉澱

16年6月底，我回到了公司。整個16年以及接下來的17年，對我來講都是沉澱的日子吧。繼續打紮實基礎，寫好每個新業務，同時也不忘關注新技術。

前端技術突飛猛進的發展着，咱們的項目也慢慢從ng1過渡到vue1，而後再慢慢過渡到vue2。也慢慢習慣了寫vue全家桶的vue-router和vuex(雖然感受這兩塊仍是以前寫ng順手)。與此同時，react和ng也綻開出新的生命，關於ng2帶來的新東西也成了你們的關注重點，團隊內也不乏對RxJs和TypeScript充滿期待的支持者。和native端的融合也在繼續，移動團隊已經開始了ReactNative和Weex的嘗試，期待三端統一的日子早日來臨。至於各類構建打包工具就更不提了，grunt，gulp，webpack，webpack2，rollup此起彼伏，連包管理工具都想從npm切到yarn。不少人以爲前端造新輪子太頻繁太快了，學習成本太高，每每老的沒用多久新的就來了。這的確是前端的現狀，不過我卻不認爲這是壞事，這正說明咱們前端的社區很是活躍，咱們正在朝着正確的方向前進着，遲早會有統一的那一天。沉澱下來好好學習，遲早會有融會貫通的那一天。

建議

最後寫點建議和你們共勉吧，做爲新人可能還有不少不少理解不透徹的地方，但願能多跟你們交流。

1. 仍是那句老話，敢於追新，但也不能忘本。HTML,CSS,JS始終是前端的三板斧。這三板斧是重中之重，遠比什麼新工具框架的學習要來的重要。基礎是前端工程師立身之本。

2. 學會獨立去學習和解決問題，學會使用搜素引擎，不少簡單的問題能經過google或者stackoverflow解決就儘可能經過他們來解決。你想一個框架入門最簡單的方法就是去官網好好看一遍文檔而後去github找幾個開源項目研究一下。從一個hello world,一個to do list 寫起。

3. 關於JS的學習，強烈推薦JavaScript高級程序設計和你不知道的JavaScript，尤爲是前者，面試以前建議反覆學習。後者則能夠幫你深刻理解一些知識。

4. 這個就是我的觀點了，學會分享，擁抱開源。剛開始可能能力有限，更多的是做爲伸手黨去學習，可是隨着自身能力的提高，我但願你們可以更加積極的擁抱開源社區，敢於去交流去分享。每家公司的技術棧都不同，埋頭於本身的小窩不免容易固步自封，溫水煮青蛙。但願你們能夠經過技術討論，經過對開源社區的維護，推進自身技術以及整個前端社區的良性發展。

最後，祝你們新的一年都能更上一層樓，向更高的目標挺進。

小廣告
歡迎關注咱們的微信公衆號: