收藏

ReactNative快速开发App一步到位

快速开发轻量级App

难度 中级 时长 7小时55分钟 学习人数 732 综合评分 9.77
  • 第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)
本课程已完结


讲师

vczero_ 全栈工程师

BAT技术专家,《React Native入门与实战》作者,多次受邀参加infoQ、OSC等IT行业大会分享。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题