无线客户端同学快速学习ReactNative的学习曲线(转载)

转载 2015年11月20日 13:36:29

作为非前端开发人员,这两天对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都尽在掌握!当然,这仅仅只是入了门,后面的实践才是真正的漫长积累过程,大家一起努力!

无线客户端同学快速学习ReactNative的学习曲线(转载)

作为非前端开发人员,这两天对React-Native以及所涉及的一些必须的技术进行了一下恶补,把网上比较好的学习资料搜集了一下,方便感兴趣的同学更快的了解和切入RN的开发,并且快速扫清背景知识。 ...
  • hcmmin
  • hcmmin
  • 2015年11月20日 13:36
  • 981

React.js学习笔记

最近在学习ReactNative,在搜集学习资料探究学习方式的阶段发现,要想能在实际项目中做到应用RN的水平,就必须要先对React.js很了解才可以。在了解React.js的过程中,发现里面涉及的概...
  • lihei12345
  • lihei12345
  • 2015年11月08日 18:32
  • 2055

移动客户端开发快速上手ReactNative的学习路线

1. HTML(学习时间30分钟): 或多或少,大家肯定对HTML还是有所了解的,在开始前端之旅前,有必要系统的扫一下基础,推荐教程:http://www.jb51.net/shouce/htm...
  • JoeySheng
  • JoeySheng
  • 2016年07月15日 15:24
  • 1454

java 学习曲线(Java学习书籍推荐)

在刚学习Java语言的时候,就在网上搜索Java学习推荐的书籍,很多人都吧《Java编程思想》作为入门的书籍推荐,我觉得有点不合适,《Java编程思想》讲解的内容比较深入,当时就是因为第一本书就看这个...
  • gcl272633743
  • gcl272633743
  • 2016年05月16日 20:10
  • 1229

React技术栈

转载自阮一峰的个人博客 React 是目前最热门的前端框架。 Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具 React 的优点 ...
  • doulinxu
  • doulinxu
  • 2017年03月22日 14:04
  • 811

react-native-art 实现二次贝塞尔曲线绘制

  • 2016年12月19日 18:09
  • 7KB
  • 下载

鄙人的网易博客整理(研究生一年级)- 关于vim学习曲线

这一年花了很多时间在vim的学习上,过程是愉快的,结果是毫无用处。 实习后发现公司里需要和团队一起开发代码,Eclipse或Intelij IDEA 13等IDE支持版本控制,代码补全,自动排版,d...
  • caib1109
  • caib1109
  • 2016年06月12日 18:46
  • 579

个人的学习曲线模型(UML)

下面就是我的学习曲线图了:我解释一下这个图:第一道是初始阶段(一重天,也就是基础),第二道是对应于某个学习点要使用的工具(也就是我们的兵器,剑),第三道是 进阶阶段(二重天,最高有多少重天我也不知道 ...
  • dylgsy
  • dylgsy
  • 2006年08月10日 15:24
  • 4618

React技术栈

React 是目前最热门的前端框架。 Facebook 公司2013年推出现在最好的社区支持和生态圈大量的第三方工具 React 的优点 组件模式:代码复用和团队分工...
  • qq_24122593
  • qq_24122593
  • 2017年01月07日 16:07
  • 567

ReactJS ,是否言过其实?

最近前端大热,各种MVC框架层出不穷,大有百鸟争鸣之意。 这“百鸟”中,数ReactJS尤其火热,出身高贵,一面世就引起关注! 之后Facebook更是宣称支持构建安卓以及苹果原生应...
  • Aric_Chen
  • Aric_Chen
  • 2015年10月23日 10:32
  • 3359
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:无线客户端同学快速学习ReactNative的学习曲线(转载)
举报原因:
原因补充:

(最多只允许输入30个字)