课程描述
本课程主要针对有志于从事移动开发的技术人员,讲解当前新的,APP运行速度快的跨平台移动开发技术ReactNative,课程的主要内容有:JavaScript(ES5)与node;ECMAScript6(es6)语法; react.js框架技术;reactNative环境搭建;ReactNative UI技术与实战;ReactNative扩展API;ReactNative复杂的交互界面;原生模块的编写;
ReactNative与原生模块的交互;一个完整的ReactNative项目框架方案讲解;
本课程内容丰富,讲解由浅入深,并始终以一线开发经验贯穿始终。通过本课程的学习,可使得学员对ReactNative跨平台移动开发有一个很好的掌握和了解。
课程内容:
1、React Native总体简介
React Native背景介绍
React Native的设计哲学
为什么使用React Native开发
2、Javascript
Javascript概述(ES5)
基本编码风格与习惯
基本数据类型及转换
数组与对象的操作
函数的定义与使用
引用与深复制
DOM操作
Ajax
3、Node
Node基于C语言的原理展开
Node与浏览器环境的差异
nvm
CommonJS规范
require/export语句
npm基础命令的使用
package.json配置
4、react.js之ES6语言语法
Babel配置
Webpack配置
Arrows表达式
Class关键词和ES6面向对象
enhanced object literals
template strings
destructuring
default + rest + spread
const与let声明
iterators + for..of
generators
unicode
模块
模块导入导出
map + set + weakmap + weakset
proxies
symbols
subclassable built-ins
promises
math + number + string + array + object APIs
reflect api
tail calls
解构
promise
默认参数
展开运算符(...obj)、Map/Set
5、react.js技术
VM DOM
jsx语法与注意事项
component生命周期与适用场景
事件代理
强制设置innerHTML
不可控组件问题(input)
ref的使用
state与props
ajax/fetch
组件嵌套与复用
尝试编写交互式界面如tabbar
6、react.js进阶
父子组件间通讯
props
context
回调
暴露接口
任意组件间通讯-flux思想
redux框架
react-router框架
代码质量控制
flow
eslint
propTypes
mocha/karma/jasmine/jest
搜索与使用第三方组件
PureRenderMixin
immutable.js
7、React-Native环境
开发环境搭建指导思想
WebStorm开发工具
iOS开发环境搭建
Mac OS X
XCode
Homebrew
命令行基础(sudo、chown等)
watchman、iOS模拟器的使用
Android开发环境搭建
Android编译与打包工具链
8、实战React-Native UI
样式与布局
样式的组织、复用、覆盖、局限
布局
flexbox布局、定位布局
UI控件
基础组件View
Text
Image
TouchableX
WebView
TextInput等
常用复杂组件
Navigator
TabBar
Modal
ListView/ScrollView
ReactNative自定义组件
9、ReactNative扩展API
相册
地理定位
fetch
timer
AsyncStorage
Dimensions
Alert/Toast等
10、复杂交互界面
Animated
LayoutAnimation
InteractionManager
requestAnimationFrame
setImmediate/setTimeout
PanResponder
11、整合/编写原生模块
XCode与Android Studio的使用
Native Modules
Native UI Components
jsBridge
ReactNative原生模块与JS模块三种通信方式
CallBacks回调
Promises
事件发送
三种方式的优缺点比较