移動客戶端開發快速上手ReactNative的學習路線

1. HTML(學習時間30分鐘):

或多或少,大家肯定對HTML還是有所瞭解的,在開始前端之旅前,有必要系統的掃一下基礎,推薦教程:http://www.jb51.net/shouce/html/html.htm 

2. Javascript (學習時間2小時):

做前端開發,怎能不瞭解Javascript,還是花2個小時,靜下心來,系統的學習一下,推薦教程:http://www.w3school.com.cn/js/index.asp

3. CSS

由於React-Native並不直接使用CSS文件定義樣式,所以這部分可以先不看。 

4. Node.js(學習時間2小時):

由於React-Native是利用Node.js來搭建Javascript代碼的,所以,最好也花點時間,稍微瞭解一下,推薦教程:http://www.runoob.com/nodejs/nodejs-callback.html

5. ECMAScript6(學習時間8小時):

學習了傳統的Javascript基礎,你會發現還是看不懂React-Native的代碼,那是因爲RN是遵循ES6的規範標準的,這個標準是2015年6月份才正式發佈的,那是相當的新啊。傳統Javascript語法上其實和c、java非常相似,很容易理解,但是ES6的很多語法和編譯型語言相差很大,所以也需要多一些時間來學習。推薦教程:http://es6.ruanyifeng.com/#docs/intro

6. React(學習時間1小時):

在學習React-Native之前,最好先了解一下React,畢竟RN就是從React演化來的,很多寫法和思路是一致的。完整的學習是需要一定時間的,偷下懶,找個簡單的入門教程,花1個小時就可以瞭解React的主要思路了: http://www.cocoachina.com/webapp/20150721/12692.html

7. React-Native(入門學習12小時):

最後纔到我們的主角,但有了前面這些基礎的鋪墊,就算你沒有前端開發的經歷,理解RN也不困難了。這裏有翻譯好的官方文檔:http://wiki.jikexueyuan.com/project/react-native/GettingStarted.html,前面的章節翻譯的都不錯,但是後面幾章翻譯的就有點爛了,如果看不下去,就直接看原版的吧:http://facebook.github.io/react-native/docs/getting-started.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章