兩個月的前端學習曆程

兩個月前端工程師的學習曆程

前端工程師

今年七月份中旬的時候離校從廣西桂林來到廣東深圳實習學習前端工程師知識，從那至今已經兩個月了。這兩個月我收獲頗多，一下是我學習前端知識的整體介紹。

初級階段

和大多數普通大學同學一樣我大學四年也是渾渾噩噩趟過來的，臨近畢業我不僅沒掌握計算機專業技能，而且方向也很不明确學分也有所欠缺。在兩個月之前我連一個靜态網頁寫着都很吃力，而現在我能獨立使用vue結合node.js全棧開發。這得益于我在這兩個月的辛勤耕耘，每天12個小時的學習時間。

1. 在剛開始我學習了最基礎最簡單的html和css，寫幾個靜态頁面作為日常練習，寫靜态沒有太深的技術含量，隻要你記得html标簽和css屬性，有一點的審美，當然會photoshop會更好，因為UI設計師會給你一張psd類型的網頁靜态圖，你要根據UI給你的圖量尺寸，取色。否則，到了測試那邊會被當作bug打回來。在這部門我們要精益求精，做出的靜态網頁要與UI給的圖相差無幾。

2. 然後是學習和HTML5和CSS3，其實就是在HTML和CSS基礎上增加了一些特性

   3.之後學習了ES6，這是一種标準，需要掌握。

進階階段

1.學習了靜态頁面之後在此基礎上就要實作用戶端互動。先是用javascript原生代碼編寫用戶端腳本，最常見的使用場景就是實作登入注冊的用戶端驗證，以及很多動态互動。

2.在動态互動時隻是使用者界面的資料發生的變化，一旦重新整理使用者操作相當于沒執行。這個時候就需要用ajax實作異步請求背景資料讓前後端資料保持一緻。之前在學校學習學過表單送出資料，但在大型網站都是用ajax異步請求，這樣浏覽器不會阻塞，不用整個頁面都重新整理，而隻是資料變化的那一塊，節約了網絡帶寬，使用者體驗也更好。

3.在學習用ajax技術時，還要自學了解json和xml，自己要學會看懂後端給你的接口文檔。需要用什麼方法去請求背景資料，接口位址和參數，以及傳回資料。還要自己去學習了解浏覽器工作原理，網站安全方面的知識，http協定等一些分支知識，這會給以後的求職面試加分，也為你成為優秀的前端工程師做好鋪墊。

4.在編寫我始終嚴格要求自己，要習慣寫注釋，因為進入項目組後是一個團隊合作開發一個産品，需要去看懂了解别人的代碼，還有任務交替的時候别人是直接從你的代碼開始，若沒有注釋嚴重晖直接被炒鱿魚。身為程式員要養成良好的程式設計風格。

5.學習完javascript原生開發後，緊接着學習jQuery架構，jQuery架構封裝了javascript重複繁雜代碼，jQuery語言比javascript更加簡潔，但程式設計思想都是傳統的DOM操作。

最後階段

1.最後也是重點學習的vue.js架構。剛開始學習在html檔案裡引入vue.js資源，從0基礎的學習即使之前學過jquery架構，也正是因為之前學習過傳統的jQuery架構才會形成定向思維難以轉變到vue的程式設計思想。先是要深入了解vue是資料驅動改變界面而不是之前操作DOM結點。資料驅動，自底向上漸進式開發是vue的特點，在剛開始學習是難以轉變，用vue做項目時會時不時就回到了Jquery的開發了，差不多用vue做完一個項目後思想也轉變的差不多了。

2.然後直接搭建vue-cli腳手架開發環境，利用vue全家桶，node.js和element-ui結合全棧開發，自己用node.js寫後端資料庫寫接口文檔，引入第三方插件element-ui作為頁面樣式，非常簡約大方。最後成功開發出一款電商營運平台app，當然還沒有釋出到網際網路。不過我自己嘗試購買域名空間後釋出自己營運維護

總結

到目前為止，前端的核心知識我已大部分了解，算是已經入門。總得來說這兩個月裡我計算機技能提升了很高。但我的IT之路任重道遠，我們不能滿足于現狀，要養成終生學習意識，在專業知識領域不僅要深度更要跨領域的廣度。這樣才能不被競争淘汰。