
本门课程作为2024年Flutter入门首选课,课程中结合了最新版的Flutter、Dart、主流插件技术进行企业级项目开发,并融入了大量Flutter版本更新问题的解决方案,以及与H5混合开发和通信、多屏适配等高频技能,课程中还将讲师近几年在一线开发中积累的大量开发、避坑等经验传授给大家,让各位小伙伴在实际开发中能更好的运用Flutter技术。
课程特点:
- 掌握Flutter必备的Dart基础
- Flutter项目开发避坑技巧
- 掌握全新版Flutter核心技能
- Flutter版本更新与适配技术
- 快速上手企业级实战项目开发
- 移动端原生开发必备新技能
课程目录:
- ├─第1章 课程导学介绍【课程提供丰富的解题思路与答案库】
- │ ├─1-1 Flutter入门课程导学.mp4 36.66MB
- │ └─1-2 项目需求分析,技术分解.mp4 28.73MB
- ├─第2章 Flutter学习经验:Flutter快速上手指南【保姆级上手教程】
- │ ├─2-1 本章介绍.mp4 4.94MB
- │ ├─2-10 本章总结.mp4 4.88MB
- │ ├─2-2 Android开发者如何快速上手Flutter开发(一).mp4 27.14MB
- │ ├─2-3 Android开发者如何快速上手Flutter开发(二).mp4 51.21MB
- │ ├─2-4 iOS开发者如何快速上手Flutter开发(一).mp4 24.72MB
- │ ├─2-5 iOS开发者如何快速上手Flutter开发(二).mp4 51MB
- │ ├─2-6 前端开发者如何快速上手Flutter开发(一).mp4 35.48MB
- │ ├─2-7 前端开发者如何快速上手Flutter开发(二).mp4 53.06MB
- │ ├─2-8 React Native 开发者如何快速上手Flutter开发(一).mp4 19.35MB
- │ └─2-9 React Native 开发者如何快速上手Flutter开发(二).mp4 51.7MB
- ├─第3章 Flutter入门:开发工具准备与开发环境搭建【手把手带你搞定环境与工具】
- │ ├─3-1 本章介绍.mp4 7.23MB
- │ ├─3-2 Flutter开发工具选择经验分享.mp4 18.83MB
- │ ├─3-3 如何在macOS电脑上搭建Flutter开发环境?.mp4 63.42MB
- │ ├─3-4 如何在Windows电脑上搭建Flutter开发环境?.mp4 62.37MB
- │ ├─3-5 高频Flutter开发环境搭建问题和解决方案分析.pdf 410.1KB
- │ ├─3-6 带你玩转主流Flutter开发工具的使用.mp4 60.58MB
- │ └─3-7 本章总结.mp4 8.83MB
- ├─第4章 Flutter入门:Flutter开发必备Dart基础【已掌握,可略过】
- │ ├─4-1 Flutter之Dart概述.mp4 10.19MB
- │ ├─4-10 Dart的命名构造方法与命名工厂构造方法.mp4 29.85MB
- │ ├─4-11 Dart的get和set方法.mp4 13.5MB
- │ ├─4-12 Dart的抽象类和方法.mp4 21.58MB
- │ ├─4-13 在Flutter中使用mixins.mp4 8.83MB
- │ ├─4-14 带你了解Dart泛型在Flutter中的应用.mp4 24.5MB
- │ ├─4-15 有哪些可以用在Flutter上的编程技巧?.mp4 29.9MB
- │ ├─4-2 空安全最小必备知识.pdf 864.9KB
- │ ├─4-3 Flutter之Dart常用数据类型(数字、类型转换).mp4 23.47MB
- │ ├─4-4 Flutter之Dart常用数据类型(字符串).mp4 15.99MB
- │ ├─4-5 Flutter之Dart常用数据类型(布尔、List).mp4 39.03MB
- │ ├─4-6 Flutter之Dart常用数据类型(Map).mp4 24.53MB
- │ ├─4-7 dynamic、var、Object的使用与区别.mp4 33.1MB
- │ ├─4-8 带你解锁Flutter中常用的Dart方法类型.mp4 38.64MB
- │ └─4-9 带你走进Flutter中的面向对象(标准构造方法、初始化列表与命名构造方法).mp4 33.84MB
- ├─第5章 Flutter入门实战:Flutter网络编程与数据存储技术【实战必备技能】
- │ ├─5-1 基于Http实现网络操作.pdf 111.04KB
- │ ├─5-10 轻松掌握Flutter调试技巧.mp4 46.48MB
- │ ├─5-2 Flutter网络开发实战应用(基于http实现get操作).mp4 50.45MB
- │ ├─5-3 Flutter网络开发实战应用(基于http实现post操作与json解析).mp4 61.2MB
- │ ├─5-4 JSON解析与Dart Model的使用.pdf 92.78KB
- │ ├─5-5 JSON解析与Dart Model的实战应用.mp4 59.59MB
- │ ├─5-6 Future与FutureBuilder实用技巧.pdf 105.52KB
- │ ├─5-7 Future与FutureBuilder实战应用.mp4 38.98MB
- │ ├─5-8 基于shared_preferences的本地存储操作.pdf 200.81KB
- │ └─5-9 本地存储操作shared_preferences的实战应用.mp4 27.67MB
- ├─第6章 Flutter入门实战:布局实战技巧与登录模块开发【布局和鉴权技能】
- │ ├─6-1 走进Flutter的Widget世界.mp4 17.1MB
- │ ├─6-10 Flutter屏幕适配指南.mp4 32.96MB
- │ ├─6-2 StatelessWidget与StatefulWidget开发指南.pdf 115.22KB
- │ ├─6-3 Android和iOS开发者如何快速上手Flutter布局开发.pdf 208.03KB
- │ ├─6-4 基于Scaffold、Stack等主流Widget实现登录页面结构布局.mp4 54.51MB
- │ ├─6-5 基于StatelessWidget与TextField实现账号和密码输入功能.mp4 52.05MB
- │ ├─6-6 按钮组件封装与禁用功能实现.mp4 22.56MB
- │ ├─6-7 登录功能交互体验优化.mp4 25.32MB
- │ ├─6-8 接口鉴权与登录态处理.mp4 45.12MB
- │ └─6-9 登录服务功能实现.mp4 56.06MB
- ├─第7章 Flutter入门实战:APP导航框架与常用功能实现【先打一仗,巩固技能】
- │ ├─7-1 基于PageView搭建首页导航框架.mp4 31.28MB
- │ ├─7-2 基于BottomNavigationBar实现底部Tab切换.mp4 41.4MB
- │ ├─7-3 封装的艺术之轮播图组件的实现.mp4 47.6MB
- │ ├─7-4 带你手把手实现轮播图指示器.mp4 28.17MB
- │ └─7-5 基于Opacity与NotificationListener实现AppBar滚动渐变效果.mp4 49.52MB
- ├─第8章 Flutter进阶提升:玩转Flutter列表组件【动动手,带你玩转各种列表】
- │ ├─8-1 基于ListView实现水平和垂直方式滚动的列表.mp4 30.53MB
- │ ├─8-2 基于ExpansionTile实现可展开的列表.mp4 24.78MB
- │ ├─8-3 基于GridView实现网格列表.mp4 22.42MB
- │ └─8-4 高级功能列表下拉刷新与上拉加载更多功能实现.mp4 34.87MB
- ├─第9章 Flutter进阶实战:App首页功能开发【Top App实战经验,干货满满】
- │ ├─9-1 本章介绍.mp4 7.48MB
- │ ├─9-10 加载进度条与下拉刷新的实现.mp4 41.34MB
- │ ├─9-11 本章总结.mp4 20.38MB
- │ ├─9-2 首页接口分析与数据请求封装.mp4 62.93MB
- │ ├─9-3 首页大接口的相关模型实现与使用.mp4 70.62MB
- │ ├─9-4 球区入口实现.mp4 35.29MB
- │ ├─9-5 网格卡片功能实现&布局技巧(一).mp4 53.56MB
- │ ├─9-6 网格卡片功能实现&布局技巧(二).mp4 31.52MB
- │ ├─9-7 活动入口实现.mp4 34.61MB
- │ ├─9-8 底部卡片实现(一).mp4 46.71MB
- │ └─9-9 底部卡片实现(二).mp4 42.14MB
- ├─第10章 Flutter进阶实战:搜索模块开发【适用于企业级应用开发:简洁、高效、实用】
- │ ├─10-1 本章介绍.mp4 7.36MB
- │ ├─10-2 自定义SearchBar结构框架实现.mp4 61.46MB
- │ ├─10-3 TextField输入框自定义样式扩展.mp4 52.74MB
- │ ├─10-4 基于SearchBar实现首页AppBar.mp4 43.33MB
- │ ├─10-5 搜索接口系分与搜索Dao层的实现.mp4 61.1MB
- │ ├─10-6 基于ListView实现搜索列表与实时搜索的优化.mp4 84.53MB
- │ ├─10-7 搜索Item实现.mp4 60.68MB
- │ ├─10-8 动态Icon与富文本展示.mp4 78.17MB
- │ └─10-9 本章总结.mp4 24.66MB
- ├─第11章 Flutter进阶实战:旅拍模块实现【助力职场】
- │ ├─11-1 本章介绍.mp4 11.11MB
- │ ├─11-2 旅拍类别接口系分与数据处理.mp4 53.38MB
- │ ├─11-3 使用TabBar TabBarView 实现旅拍可滑动切换多Tab.mp4 48.83MB
- │ ├─11-4 旅拍列表接口系分与数据处理.mp4 56.67MB
- │ ├─11-5 实现旅拍瀑布流布局.mp4 72MB
- │ ├─11-6 实现旅拍卡片实现.mp4 59.35MB
- │ └─11-7 本章总结.mp4 29.34MB
- ├─第12章 Flutter进阶拓展:Flutter与H5混合开发【大厂开发思维主流开发经验】
- │ ├─12-1 本章介绍.mp4 10.64MB
- │ ├─12-2 H5容器widget封装(一).mp4 69.4MB
- │ ├─12-3 H5容器widget封装(二).mp4 62.22MB
- │ ├─12-4 基于H5容器实现H5混合开发.mp4 63.01MB
- │ ├─12-5 基于H5容器实现我的页面.mp4 22.35MB
- │ └─12-6 本章总结.mp4 14.74MB
- ├─第13章 Flutter进阶拓展:Flutter与H5通信开发【混合开发必备技术】
- │ ├─13-1 本章介绍.mp4 9.81MB
- │ ├─13-10 通过Channel的方式实现登录态的同步.mp4 33.54MB
- │ ├─13-11 本章总结.mp4 22.03MB
- │ ├─13-2 Flutter与H5通信的几种方式.mp4 24.01MB
- │ ├─13-3 JS通过URL向Flutter传递数据.mp4 66.45MB
- │ ├─13-4 JS通过Channel向Flutter传递数据.mp4 28.28MB
- │ ├─13-5 Flutter通过URL向H5传递数据.mp4 19.3MB
- │ ├─13-6 Flutter通过执行JS代码向H5传递数据.mp4 40.14MB
- │ ├─13-7 Flutter加载本地H5实战开发.mp4 35.84MB
- │ ├─13-8 Flutter加载指定目录下的H5.mp4 32.95MB
- │ └─13-9 通过cookie的方式实现登录态的同步.mp4 48.33MB
- ├─第14章 Flutter进阶拓展:开发包和插件开发【成神之路,助你一臂之力】
- │ ├─14-1 本章介绍.mp4 9.46MB
- │ ├─14-2 如何甄选Flutter包和插件.mp4 64.33MB
- │ ├─14-3 Flutter包和插件的开发与发布(一).mp4 65.61MB
- │ ├─14-4 Flutter包和插件的开发与发布(二).mp4 59.14MB
- │ └─14-5 本章小结.mp4 19.27MB
- ├─第15章 Flutter进阶拓展:Flutter升级与适配指南【开发避雷针】
- │ ├─15-1 本章介绍.mp4 16.64MB
- │ ├─15-2 启动白屏问题优化与启动屏制作.mp4 53.93MB
- │ ├─15-3 Flutter升级与适配指南.mp4 59.19MB
- │ ├─15-4 【赠送内容】编译和打出Android应用.pdf 116.2KB
- │ ├─15-5 【赠送内容】编译和打出iOS应用.pdf 462.09KB
- │ └─15-6 本章小结.mp4 20.2MB
- ├─第16章 【赠送内容】getx最佳实践【大型工程必备】
- │ ├─16-1 本章介绍.mp4 6.1MB
- │ ├─16-10 本章总结.mp4 25.63MB
- │ ├─16-2 使用getx做路由管理.mp4 38.17MB
- │ ├─16-3 使用getx做状态管理(理论熏陶).pdf 149.67KB
- │ ├─16-4 使用Obx与GetX做状态管理.mp4 118.71MB
- │ ├─16-5 使用GetBuilder做状态管理.mp4 45.95MB
- │ ├─16-6 使用getx实现MVVM架构模式(理论熏陶).pdf 124.48KB
- │ ├─16-7 使用getx实现MVVM架构模式-模块的改造.mp4 73.92MB
- │ ├─16-8 使用getx实现MVVM架构模式-工程的改造.mp4 29.66MB
- │ └─16-9 登录模块MVVM架构模式改造.mp4 53.41MB
- ├─第17章 课程总结【万金油,出师必备锦囊】
- │ └─17-1 课程总结.pdf 818.85KB
Flutter生态系统
Flutter 的生态系统是一个快速发展且高度活跃的开发环境,主要围绕着以下几个方面展开:
- 框架和工具链:
- Flutter SDK:包括核心的 Flutter 框架、Dart 编程语言、开发工具和库。
- Flutter Engine:实现了高性能的渲染、布局和输入处理,是 Flutter 应用程序的运行时引擎。
- UI 组件库:
- Material Design 和 Cupertino 风格组件:Flutter 提供了丰富的 UI 组件,可以快速构建符合 Material Design 或 iOS Cupertino 风格的应用程序界面。
- 第三方组件库:例如 Flutter 社区和其他开发者提供的各种第三方 UI 组件库,增强了开发者的选择和灵活性。
- 开发工具:
- Flutter CLI:命令行工具,用于创建、构建和管理 Flutter 项目。
- Flutter DevTools:提供了一套强大的开发工具,用于调试、分析性能、查看日志等,帮助开发者提高开发效率和应用性能。
- 集成和支持:
- 平台支持:Flutter 支持 iOS、Android、Web、桌面(Windows、macOS、Linux)等多平台,使得开发者可以在不同平台上构建一致的用户体验。
- Flutter 社区:全球范围内有一个庞大而活跃的社区,提供开源组件、插件、教程和支持,有助于开发者解决问题和分享经验。
- 第三方服务和解决方案:
- Firebase:Google 提供的后端服务平台,与 Flutter 集成紧密,提供数据库、认证、云存储、推送通知等功能。
- 第三方库和插件:包括数据存储、地图、图表、支付集成等,丰富了 Flutter 应用程序的功能和能力。
- 学习资源和社区支持:
- 官方文档:Flutter 提供了详细的官方文档和示例,帮助开发者快速入门和深入理解。
- Flutter 中文网:针对中文开发者提供的社区和资源,支持中文文档和教程。
Flutter Web和桌面开发
Flutter 不仅限于移动应用程序开发,它还提供了支持 Web 和桌面平台的能力,这进一步扩展了其应用范围和生态系统的多样性。
Flutter Web
Flutter Web 允许开发者使用相同的 Dart 代码库构建现代、响应式的 Web 应用程序。以下是一些关键点:
- 技术实现:Flutter Web 使用了 Dart 的编译器技术,将 Dart 代码编译成高效的 JavaScript,使得 Flutter 应用可以在 Web 浏览器上运行。
- 优势:与传统的 HTML/CSS/JavaScript 开发相比,Flutter Web 提供了更高的开发效率和一致的用户体验,因为开发者可以使用相同的代码和工具链来构建移动应用和 Web 应用。
- 支持和发展:Flutter Web 已经在不断发展中,支持大多数现代浏览器,并且在性能、可访问性和移动优化方面有显著的改进。
Flutter 桌面开发
Flutter 桌面开发使开发者能够使用 Flutter 构建原生的桌面应用程序,支持 Windows、macOS 和 Linux 平台。以下是相关信息:
- 支持平台:Flutter 桌面目前支持 Windows、macOS 和 Linux。这意味着开发者可以使用相同的代码库创建跨平台的桌面应用程序。
- 特点:Flutter 桌面应用程序使用了标准的系统组件和功能,如窗口管理、菜单和系统通知,从而提供了与平台一致的用户体验。
- 发展状态:尽管在桌面端的支持仍在积极发展中,但已经有许多实际的应用案例和开发者的积极反馈。
综合评价
Flutter 的 Web 和桌面开发能力扩展了其在不同平台上的应用场景,使得开发者可以使用统一的技术栈构建跨平台的应用程序。这不仅提高了开发效率,还减少了维护成本,并且能够为用户提供一致的视觉和交互体验。随着技术的不断进步和社区的增长,Flutter 在 Web 和桌面开发领域的前景仍然非常广阔。
Flutter实战技巧
当你开始在Flutter中实战开发时,以下几点技巧可能会对你有所帮助:
- 掌握布局:
- 使用 Flutter 的强大布局系统来构建用户界面。了解 Row、Column、Stack 等布局组件以及 Expanded、Flexible 等布局控制器的用法。
- 使用 Container、Padding、Align 等组件来调整和控制组件的位置和大小。
- 管理状态:
- 学习如何有效地管理 Flutter 中的状态。使用 setState、Provider、Bloc 等状态管理工具,根据项目的规模和复杂度选择合适的方式。
- 使用主题和样式:
- 使用 Flutter 的主题和样式系统来保持应用的一致性和美观性。了解如何定义主题数据、创建自定义主题,以及如何应用和修改样式。
- 适应不同屏幕大小:
- Flutter 支持响应式设计,但需要开发者注意不同设备和屏幕尺寸的差异。使用 MediaQuery 和 LayoutBuilder 来适应不同的屏幕尺寸和方向。
- 优化性能:
- 注意 Flutter 应用的性能优化。避免不必要的重建,使用 const 构造函数创建不变的小部件,合理使用 ListView.builder 等懒加载组件。
- 测试和调试:
- 学习如何进行 Flutter 应用的单元测试和集成测试。使用 Flutter DevTools 工具来分析和调试应用性能和行为。
- 利用社区资源:
- Flutter 社区非常活跃,有大量的开源库和组件可供使用。学会使用 pub.dev 和 GitHub 等平台搜索和评估开源库的质量和适用性。
- 持续学习和实践:
- Flutter 是一个快速发展的技术,持续学习新的技术和最佳实践是非常重要的。参与社区讨论、阅读 Flutter 官方文档和博客是不错的学习途径。
通过这些技巧,你可以更高效地开发 Flutter 应用程序,并建立起良好的代码质量和用户体验。
Flutter的未来展望
Flutter 的未来展望非常光明,以下是几个关键点:
- 跨平台能力:Flutter 最大的优势之一是能够实现高度一致的跨平台用户界面。随着 Flutter 的成熟和普及,越来越多的开发者和企业选择 Flutter 来开发他们的移动应用,尤其是同时支持 iOS 和 Android 的应用。
- 持续的技术发展:Flutter 的技术基础非常强大,支持现代的响应式框架。Flutter 团队和社区不断推进框架的功能增强、性能优化和新特性的开发,如集成桌面应用支持、性能改进、新的渲染引擎等。
- 生态系统的扩展:Flutter 生态系统在不断壮大,包括丰富的第三方库、插件和工具。这些工具和库不断增加开发效率和应用的功能性,使得 Flutter 越来越适合各种类型的应用开发。
- Google 的支持:Flutter 是由 Google 开发和维护的,Google 在移动应用开发领域拥有深厚的技术积累和资源。这种支持保证了 Flutter 在技术上的持续进步和生态系统的健康发展。
- 开发者社区的活跃:Flutter 的开发者社区非常活跃,拥有广泛的用户群体和贡献者。社区的活跃性推动了 Flutter 的迅速发展和问题的快速解决。
总体来说,Flutter 在移动应用开发领域有着巨大的潜力和发展空间。随着技术的不断成熟和生态系统的扩展,Flutter 将继续成为开发者首选的框架之一,特别是对于需要高质量、跨平台的应用程序开发而言。