包建强的培训课程(15):React入门与提高

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;}

 

一、     简介

本课程讲解目前最火的React技术,从入门讲起,包括NodeJS、ES6等基础知识,随后从浅入深逐步剖析React,以及目前流行的Flux框架。

本课程让学员掌握基本的NodeJS、React和ES6知识,能够独立开发出一个基于React的项目。

本课程对于开发以下App产品特别有帮助:

1、千万级用户的App产品。

2、业务功能繁多。

学习本课程应具备下列基础知识:

1、1-2年前端开发经验。

2、对新技术有一定了解。

3、对React有一定了解。

 

二、     培训大纲(2-3天)

 

第1讲:从Hello World说起

l  
配置开发环境

l  
启动项目

l  
目录结构分析

l  
在真机运行

 

第2讲:NodeJs入门

l  
安装配置

l  
第一个应用

l  
NPM

l  
回调函数

l  
事件循环

l  
EventEmitter

l  
Buffer

l  
Stream

l  
模块

l  
函数

l  
路由

l  
全局对象

l  
IO

l  
Web模块

l  
Express框架

l  
RESTful API

l  
多进程

l  
JXcore

 

第3讲:ES6入门

l  
ES6是什么?

l  
let与const

l  
for循环和迭代器

l  

l  
模块(Module)

l  
lambda表达式

l  
Generator

l  
反撇号

l  
不定参数和默认参数

l  
解构

l  
Symbol

l  
Babel和Broccoli

l  
Set和Map

l  
Proxy

l  
Reflect

l  
Promise

l  
Decorator

l  
异步操作(Async、Fetch)

 

第4讲:React入门

l  
Flexbox

l  
Style

l  
组件的生命周期

l  
基本控件(按钮、文本、输入框、WebView、弹出框、状态栏)

l  
图片

l  
触摸事件

l  
列表

l  
访问网络

 

第5讲:Reac实战

l  
页面间导航

l  
Scene

l  
AppState

l  
组件间通信

 

第6讲:React Native高级篇

l   增量更新

l   打包

l   调试

l   性能

l   捕获异常

第7讲:Flux

l   Flux数据流转

l   把一个项目改造为Flux

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

时间: 2024-10-06 22:46:46

包建强的培训课程(15):React入门与提高的相关文章

包建强的培训课程(13):iOS与ReactNative

@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 $([{£¥·‘“〈<「

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

@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:

包建强的培训课程(1):Android App企业级开发

一.简介 课程简介 结合讲师5年来一线工作经验,打造千万级用户所需要的Android开发框架,以使用快速迭代的节奏和上百人的团队协作.每一个知识点的总结,都是讲师在踩过坑之后,血和泪的经验教训,十分有参考借鉴的意义. 受众定位 本课程系列适合于从事Android开发1-2年的技术人员,帮助他们设计出更加健壮的Android程序. 听众收益 能够帮助学员快速成长,掌握在企业中进行Android开发的技巧,获取进入一线互联网公司的必备知识. 二.课程大纲(2天) 第1讲 基础框架设计 重新规划And

包建强的培训课程(3):App竞品技术分析

Normal 0 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;

包建强的培训课程(2):Android与设计模式

@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 $([{£¥·‘“〈<「

包建强的培训课程(12):iOS深入学习

Normal 0 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;

包建强的培训课程(9):Git实战

@import url(/css/cuteeditor.css); Normal 0 10 pt 0 2 false false false EN-US ZH-CN X-NONE $([{£¥·‘“〈<「『[[[〝﹙﹛﹝$(.[{£¥ !%),.:;>?]}¢¨°·ˇˉ―‖’”…‰′″›℃∶.."〉>」』]]]〞︶︺︾﹀﹄﹚﹜﹞!"%'),.::?]`|}-¢ /* Style Definitions */ table.MsoNormalTable {mso-style-nam

包建强的培训课程(6):App敏捷迭代流程

Normal 0 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;

包建强的培训课程(7):iOS企业级开发实战

@import url(http://i.cnblogs.com/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); Normal 0 10 pt 0 2 false false false EN-US ZH-CN X-NONE $([{£¥·‘“〈<「『[[[〝﹙﹛﹝$(.[{£¥ !%),.:;>?]}¢¨°·ˇˉ―‖’”…‰′″›℃∶.."〉>」』]]