〖课程介绍〗:

前端React Native，后台Node.js，用轻量级架构开发一款直接在AppStore上线的App，只需一周时间

〖课程目录〗:

  • 第1章 课程大纲和App演示3 节 | 11分钟

  • 介绍整个课程的内容、业务架构、技术选型以及App的功能演示。

  • 收起列表

  • 视频：1-1 课程简介 (03:55)

  • 视频：1-2 App功能演示 (03:54)

  • 视频：1-3 后台系统演示 (02:37)

  • 第2章 Node.js服务开发7 节 | 44分钟

  • 介绍了Node.js环境搭建、JSON数据文件的读取以及开发了基础的服务接口。该接口主要提供客户端（含Native端和PC web端）调用，用于数据展示和数据存储。

  • 收起列表

  • 视频：2-1 第二章内容简介 (01:58)

  • 视频：2-2 Node环境搭建 (01:46)

  • 视频：2-3 Express创建项目 (03:16)

  • 视频：2-4 服务接口设计 (07:30)

  • 视频：2-5 数据读取接口 (10:59)

  • 视频：2-6 数据存储接口 (11:12)

  • 视频：2-7 阅读模块配置接口 (07:15)

  • 第3章 Node.js开发后台系统2 节 | 22分钟

  • 讲解了通过调用第二章的接口，开发简易的后台CMS系统。该CMS系统主要用于配置页面数据和存储列表数据。

  • 收起列表

  • 视频：3-1 后台系统开发讲解 (15:13)

  • 视频：3-2 接口&后台开发总结 (06:37)

  • 第4章 React Native环境搭建和入门3 节 | 27分钟

  • 主要讲解React Native的环境搭建、项目运行的注意事项以及生命周期的简单介绍。通过该章，可以简单快速的了解下React Native的基础知识。

  • 收起列表

  • 视频：4-1 React Native环境搭建 (13:48)

  • 视频：4-2 React Native运行项目注意事项 (10:15)

  • 视频：4-3 ReactNative生命周期简单介绍 (02:06)

  • 第5章 App主体界面框架搭建2 节 | 35分钟

  • 第五章是App开发的开端，是App开发的第一步。本章主要介绍搭建App整体的UI框架和实现主体页面的组件化。

  • 收起列表

  • 视频：5-1 界面结构搭建(1) (23:23)

  • 视频：5-2 主体界面组件化 (11:26)

  • 第6章 App 卫生间模块开发8 节 | 84分钟

  • 介绍了卫生间模块开发。整个功能的核心是使用高德地图JS-API，例如搜索附近2km以内的卫生间以及展示卫生间的基础信息。同时为了方便用户使用App，还开发了路径导航功能。

  • 收起列表

  • 视频：6-1 卫生间模块之WebView组件开发 (14:42)

  • 视频：6-2 卫生间模块之错误提示水平垂直居中 (02:09)

  • 视频：6-3 卫生间之地图模块开发 (18:49)

  • 视频：6-4 地图比例尺位置移动 (01:36)

  • 视频：6-5 定位成功和失败的事件监听 (12:09)

  • 视频：6-6 显示卫生间并导航(上) (18:47)

  • 视频：6-7 显示卫生间并导航(下) (13:23)

  • 视频：6-8 附近的卫生间模拟器演示 (01:50)

  • 第7章 App 工具类封装1 节 | 13分钟

  • 不论是客户端还是服务端，工具类的封装是十分必要的。因此针对该应用封装了工具类，方便其他组件复用。

  • 收起列表

  • 视频：7-1 工具类的封装 (12:57)

  • 第8章 App 阅读模块开发12 节 | 159分钟

  • 阅读模块是整个App的重点，主要包括整体功能以及各模块设计。例如推荐专题的开发、列表数据的渲染、分类组件的开发等等。

  • 收起列表

  • 视频：8-1 阅读模块功能设计 (04:31)

  • 视频：8-2 五大模块创建和加载 (08:01)

  • 视频：8-3 搜索组件UI开发 (17:56)

  • 视频：8-4 推荐专题完成 (14:50)

  • 视频：8-5 热门推荐组件UI完成 (19:31)

  • 视频：8-6 分类组件UI开发完成 (11:12)

  • 视频：8-7 推荐主题数据渲染 (22:41)

  • 视频：8-8 分类专题数据渲染 (06:19)

  • 视频：8-9 列表组件数据传递 (20:53)

  • 视频：8-10 列表使用listview组件 (13:26)

  • 视频：8-11 数据列表展示 (01:28)

  • 视频：8-12 完善详情页 (17:38)

  • 第9章 App 天气模块开发3 节 | 24分钟

  • 调用了高德地图开放平台天气接口，向用户展示当前天气的信息，例如温度、风向等。

  • 收起列表

  • 视频：9-1 天气模块开发（上） (08:36)

  • 视频：9-2 天气模块开发（中） (13:53)

  • 视频：9-3 天气模块（下） (01:21)

  • 第10章 App 设置模块开发2 节 | 35分钟

  • 主要提供了App的使用帮助、功能介绍、使用条款等信息。

  • 收起列表

  • 视频：10-1 设置模块UI开发 (17:26)

  • 视频：10-2 设置功能开发 (16:43)

  • 第11章 App 打包和上线4 节 | 23分钟

  • 介绍了jsbundle 打包和优化加载、现有App的集成以及整体打包上线。

  • 收起列表

  • 视频：11-1 jsbundle打包和优化加载 (08:30)

  • 视频：11-2 与现有App集成&扩展补充 (02:38)

  • 视频：11-3 整体App效果展示 (01:57)

  • 视频：11-4 证书&打包&结语 (09:17)