Flutter高级进阶实战 仿哔哩哔哩APP
一次性深度掌握Flutter高阶技能+商业级复杂项目架构设计与开发方案
近年来各大公司对Flutter技能的要求越来越高,甚至设立了专门岗位,但掌握Flutter高阶技能的人才寥寥无几,市面上干货Flutter高阶课程少之又少,导致Flutter高阶人才缺口大。为此我们专门为大家设计了这门课程,助力你早日成为企业抢手的新一代工程师。
技术要求
具备Dart、Flutter基础,
对跨平台技术有追求的开发者
环境参数
Flutter 2.x
[wm_notice]试看链接:https://pan.baidu.com/s/1soW2J7TZSDVTHOBFbV1sPQ
提取码:iued
[/wm_notice]
章节目录:
-
第1章 课程介绍与学习指南 试看8 节 | 35分钟
工欲善其事必先利其器,本章主要介绍课程实战项目、技术栈、课程安排、以及开发工具的使用小技巧,希望通过这门课能够帮助大家学有所成,学有所归。
- 图文:1-1 课前必读
- 视频:1-2 课程导学 (10:32)试看
- 图文:1-3 本章目标
- 视频:1-4 如何高效的学习本课程【送你一份高效的课程学习指南】 (07:07)
- 视频:1-5 Android Studio开发Flutter实用技巧(持续更新) (09:43)试看
- 视频:1-6 VS Code开发Flutter实用技巧(持续更新) (07:26)
- 图文:1-7 本章总结
- 作业:1-8 本章作业
-
第2章 Flutter 2空安全适配指南【增值赠送,持续更新】9 节 | 0分钟
为了帮助小伙伴们更好的掌握Flutter 2空安全的适配技巧与经验,开发出更高质量的APP,课程新增Flutter 2空安全适配指南一章的内容。
- 图文:2-1 本章目标
- 图文:2-2 走进空安全(空安全最小必备知识)
- 图文:2-3 Flutter如何做空安全适配
- 图文:2-4 自定义Widget的空安全适配技巧
- 图文:2-5 数据模型(Model)空安全适配技巧
- 图文:2-6 单例的空安全适配技巧
- 图文:2-7 插件的空安全适配问题
- 图文:2-8 空安全适配常见问题
- 图文:2-9 本章总结
-
第3章 Flutter网络和数据存储框架搭建 试看13 节 | 110分钟
本章将手把手搭建一套Flutter网络框架,带你掌握网络操作、本地存储核心技术的基础上,传授你开发提效的思路、方案和经验。
- 视频:3-1 本章目标 (02:27)
- 图文:3-2 Flutter网络层框架疑难点分析(持续更新)
- 视频:3-3 Flutter网络框架架构设计 (07:17)
- 视频:3-4 基于配置的请求封装与hi_net架构搭建-1 (13:06)试看
- 视频:3-5 基于配置的请求封装与hi_net架构搭建-2 (12:18)
- 视频:3-6 hi_net统一异常和返回处理与Adapter模式设计 (19:38)
- 视频:3-7 扩展hi_net添加对dio的支持 (11:20)
- 视频:3-8 Dart JSON编码器和解码器剖析 (07:43)
- 图文:3-9 思考题(持续更新)
- 视频:3-10 三种JSON解析技巧带你解放生产力 (18:46)
- 视频:3-11 统一缓存管理框架hi_cache设计 (13:57)
- 视频:3-12 本章总结 (02:39)
- 作业:3-13 本章作业
-
第4章 登录注册模块设计开发10 节 | 115分钟
本章将带你掌握登录注册模块设计、Flutter中接口鉴权的方案,并着重培养大家封装widget的能力,通过封装实现代码的复用,避免嵌套地狱,提高代码的可读性、维护性和扩展性,提高开发效率。
- 视频:4-1 本章目标 (03:09)
- 图文:4-2 登录与注册流程分析(持续更新)
- 视频:4-3 Flutter登录与注册SDK设计实现 (20:52)
- 视频:4-4 登录态保持与接口鉴权处理 (12:44)
- 视频:4-5 输入框实用技巧与实战应用 (23:00)
- 视频:4-6 自定义AppBar与登录动效设计与实现 (19:30)
- 视频:4-7 注册模块设计与实现 (16:39)
- 视频:4-8 登录模块设计与实现 (16:58)
- 视频:4-9 本章总结 (01:59)
- 作业:4-10 本章作业
-
第5章 基于Flutter路由原理搭建APP导航架构15 节 | 142分钟
本章将基于Flutter路由原理,手把手带你搭建高易用的APP框架和导航组件,同时分享你如何提高研发效率、解决常见的疑难问题。
- 图文:5-1 本章目标
- 视频:5-2 如何有效的学习Navigator 2【学习锦囊】 (03:26)
- 图文:5-3 揭开Flutter新版导航器和路由系统的面纱
- 视频:5-4 Flutter新版路由和导航系统实战(一) (13:37)
- 视频:5-5 Flutter新版路由和导航系统实战(二) (12:50)
- 视频:5-6 基于全新Navigator封装易用的导航框架(一) (13:02)
- 视频:5-7 基于全新Navigator封装易用的导航框架(二) (12:13)
- 视频:5-8 Android物理返回兼容处理跳转回调实现 (12:18)
- 视频:5-9 封装统一导航功能提高开发效率 (16:10)
- 视频:5-10 页面导航监听与onPause和onResume功能探索与实现 (14:54)
- 视频:5-11 基于BottomNavigation+PageView实现底部导航功能 (16:09)
- 视频:5-12 扩展hi_navigator支持底部tab导航通知 (15:04)
- 视频:5-13 基于TabBar+TabBarView实现顶部导航功能 (12:14)
- 图文:5-14 本章总结
- 作业:5-15 本章作业
-
第6章 大首页模块开发13 节 | 126分钟
本章将手把手带你搭建首页模块,掌握主流APP首页的疑难点问题的解决方案,解锁Flutter图片加载与缓存原理、列加载优化等高阶技能。
- 图文:6-1 本章目标
- 视频:6-2 首页接口系分与Dao层实现 (16:20)
- 视频:6-3 封装HiState处理页面状态异常 (06:11)
- 视频:6-4 轮播图Banner组件封装 (18:41)
- 视频:6-5 封装可自定义样式的沉浸式导航栏NavigationBar (17:40)
- 视频:6-6 基于StaggeredGridView封装首页双Feed列表 (12:27)
- 视频:6-7 卡片组件封装与优化 (22:37)
- 图文:6-8 Flutter图片加载与缓存原理剖析(持续更新)
- 视频:6-9 列表图片缓存与加载优化实战 (11:21)
- 视频:6-10 上拉加载更多与分页功能实现 (11:42)
- 视频:6-11 基于Lottie实现全局加载组件封装 (08:04)
- 图文:6-12 本章总结
- 作业:6-13 本章作业
-
第7章 Flutter视频播放器组件封装10 节 | 81分钟
本章核心带你掌握播放器架构与功能优化,基于播放器源码原理完成播放器的封装,并实现全屏与沉浸式播放和体验优化,掌握播放器开发中的疑难问题和解决方案。
- 图文:7-1 本章目标
- 图文:7-2 Flutter主流视频播放器(持续更新)
- 视频:7-3 Flutter主流视频播放器分析 (04:33)
- 视频:7-4 Flutter视频播放器组件封装 (11:32)
- 视频:7-5 播放器源码分析与自定义播放器UI (17:50)
- 视频:7-6 全屏播放与沉浸式播放功能实现 (23:28)
- 视频:7-7 利用应用生命周期变化进行体验优化 (08:47)
- 视频:7-8 封装HiTab组件实现Tab切换功能复用 (14:08)
- 图文:7-9 本章总结
- 作业:7-10 本章作业
-
第8章 视频详情模块开发11 节 | 98分钟
本章核心完成视频详情模块开发,带你掌握复杂功能页面的设计与架构,解锁动效实现、布局技巧、扁平化布局减少嵌套、页面秒开等实用技能。
- 图文:8-1 本章目标
- 视频:8-2 视频详情头部模块组件封装与布局技巧 (09:59)
- 图文:8-3 Flutter动画开发实用知识(持续更新)
- 视频:8-4 基于Animation实现带动画的展开列表组件 (26:39)
- 视频:8-5 详情页接口系分与视频模型复用 (13:29)
- 视频:8-6 视频点赞分享收藏工具栏实现 (20:17)
- 视频:8-7 视频收藏接口系分与功能实现 (10:58)
- 视频:8-8 关联视频列表卡片设计与功能实现 (16:16)
- 图文:8-9 本章总结
- 图文:8-10 思考题(持续更新)
- 作业:8-11 本章作业
-
第9章 排行榜模块开发7 节 | 39分钟
本章将带你封装通用底层带分页和刷新的页面框架HiBaseTabState,并重点分享你如何快速搭建页面来提升自己的研发效率。
- 图文:9-1 本章目标
- 视频:9-2 排行榜页面框架搭建 (07:15)
- 视频:9-3 通用底层带分页和刷新的页面框架HiBaseTabState封装 (14:48)
- 视频:9-4 排行榜模块接口系分与Dao层封装 (06:41)
- 视频:9-5 基于HiBaseTabState实现页面快速搭建 (09:22)
- 图文:9-6 本章总结
- 作业:9-7 本章作业
-
第10章 个人中心模块开发11 节 | 67分钟
本章将手把手带你完成个人中心模块开发,核心实现复杂场景下的嵌套滚动、高斯模糊、视差滚动等效果,还会对Flutter渲染原理进行剖析,实现高效的交互组件。
- 图文:10-1 本章目标
- 视频:10-2 个人中心模块接口系分与数据加载 (08:37)
- 视频:10-3 基于NestedScrollView与SliverAppBar实现复杂场景下的嵌套滚动 (08:51)
- 视频:10-4 高斯模糊与视差滚动效果实现 (05:28)
- 图文:10-5 Flutter渲染原理剖析(持续更新)
- 视频:10-6 高效的组件HiFlexibleHeader封装 (13:01)
- 视频:10-7 个人中心用户资产模块实现 (10:12)
- 视频:10-8 自定义动态布局实现职场进阶模块 (12:10)
- 视频:10-9 增值服务模块实现 (07:42)
- 图文:10-10 本章总结
- 作业:10-11 本章作业
-
第11章 视频弹幕架构开发12 节 | 87分钟
本章将手把手带你完成个人中心模块开发,核心实现复杂场景下的嵌套滚动、高斯模糊、视差滚动等效果,还会对Flutter渲染原理进行剖析,实现高效的交互组件。
- 图文:11-1 本章目标
- 图文:11-2 Flutter弹幕实现原理剖析(持续更新)
- 图文:11-3 WebSocket原理剖析
- 视频:11-4 基于web_socket_channel实现弹幕通信 (21:06)
- 视频:11-5 弹幕组件hi_barrage封装-1 (11:54)
- 视频:11-6 弹幕组件hi_barrage封装-2 (12:07)
- 视频:11-7 自定义弹幕展示效果 (08:31)
- 视频:11-8 基于Animation实现视频弹幕动效 (11:01)
- 视频:11-9 基于HiOverlay实现弹幕输入界面 (16:10)
- 视频:11-10 发送弹幕功能实现 (05:41)
- 图文:11-11 本章总结
- 作业:11-12 本章作业
-
第12章 实现Dark Mode主题模式【基于主流状态管理框架】10 节 | 75分钟
本章将对比分析provider、bloc、redux,带你玩转Flutter主流状态管理框架,轻松上手provider,实现Dark Mode主题模式监听适配。
- 图文:12-1 本章目标
- 图文:12-2 Flutter主流状态管理框架provider、bloc、redux对比(持续更新)
- 图文:12-3 轻松上手provider(持续更新)
- 视频:12-4 基于ThemeData实现自定义主题 (20:21)
- 视频:12-5 基于provider实现主题状态管理 (10:04)
- 视频:12-6 代码优化实现Dark Mode适配 (16:20)
- 视频:12-7 系统Dark Mode变化监听与适配 (10:49)
- 视频:12-8 Flutter的夜间模式实现 (16:32)
- 图文:12-9 本章总结
- 作业:12-10 本章作业
-
第13章 Flutter稳定性与性能优化12 节 | 96分钟
本章将以提升Flutter应用的稳定性和性能为核心,带你掌握Flutter异常捕获与上报、测试之道、性能分析和优化、包大小优化的经验和技巧。
- 图文:13-1 本章目标
- 图文:13-2 【图解】Flutter异常与Crash(持续更新)
- 视频:13-3 Flutter异常捕获与Crash日志收集 (23:32)
- 图文:13-4 【图解】Flutter测试的那些事(持续更新)
- 视频:13-5 稳定性保障之Flutter测试之道 (14:42)
- 视频:13-6 Flutter集成测试-1 (15:22)
- 视频:13-7 Flutter集成测试-2 (09:49)
- 图文:13-8 【图解】Flutter性能优化(持续更新)
- 视频:13-9 Flutter性能优化实战 (23:27)
- 图文:13-10 【图解】Flutter包大小优化的那些事(持续更新)
- 视频:13-11 Flutter包大小优化 (09:01)
- 图文:13-12 本章总结
-
第14章 Flutter组件化改造与提效8 节 | 42分钟
本章将带你深入剖析组件化方案原理,完成hi-net、hi-barrage、hi_base三个模块解耦重构及组件化改造。
- 图文:14-1 本章目标
- 图文:14-2 组件化原理和方案剖析(持续更新)
- 视频:14-3 hi-net模块解耦与重构 (09:32)
- 视频:14-4 hi-net组件化改造 (12:43)
- 视频:14-5 hi-barrage弹幕模块组件化改造 (08:22)
- 视频:14-6 hi_base基础模块组件化 (11:01)
- 图文:14-7 本章总结
- 作业:14-8 本章作业
-
第15章 Flutter项目集成打包6 节 | 25分钟
本章将带你完成Flutter进阶之路的最后一站,学习Flutter项目的构建打包的主流方案和技巧。
- 图文:15-1 本章目标
- 图文:15-2 【图解】Flutter集成与打包Android应用【持续更新】
- 视频:15-3 集成与打包Android应用 (16:31)
- 图文:15-4 【图解】Flutter集成与打包iOS应用【持续更新】
- 视频:15-5 集成与打包iOS应用 (08:26)
- 图文:15-6 本章小结