包建强的培训课程(14):Android与ReactNative

时间:2023-12-25 20:22:52

@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);