老师介绍
简 介 | 想开发你自己的抖音 APP 吗?本课程将带领大家使用革命性的 Google 跨平台 UI 框架 Flutter 来开发一款类似于抖音的短视频社交应用“围观”。 |
---|
由于本文档不能加链接,更多课程资料和答疑等信息请查看此文(blog.jaggerwang.net/jwcourse-flutter-mobile-app-develop-in-practice/)。iOS 上购买苹果会抽成 35%,请尽量在网站和安卓上购买,不影响在 iOS 上观看,谢谢!
课程简介
Flutter 是新一代的跨平台 UI 框架,由 Google 出品。不同于 React Native 这类采用 Hybrid 架构的框架,Flutter 的架构升级是革命性的。Flutter 从渲染引擎往上都由自己实现,因此可控性更强,跨平台的适应性也更好,在性能上更是媲美于原生应用。除了跨移动平台,Flutter 还计划跨桌面和 Web 平台,发展前景良好,值得投入时间和精力去学习。想开发你自己的抖音 APP 吗?本课程将带领大家使用革命性的 Google 跨平台 UI 框架 Flutter 来开发一款类似于抖音的短视频社交应用“围观”。课程内容主打实战,因此具备很强的工程实践参考性。课程视频累计时长接近 20 个小时,参考代码约 1 万行。只要用心学习完本课程,并理解清楚参考代码,则完全可以胜任初级或中级移动开发工程师岗位。
本课程里所开发的围观 APP 使用了模拟的后端 API 服务,可以替换为本网校另外一门课程"Python Sanic 高并发服务开发实战"里所开发的围观 API 服务,有志于成为全栈工程师的同学可以选学。
适用人群
学习过 Web、安卓、iOS 等任意一种客户端开发技术,有 Dart 语言基础(本网校已开设相关课程)。
项目演示
课程目录
Flutter 框架
介绍
搭建骨架
显示图片
用户页之头部
课程简介
Flutter 是新一代的跨平台 UI 框架,由 Google 出品。不同于 React Native 这类采用 Hybrid 架构的框架,Flutter 的架构升级是革命性的。Flutter 从渲染引擎往上都由自己实现,因此可控性更强,跨平台的适应性也更好,在性能上更是媲美于原生应用。除了跨移动平台,Flutter 还计划跨桌面和 Web 平台,发展前景良好,值得投入时间和精力去学习。想开发你自己的抖音 APP 吗?本课程将带领大家使用革命性的 Google 跨平台 UI 框架 Flutter 来开发一款类似于抖音的短视频社交应用“围观”。课程内容主打实战,因此具备很强的工程实践参考性。课程视频累计时长接近 20 个小时,参考代码约 1 万行。只要用心学习完本课程,并理解清楚参考代码,则完全可以胜任初级或中级移动开发工程师岗位。
本课程里所开发的围观 APP 使用了模拟的后端 API 服务,可以替换为本网校另外一门课程"Python Sanic 高并发服务开发实战"里所开发的围观 API 服务,有志于成为全栈工程师的同学可以选学。
适用人群
学习过 Web、安卓、iOS 等任意一种客户端开发技术,有 Dart 语言基础(本网校已开设相关课程)。
项目演示
课程目录
Flutter 框架
介绍
- 特点
- 安装
- Hello Flutter
- 什么是组件
- 组件如何渲染
- 基本组件
- Material 组件
- 生命周期事件
- Key
- Global Key
- Flutter 布局机制
- 布局单个组件
- 水平和垂直布局
- 常用布局组件
- 布局实例
- 有状态和无状态组件
- 创建有状态组件
- 常用交互组件
- 添加资源
- 资源变体
- 加载资源
- 加载图片资源
- 依赖包中的图片资源
- 导航器(Navigator)
- 进入和返回页面
- 使用命名路由
- 跨页面传递数据
- 跨页面指引
- 什么是状态
- 状态类别
- 状态管理方式
- 状态存放位置
- 使用 provider 来管理状态
搭建骨架
- 功能介绍
- 干净架构
- 控制反转(IoC)
- 搭建骨架
- 创建 TabPage
- 创建 WgTabBar
- 给各 Tab 页添加 TabBar
- JSON 序列化和反序列化
- 实现拷贝创建(copyWith)、按值比较(==)、字符串化(toString)等方法
- 定义 NoticeEntity
- Redux 介绍
- 使用 Redux 的好处
- Flutter 应用里如何使用 Redux
- 集成 Redux
- 封装对服务端 API 的调用
- 使用 dio 来执行 http 请求
- 使用 cookie_jar 来支持 Cookie
- 模拟(Mock)服务端 API
- 定义实体
- 登录
- 注册
- 检查登录
- 退出
- 显示个人资料
- 修改个人资料
显示图片
- 使用 cached_network_image 来从网络加载并缓存图片
- 使用 carousel_slider 来轮播图片
- 创建 ImagePlayerPage
- 使用 video_player 来播放视频
- 创建 VideoPlayerWithControlBar
- 创建 VideoPlayerWithCover
- 创建 VideoPlayerPage
- 定义实体
- 上传文件
- 保存输入
- 使用 image_picker 来选取照片或视频
- 创建并处理 postPublishAction
- 创建 PublishPage
- 创建 PostTile
- 创建并处理 PostFollowingsAction
- 创建并处理 postFollowingAction
- 在 HomePage 展示关注的动态
- 喜欢动态
- 删除动态
用户页之头部
- 创建并处理 userInfoAction
- 实现 SliverAppBar
- 创建并处理 postPublishedAction
- 实现 TabBarView
- 关注用户
- 创建 UserTile
- 创建并处理 userFollowingsAction
- 创建并处理 userFollowersAction
- 在 UserDetailPage 显示关注的用户
- 创建 FollowingUsersPage
- 创建 FollowerUsersPage
- 配置 Manifest
- 配置 Gradle
- 配置图标
- 签名
- 构建
- 发布
- 注册 Apple 开发者帐号
- 注册应用
- 配置 Xcode
- 配置图标
- 命令行构建
- 使用 Xcode 来构建并发布到 App Store
- 2019-11-03 课程视频全新录制,讲解更细致和准确,升级 Flutter 到 v1.9
- 2019-07-13 升级 Flutter 到 v1.7
- 2019-05-25 升级 Flutter 到 v1.5
- 2019-01-14 课程发布
* 课程提供者:天火