iOS轉前端的學習記錄

第一篇博文，寫在從零開始學前端的兩個月後，期間通過了春節，以後又經歷了一些動盪。算是在邊作邊學中堅持下來，如今基本上能夠完成一些業務邏輯上的開發工做。想到應該總結一下這兩個月的學習，也是對本身的知識掌握狀況作一個梳理。

個人第一個項目是一個基於vue和element-ui的後臺管理系統，當時我尚未任何的前端開發知識，時間也比較緊，就在學習html、css和javascript的基礎後，有針對性的對vue.js和element-ui進行了瞭解。

整理一下學習路徑，和我手機的一些教程，供有須要的人蔘考。

html、css和javascript。

w3school在線教程：http://www.w3school.com.cn/

配上《javascript高級程序設計》，能夠把html、css和javascript的基礎都過一遍。

而後在MDN Web文檔上有一篇關於學習web開發的文檔，上面有一些學習教程，但我主要看的是那上面提供的一些做業，用來檢驗本身的學習效果，把小做業都作了一遍，鞏固以前的學習。

Vue.js和element-ui

直接看Vue官網教程對於當時的我來講還有些困難，因此我選擇了網易雲課堂上米斯特吳老師的Vue課程，講得很不錯，也有包含實戰課在內，而且大多數都是免費的，只要在網易雲課堂搜索Vue就能看到。跟着視頻課作了一些練習以後，再去看官網的文檔，不少內容就不會太難接受了。Vue真的是一個對於新手很友好的框架，把三大件Vue、Vue Router、Vuex搞清楚，大多數的也無需求都能知足。

因爲這個後臺管理系統還用到了element-ui，我對於element-ui也作了必定的瞭解，只須要瀏覽一下官網文檔就行，沒什麼太難的地方。

而後本身作了一個基於這二者的小demo來練手。在調試中，我用到了mock.js，也很是簡單。

html五、css三、es6

這時候已經能夠上手完成一些簡單的業務邏輯層面的開發了，我開始在完成工做之餘，對於以前學習的漏洞進行填補。

前二者依然是在w3school上進行學習，es6能夠看阮一峯的ECMAScript 6入門。

在gitbook上還有一個前端工程師手冊，也能夠用來學習，我是用來進行查漏補缺。

更多框架

因爲工做須要，我以後參與的項目是基於網易本身的開源框架regular+nej，這讓我不得不去學習這兩個新框架。這也是我以爲ios開發和前端開發的一個很大的不一樣之處。前端開發對於框架的依賴程度很是高，除非你是大牛，不然你不得不跟着項目的變更去學習新的框架，不論是公司自研的仍是主流開源的。並且每一個框架有更新的時候，你也要同步的跟進。而對於ios開發人員來講，無論到哪兒用的都是xcode和uikit，沒有那麼多的變化。而且xcode對於ios開發來講實在是太契合了，這是vscode或者webstorm不可能達到的。

邊看代碼邊學nej和regular，由於有工做任務在推着本身，因此學起來也還算快。而後再在工做之餘簡單瀏覽了一下react的官網教程，而且跟着作了官網上的井字棋遊戲。更深刻的準備之後慢慢學。

node

因爲對後端開發實在是沒有興趣，node部分只是作了些瞭解，而後邊學邊作了一個腳手架工具做爲聯繫。放在todo裏了