@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
Normal
0
false
10 pt
0
2
false
false
false
EN-US
ZH-CN
X-NONE
$([{£¥·‘“〈《「『【〔〖〝﹙﹛﹝$(.[{£¥
!%),.:;>?]}¢¨°·ˇˉ―‖’”…‰′″›℃∶、。〃〉》」』】〕〗〞︶︺︾﹀﹄﹚﹜﹞!"%'),.:;?]`|}~¢
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:Calibri;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
课程名称:Android与ReactNative
一、 简介
本课程讲解目前最火的ReactNative技术,从入门讲起,包括NodeJS、React和ES6等基础知识,随后从浅入深逐步剖析ReactNative,包括ReactNative的原理、实战以及一些高级实用技巧。
本课程让学员掌握基本的NodeJS、React和ES6知识,从入门到精通ReactNative技术,能够独立开发出一个基于Android的ReactNative项目。
本课程对于开发以下App产品特别有帮助:
1、千万级用户的App产品。
2、业务功能繁多。
学习本课程应具备下列基础知识:
1、1-2年Android开发经验。
2、对新技术有一定了解。
3、对ReactNative有一定了解。
二、 培训大纲(1天)
第1讲:从Hello World说起
l
配置开发环境
l
启动项目
l
目录结构分析
l
在真机运行
2:NodeJs入门
l
安装配置
l
快速搭建服务器
l
Get
l
Route
l
Post
3:ES6入门
l
ES6是什么?
l
let与const
l
for循环和迭代器
l
类
l
模块(Module)
l
lambda表达式
第4讲:React入门
l
Flexbox
l
Style
l
props
l
state
l
组件的生命周期
l
基本控件(按钮、文本、输入框、WebView、弹出框、状态栏)
l
图片
l
触摸事件
l
列表
l
访问网络
第5讲:React Native实战
l
页面间导航
l
Scene
l
AppState
l
组件间通信
第6讲:React Native原理
l
Virtual ROM
l
启动流程
l
运行流程
第7讲:React Native高级篇
l 集成到原有项目
l Native与JS交互
l Native与JS数据共享
l 模块化拆分
l 增量更新
l 打包
l 调试
l 捕获异常
l 性能优化
第8讲:Redux
l Redux数据流转
l 把一个项目改造为Redux
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
Normal
0
false
10 pt
0
2
false
false
false
EN-US
ZH-CN
X-NONE
$([{£¥·‘“〈《「『【〔〖〝﹙﹛﹝$(.[{£¥
!%),.:;>?]}¢¨°·ˇˉ―‖’”…‰′″›℃∶、。〃〉》」』】〕〗〞︶︺︾﹀﹄﹚﹜﹞!"%'),.:;?]`|}~¢
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:Calibri;
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);