無線客戶端同窗快速學習ReactNative的學習曲線

做爲非前端開發人員，這兩天對React-Native以及所涉及的一些必須的技術進行了一下惡補，把網上比較好的學習資料蒐集了一下，方便感興趣的同窗更快的瞭解和切入RN的開發，而且快速掃清背景知識。

你們都不是新手，因此，咱們不從「hello world」開始，而是針對之前沒有前端開發經歷的客戶端開發同窗，從最基礎的背景技術開始演進：

 

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

 

這樣，花個3天的時間，客戶端的同窗們就能夠華麗的轉身了，前端、RN都盡在掌握！固然，這僅僅只是入了門，後面的實踐纔是真正的漫長積累過程，你們一塊兒努力！