從大二開始學習前端，到現在也差不多一年時間，想和大家分享一下自己的前端自學之路。

剛入門前端是在一位學長的帶領下開始的，花了兩節課的時間教授了有關於html和css的基礎知識，學會盒式模型的佈局，當然每一節課都是有作業的，仿站是一個很好的學習機會，第一節課仿了百度和google的首頁，第二節課仿了錘子官網。

網上的學習站點w3school，菜鳥教程。

之後開始在學長手下接一下小的切圖外包，綠城教育首頁，surf公司首頁，另外自己也接了一個比賽的外包mato眾籌，這個時候還停留在切圖的領域裡面（也是我認為的真正打基礎的時候），但還沒有真正入門前端。

這個時候感覺自己到了一個瓶頸，對於div+css的佈局以及很熟練，但是僅僅停留在前端的切圖方面，還沒有做過需要業務互動的內容，這個時候就需要學習一門後臺語言，之前也有打算學習asp .net javeEE的打算（也都玩過一會），但最後還是選擇了前端的自家後臺nodejs。

剛開始接觸nodejs的時候感覺nodejs和前端的js根本就是兩種語言，require是什麼都不瞭解（那時候對於requirejs，seajs，angularjs，reactjs等框架和庫都不瞭解，只懂得一個jquery），也很難找到好的學習資料，所以入門非常困難，在圖書館裡借了好幾本書一本一本看，但基本不講原理，只講用法和實戰，對於一些常用模組的講解也不夠深入。js全棧教程（這是後來才發現的一個很好的教程）

學會一些基礎的nodejs之後，就開始搭建express框架，自己也買了一個阿里雲伺服器，還搭建了個人主頁，將自己以前的切圖作品放了上去，購買域名，之後學習nginx進行反向代理繫結埠，這個時候前端與後臺的互動以及很熟練了，只是還沒有進行大量實踐的機會。

搭完部落格之後nodejs的學習就開始停滯，學業方面的壓力也消耗著盡力與時間（我選擇的專業為電腦科學與技術+自動化雙專業，所以課程壓力大），那段時間也有點迷茫，學習nodejs有什麼用，也許也會有讀者疑惑，nodejs對前端有提升嗎？答案是肯定的。學習nodejs為以後學習requirejs，seajs，reactjs都有很大的幫助，以及一些前後端分離的思想，模板渲染的思想等等。語言大多不同，但是設計思想都是相似的，所以多學一門後臺語言對自己肯定是有幫助的。這段時間還買了一本javascript高階程式設計來啃，很多以前不懂得東西都在書上找到了原因。

接下來就是reactjs的學習，跟著官網的教程開始學習reactjs，之後又開始學習webpack（webpack的學習坡度有點高，當時學了好久才弄懂），在nodejs環境下構建reactjs，用webpack打包，之後又學習ES6語法，所有reactjs都用ES6語法重構，結構更加清晰與美觀，程式碼的效率也有所提高。

reactjs之後，又發現reactnative這個東西，當時也覺得挺好玩，置購了Mac來開發RN，在省服務外包大賽中製作了一款RNapp獲得省二等獎。

我的導師學長和我講的最多的是這樣一句話“實踐是最好的學習機會”。所以在忙完比賽之後，我就開始了找實習之路，地點杭州，成功斬獲七份offer，最後選擇了一家離學校近的創業公司。（沒有進入阿里網易的校招還是挺遺憾，但我認為在創業公司也能學到很多。）

在最後總結一下我的自學之後，也給讀者們一點參考：

1.前端切圖（html+css）

2.ajax（這個在文中沒有寫，在這個階段學應該是最好的）

3.nodejs（一門後臺語言幫助你理解整個服務的架構，理解模板渲染，前後端分離和模組化思想）

4.linux、express（阿里雲的伺服器就是linux系統，相信我，學會之後你會喜歡上linux，搭建express服務）

5.reactjs等框架學習（個人推薦reactjs，在元件化的思想和虛擬DOM的思想很先進）

6.開始找實習實戰充實自己的知識庫吧！（Show me your code！）