课程名称:ReactNative跨平台移动应用开发
课程描述 本课程主要针对有志于从事移动开发的技术人员,讲解当前新的,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 事件发送 三种方式的优缺点比较
12、【项目方案】淘宝商城(Android+iOS)完整项目方案剖析和讲解
13、复习本课程所有的内容 总结 讨论和完整案例展示