无线客户端同学快速学习ReactNative的学习曲线(转载)
2015-11-20 13:36
344 查看
作为非前端开发人员,这两天对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都尽在掌握!当然,这仅仅只是入了门,后面的实践才是真正的漫长积累过程,大家一起努力!
大家都不是新手,所以,我们不从“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都尽在掌握!当然,这仅仅只是入了门,后面的实践才是真正的漫长积累过程,大家一起努力!
相关文章推荐
- Android React Native的使用细节问题
- React 源码剖析系列 - 不可思议的 react diff
- React 源码剖析系列 - 不可思议的 react diff
- reactjs源码
- 【译】MVVM Tutorial with ReactiveCocoa: Part 1/2
- 七周七种前端框架二: React 之 webpack 简介
- 叫板IOS!本屌教你在Windows搭建React Native
- 通往全栈工程师的捷径 —— react
- Android React Native组件的生命周期及回调函数
- React Native原理介绍
- 基于React Native的android开发框架搭建
- React Native初认识
- Android React Native组件的生命周期
- ios开发笔记-6-ReactiveCocoa
- 初试MVVM框架之React入门【南大软院大神养成计划】
- ReactiveCocoa基础知识内容2
- .Net中的反应式编程(Reactive Programming)
- A Compact React Cookbook
- React Native study
- React入门 (2)—实现微博展示列表