第24周
跨平台框架Flutter2与状态管理方案
快速带你掌握移动端跨端App框架,对于前端同学如何上手移动端跨端的开发?Flutter作为如今优秀的跨端解决方案,Dart语言学习坡度适中,组件化的思想、状态管理、数据持久化这些概念都与前端非常贴合。
课程安排:
1、Flutter2.0 vs Flutter 1.0
2、如何快速上手Dart语言
3、Flutter开发环境准备
4、配置Flutter官方加速源
5、Flutter中如何第三方组件
6、Flutter全屏适配方案ScreenUtil
7、Flutter状态管理方案对比(Redux、ScopedModel、bloc&flutter_bloc)
8、状态管理方案的应用场景
9、实战三种状态方案完成待办清单TodoList功能
10、封装公共的ScopedModel工具类
11、自定义svg图标库
第25周
封装请求&数据持久化方案&路由
深入Flutter通用业务模块的开发,介绍学习套路,类比前端中的学习策略,从页面到请求,从状态共享到数据持久化,结合路由完成丰富的页面逻辑。掌握核心的Flutter技能点,方便后续功能迭代与业务应用。
课程安排:
1、Flutter中的请求库Dio(Flutter单例factory、get_it)
2、请求库封装(RESTful常见请求、拦截器配置、统一错误处理等)
3、请求日志与环境变量的配置方案
4、封装常见的业务库(验证码、轻提示)
5、Flutter中的数据持久化方案(sqflite、shared_preferences)
6、封装数据库sqflite的公共类
7、学习业务数据库CURD(增删改查)操作
8、序列化与反序列化json_annotation、json_serializable
9、Flutter中的路由方案(fluro、flutter_modular、auto_route)
10、Flutter路由核心知识(命名路由、路由传参、路由守卫)
第26周
Flutter 后台消息&打包上线
介绍两种消息推送的场景(本地消息、后台消息),结合WebSocket实现Flutter侧的消息通用工具类;以及跨端移动App(Android、iOS),如何进行测试、打包与上线、错误日志收集。
课程安排:
1、Flutter集成WebSocket实现消息的实时通信
2、Flutter中常见的WebSocket第三方包(web_socket_channel、socket_io_client)
3、Flutter中消息分类(本地消息flutter_local_notifications、后台消息)
4、苹果开发者介绍
5、配置极光后台消息推送:iOS消息推送 + Android消息推送
6、AppStore上架规则与iOS移动端跨端测试方案TestFlight
7、Flutter全屏适配方案ScreenUtil
8、移动端第三方日志收集平台:蒲公英、友盟、bugly
9、Flutter启动图、应用图标配置方案
10、跨新平台打包环境准备(iOS + Android)
11、iOS&Android打包配置(权限申请配置)
第27周
Electron桌面端与主流的框架
本周将进入全端项目的桌面端,扩展工作中的应用场景,对比桌面端跨端应用的主流技术,分析Electron丰富的UI库 + 庞大体量的第三方npm库优势,结合前端组件化的思想,让桌面端跨端开发变得高效。
课程安排:
1、跨平台桌面端的应用场景
2、常见的桌面端开发技术盘点(对比主流技术方案)
3、桌面端设计与开发要点(交互、消息、打包、更新)
4、Electron应用程序结构与核心概念
5、Electron项目初始化与开发调试
6、MainProcess、RendererProcess模块核心API
7、Electron菜单与快捷键
8、主流vue&react与Electron结合思路
9、常见的Vue&React Electron开发模板
10、Electron模板项目源码解读(打包、配置)
第28周
Electron桌面端-社区业务集成
本周进入Electron桌面端实战,开发社区应用核心模块首页 + 登录注册+扫一扫登录,对接系统消息功能。实战打包windows&MacOS跨平台应用,了解如何实现热更新,完成桌面端应用开发的小闭环。
课程安排:
1、实现登录注册+首页功能
2、第三方登录Oauth2(扫一扫)
3、系统通知应用场景
4、如何发送原生系统消息通知
5、Electron播放通知声音
6、Electron项目macOS打包方案
7、Electron项目windows打包方案
8、构建体积优化思路
9、桌面应用热更新功能,集成Electron-updater