珠峰课堂
由珠峰开源的一款React Native APP，目前正在内侧阶段，预计春节前发布。 一开始的目的是开发一款简单的APP供学员学习用， 后来开发小组变得兴趣浓厚决定继续开发下去，为珠峰课堂增加更多功能，将它做成一个先进的开源在线教育直播平台。 并配合Blackboard 一起作为新一代的教学工具。
首先参考React Native官方文档配置React native开发环境
运行方法
STEP 1 : 克隆并安装依赖
git clone https://github.com/zhufengketang/app.git
cd app
npm install
STEP 2 : Link原生库
react-native link
STEP 3 : 如果是ios 用xcode打开ios/zhufengketang.xcodeproj或
react-native run-ios
STEP 4 : 如果是android 在android studio打开android目录作为一个工程 或
react-native run-android
开发计划
2017.2 v1.0发布
支持注册、登录、课程浏览、支付功能。 线上支付，线下开课。
主要覆盖知识点
- LOGO
- 启动页
- 瀑布路（课程浏览）
- TabsView
- 表单组件
- SDK对接（支付宝）
- 接口联调
2017.3 v1.1 开发计划
- 增加微信支付
- 增加微信登录
- 增加微信分享
- 增加视频课程播放
2017.4 v1.2 开发计划
- 增加视频直播（在线答疑、连线）
2017.5 v1.3 开发计划
- 增加好友关系、社交
2017.6 v2.0 开发计划
整合Blackboard，成为一个完成的教学体系
珠峰课堂第一期
第1章 ： 环境和学习技巧
- 为什么要学习React&ReactNative [why-react]
- 实战《珠峰课堂》课程介绍和学习方法 [zhufengketang]
- React Native环境搭建 [rn-env]
- Hello world项目 [helloworld]
- 使用Blackboard app看课件 [blackboard]
- 运行《珠峰课堂》项目
第2章 : javascript&Es6/7重点选讲
- 对象/数组/函数的解构 [destructure]
- Promise & async/await [promise]
- 所有的数据处理过程都是map/reduces [map-reduce]
- Es6 class [class]
第3章 : React.js基本概念
- JSX和使用已经声明的react组件 [react-create-element]
- 属性、状态和组件声明 [react-create-class]
- React生命周期 [react-lifecycle]
第4章 通过UIExplorer学习ReactNative组件和API
- 使用UIExplorer学习ReactNative组件
- 通过UIExplorer学习ReactNative各种API
- 一起看UIExplorerflexbox的例子
- React Native长度单位
第5章 : 珠峰课堂基础组件开发实战
- （实战）做一些基本的事情
- （实战）做一个最基础的组件和Navigator
- （实战）Navigator详细用法
- （实战）导航标题栏复杂结构解析
- （实战）SegmentedControl
- （实战）状态和标题栏
- （实战) 珠峰课堂首页开发
第6章 : 珠峰课堂复杂组件开发实战
- (实战)数学证明的瀑布流组件(一)
- (实战)数学证明的瀑布流组件(二)
- (实战)数学证明的瀑布流组件(三)
- (实战)数学证明的瀑布流组件(四)
- 珠峰课堂表单设计
- (实战）表单制作和高阶组件
- (实战）正确处理网络异常的方法
第7章 使用原生代码
- (实战)接入ReactNative第三方插件
- ICON和SplashScreen
- 对接支付宝SDK
第8章 打包
- IOS打包
- Android打包
如何申请加入珠峰课堂研发小组
申请加入研发小组，您不但成为我们的一员，同时我们将共同推进教学产品并分享成果。 请发邮件至 [email protected] 包括：
- 您的自我介绍
- 联系方式
收到邮件后，小组成员会及时和您沟通。