首页实战

慕课甄选-Flutter零基础极速入门到进阶实战

全面掌握最新版Flutter核心技术，及更新、避坑技巧，更好的运用Flutter跨平台技术！

已完结

难度：初级

时长：共 25 小时

优惠到手 _￥369

原价￥399.00

满599减100 满299减30

立即购买

加购物车

已有 630 人在学

概览
目录
服务
评价
套餐
咨询

掌握Flutter必备的Dart基础
Flutter项目开发避坑技巧
掌握全新版Flutter核心技能
Flutter版本更新与适配技术
快速上手企业级实战项目开发
移动端原生开发必备新技能

试看本节课 14:21

试看本节课 09:31

试看本节课 12:57

1-1 Flutter入门课程导学

1-2 项目需求分析，技术分解

2-2 Android开发者如何快速上手Flutter开发（一）

课程预览

检测到您还没有关注慕课网服务号，无法接收课程更新通知。请扫描二维码即可绑定

重新观看

本门课程作为Flutter入门首选课，课程中结合了最新版的Flutter、Dart、主流插件技术进行企业级项目开发，并融入了大量Flutter版本更新问题的解决方案，以及与H5混合开发和通信、多屏适配等高频技能，课程中还将讲师近几年在一线开发中积累的大量开发、避坑等经验传授给大家，让各位小伙伴在实际开发中能更好的运用Flutter技术。

展开所有

本章介绍：

本章主要对课程整体内容进行全面介绍，包括课程内容安排、课程优势亮点、课程适合人群、学习建议等。

第1章课程导学介绍【课程提供丰富的解题思路与答案库】

2 节｜24分钟

展开

视频：

1-1 Flutter入门课程导学

试看

14:21
视频：

1-2 项目需求分析，技术分解

试看

09:31

本章介绍：

本章将从开发语言、开发工具、布局、第三方库等，以及作为Android和iOS、前端、React Native不同领域的开发者如何快速上手Flutter的学习.

第2章 Flutter学习经验：Flutter快速上手指南【保姆级上手教程】

10 节｜124分钟

收起

视频：

2-1 本章介绍

00:53
视频：

2-2 Android开发者如何快速上手Flutter开发（一）

试看

12:57
视频：

2-3 Android开发者如何快速上手Flutter开发（二）

18:30
视频：

2-4 iOS开发者如何快速上手Flutter开发（一）

12:43
视频：

2-5 iOS开发者如何快速上手Flutter开发（二）

17:55
视频：

2-6 前端开发者如何快速上手Flutter开发（一）

12:32
视频：

2-7 前端开发者如何快速上手Flutter开发（二）

18:22
视频：

2-8 React Native 开发者如何快速上手Flutter开发（一）

09:09
视频：

2-9 React Native 开发者如何快速上手Flutter开发（二）

18:10
视频：

2-10 本章总结

02:25

本章介绍：

本章会从开发工具和平台的选择开始讲解Flutter的开发环境的搭建，开发工具的使用技巧以及遇到环境问题、工具问题以及版本问题该如何解决【福利！JSON 解析转Dart 工具：http://www.devio.org/io/tools/json-to-dart/】。

第3章 Flutter入门：开发工具准备与开发环境搭建【手把手带你搞定环境与工具】

7 节｜53分钟

收起

视频：

3-1 本章介绍

01:45
视频：

3-2 Flutter开发工具选择经验分享

05:55
视频：

3-3 如何在macOS电脑上搭建Flutter开发环境？

12:10
视频：

3-4 如何在Windows电脑上搭建Flutter开发环境？

12:21
图文：

3-5 高频Flutter开发环境搭建问题和解决方案分析
视频：

3-6 带你玩转主流Flutter开发工具的使用

17:29
视频：

3-7 本章总结

02:30

本章介绍：

为了降低学习Flutter的门槛，专门为大家补充了Dart基础，让您轻松解锁Flutter开发语言，本章我们将带您从零开始系统学习Dart语言，这里不是单纯的阐述概念，是让您真正理解Dart中的oop的思想及应用，这里不是简单的教您写代码，是让您写出高效、规范、简洁的代码。

第4章 Flutter入门：Flutter开发必备Dart基础【已掌握，可略过】

15 节｜132分钟

展开

视频：

4-1 Flutter之Dart概述

05:10
图文：

4-2 空安全最小必备知识
视频：

4-3 Flutter之Dart常用数据类型（数字、类型转换）

10:09
视频：

4-4 Flutter之Dart常用数据类型（字符串）

06:30
视频：

4-5 Flutter之Dart常用数据类型（布尔、List）

14:43
视频：

4-6 Flutter之Dart常用数据类型（Map）

09:43
视频：

4-7 dynamic、var、Object的使用与区别

09:17
视频：

4-8 带你解锁Flutter中常用的Dart方法类型

15:22
视频：

4-9 带你走进Flutter中的面向对象（标准构造方法、初始化列表与命名构造方法）

13:39
视频：

4-10 Dart的命名构造方法与命名工厂构造方法

10:37
视频：

4-11 Dart的get和set方法

04:13
视频：

4-12 Dart的抽象类和方法

06:29
视频：

4-13 在Flutter中使用mixins

05:42
视频：

4-14 带你了解Dart泛型在Flutter中的应用

09:55
视频：

4-15 有哪些可以用在Flutter上的编程技巧？

09:54

本章介绍：

本章主要讲解Flutter网络编程和本地存储的相关经验和技巧，包括对Http、sharedpreferences的封装和使用，以及Future与FutureBuilder的使用技巧，JSON解析与复杂模型的转换技巧等。

第5章 Flutter入门实战：Flutter网络编程与数据存储技术【实战必备技能】

10 节｜89分钟

展开

图文：

5-1 基于Http实现网络操作
视频：

5-2 Flutter网络开发实战应用（基于http实现get操作）

16:07
视频：

5-3 Flutter网络开发实战应用（基于http实现post操作与json解析）

18:28
图文：

5-4 JSON解析与Dart Model的使用
视频：

5-5 JSON解析与Dart Model的实战应用

16:40
图文：

5-6 Future与FutureBuilder实用技巧
视频：

5-7 Future与FutureBuilder实战应用

10:57
图文：

5-8 基于shared_preferences的本地存储操作
视频：

5-9 本地存储操作shared_preferences的实战应用

09:10
视频：

5-10 轻松掌握Flutter调试技巧

17:13

本章介绍：

本章将带你掌握登录注册模块设计、Flutter中接口鉴权的方案，并着重培养大家封装widget的能力，通过封装实现代码的复用，避免嵌套地狱，提高代码的可读性、维护性和扩展性，提高开发效率。

第6章 Flutter入门实战：布局实战技巧与登录模块开发【布局和鉴权技能】

10 节｜109分钟

展开

视频：

6-1 走进Flutter的Widget世界

08:50
图文：

6-2 StatelessWidget与StatefulWidget开发指南
图文：

6-3 Android和iOS开发者如何快速上手Flutter布局开发
视频：

6-4 基于Scaffold、Stack等主流Widget实现登录页面结构布局

18:03
视频：

6-5 基于StatelessWidget与TextField实现账号和密码输入功能

18:59
视频：

6-6 按钮组件封装与禁用功能实现

08:00
视频：

6-7 登录功能交互体验优化

07:46
视频：

6-8 接口鉴权与登录态处理

16:32
视频：

6-9 登录服务功能实现

17:04
视频：

6-10 Flutter屏幕适配指南

13:20

本章介绍：

从本章开始，开启本门课程的基础实战篇 - APP导航框架与常用功能的实现，我会结合Scaffold与PageView实现首页导框架；使用插件实现轮播图；使用NotificationListener监听列表滚动来实现对导航栏的渐变效果，让大家巩固对基础时候的理解；

第7章 Flutter入门实战：APP导航框架与常用功能实现【先打一仗，巩固技能】

5 节｜58分钟

展开

视频：

7-1 基于PageView搭建首页导航框架

09:04
视频：

7-2 基于BottomNavigationBar实现底部Tab切换

12:32
视频：

7-3 封装的艺术之轮播图组件的实现

12:50
视频：

7-4 带你手把手实现轮播图指示器

08:18
视频：

7-5 基于Opacity与NotificationListener实现AppBar滚动渐变效果

15:02

本章介绍：

本章节除了讲解如何用ListView实现横向与竖向的列表，基于ExpansionTile实现可展开的列表，用GridView实现网格列表的使用技巧之外，同时会讲解一些实用的功能技巧如：下拉刷新，上拉加载更多等。

第8章 Flutter进阶提升：玩转Flutter列表组件【动动手，带你玩转各种列表】

4 节｜40分钟

展开

视频：

8-1 基于ListView实现水平和垂直方式滚动的列表

11:02
视频：

8-2 基于ExpansionTile实现可展开的列表

09:27
视频：

8-3 基于GridView实现网格列表

07:02
视频：

8-4 高级功能列表下拉刷新与上拉加载更多功能实现

11:35

本章介绍：

本章主要讲解首页模块的实现，其中会讲解如何实现自定义组件，网格卡片功能实现&布局技巧，以及球区入口的实现，H5模块的开发与使用技巧，以及功能模块的封装与复用。

第9章 Flutter进阶实战：App首页功能开发【Top App实战经验，干货满满】

12 节｜136分钟

展开

本章介绍：

本章主要讲解如何设计与实现搜索模块？如何实现一个带搜索的AppBar？以及输入框TextField的使用与扩展；搜索文字高亮与富文本功能实现；如何实现搜索Item？以及实时搜索功能的实现技巧与经验。

第10章 Flutter进阶实战：搜索模块开发【适用于企业级应用开发：简洁、高效、实用】

10 节｜146分钟

展开

视频：

10-1 本章介绍

01:33
视频：

10-2 自定义SearchBar结构框架实现

23:58
视频：

10-3 TextField输入框自定义样式扩展

17:39
视频：

10-4 基于SearchBar实现首页AppBar

14:15
图文：

10-5 搜索接口和数据交互说明
视频：

10-6 搜索接口系分与搜索Dao层的实现

16:11
视频：

10-7 基于ListView实现搜索列表与实时搜索的优化

21:15
视频：

10-8 搜索Item实现

19:44
视频：

10-9 动态Icon与富文本展示

25:01
视频：

10-10 本章总结

06:03

本章介绍：

本章主要讲解旅拍模块的设计与实现，同时会讲解如何实现瀑布流布局，如何发现问题和定位问题，如何实现不同的交互效果，以及对非常实用的滑动切换tab方案进行讲解。

第11章 Flutter进阶实战：旅拍模块实现【助力职场】

9 节｜83分钟

展开

视频：

11-1 本章介绍

01:43
图文：

11-2 旅拍模块接口和数据交互说明
视频：

11-3 旅拍类别接口系分与数据处理

12:05
视频：

11-4 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab（一）

14:20
视频：

11-5 使用TabBar+TabBarView 实现旅拍可滑动切换多Tab（二）

06:17
视频：

11-6 旅拍列表接口系分与数据处理

12:34
视频：

11-7 实现旅拍瀑布流布局

15:42
视频：

11-8 实现旅拍卡片实现

14:52
视频：

11-9 本章总结

04:44

本章介绍：

本章将带你解锁Flutter + H5混合开发的常用必备技能，包括：webview_flutter的使用，H5封装widget封装等。带你玩转Flutter + H5混合开发。

第12章 Flutter进阶拓展：Flutter与H5混合开发【大厂开发思维主流开发经验】

7 节｜70分钟

展开

本章介绍：

本章主要讲解Flutter + H5混合开发的通信原理剖析以及常用的通信和路由跳转的实现方式。

第13章 Flutter进阶拓展：Flutter与H5通信开发【混合开发必备技术】

14 节｜110分钟

展开

视频：

13-1 本章介绍

03:08
视频：

13-2 Flutter与H5通信的几种方式

09:27
图文：

13-3 Flutter与H5通信的原理剖析
图文：

13-4 Flutter与H5通信实战开发资料
视频：

13-5 JS通过URL向Flutter传递数据

20:16
视频：

13-6 JS通过Channel向Flutter传递数据

07:48
视频：

13-7 Flutter通过URL向H5传递数据

06:50
视频：

13-8 Flutter通过执行JS代码向H5传递数据

11:04
图文：

13-9 Flutter与H5路由跳转详解
视频：

13-10 Flutter加载本地H5实战开发

10:47
视频：

13-11 Flutter加载指定目录下的H5

11:02
视频：

13-12 通过cookie的方式实现登录态的同步

14:25
视频：

13-13 通过Channel的方式实现登录态的同步

09:47
视频：

13-14 本章总结

04:33

本章介绍：

本章主要讲解Flutter的插件的开发流程与技巧，以及Flutter插件的发布经验，同时会讲解如何甄选Flutter插件。

第14章 Flutter进阶拓展：开发包和插件开发【成神之路，助你一臂之力】

6 节｜52分钟

展开

本章介绍：

Flutter的升级与适配一直是困扰开发者的一个痛点，本章节将讲解最新版Flutter的升级与适配的经验与技巧，同时会对比不同升级方式的优缺点，并且给出适配建议。

第15章 Flutter进阶拓展：Flutter升级与适配指南【开发避雷针】

6 节｜34分钟

展开

本章介绍：

本章为赠送内容，主要跟大家分享一些getx的最佳实践。包括：使用getx做路由、状态管理，使用Obx和GetX、GetBuild做状态管理，getX实现MVVM架构模式等。

第16章【赠送内容】getx最佳实践【大型工程必备】

10 节｜95分钟

展开

本章介绍：

本章将带大家总结回顾，希望大家课后多加练习，另外学习过程中遇到问题，可以随时发布问题到课程问答区，我看到后会为大家一一解答，并且课程提供同学间交流的QQ群，也非常欢迎大家一起交流，探讨，最后希望大家都能学有所获，学好Flutter。加油。

第17章课程总结【万金油，出师必备锦囊】

1 节｜

展开

图文：

17-1 课程总结

本课程已完结

适合人群

Android、iOS或前后端开发工程师

对Flutter技术感兴趣的开发工程师

技术储备

具备基本的编程基础

了解VS Code或Android Studio开发工具

环境参数

Flutter 3.x以上版本

CrazyCodeBoy

有Geek精神的全栈架构师，已有104721个学生

其他课程：《ChatGPT + Flutter快速开发多端聊天机器人App》《Flutter高级进阶实战-仿哔哩哔哩-掌握Flutter高阶技能》、《RN入门到进阶，打造高质量上线App》、

全部

深耕移动端领域10年+，负责过多款大型Android、iOS、小程序项目的研发，有多Android、Flutter、RN App上线及管理经验，在慕课网现已上线了多门课程，广受好评，有诸多学生进入了Amazon、阿里、字节跳动等大厂就职。

不为别的，只为提升面试通过率

尽管课程时间很长，
但没关系，我们有老师的陪伴，
还有同学之间互相鼓励，彼此帮助，
完成学习后，还能获得慕课网官方认证的证书。

立即购买

星辰大海1497010给了好评

课程很好，Crazy老师讲的很细致，老师在课程中还准备了不少文档笔记，既照顾了我们这些没有基础的同学，也为后面的实战爬坡做铺垫准备。实战部分学下来感觉很充实，对平时基本开发会遇到的场景都有所涉及，一些封装设计的思考也很有启发。另外，老师还根据大家的喜好额外增加了GetX的讲解，MVVM的实践真的很实用。总的来说是目前所接触到的最好的Flutter课程。

讲师回复: 感谢星辰大海的支持和认可！我们在课程设计上花了很多心思，目的就是让每一位学员不仅学到Flutter的基础，还能掌握实际应用技巧。也很高兴你喜欢GetX和MVVM部分的内容，未来我们也会继续优化课程内容，提供更多实战经验。希望这门课程能继续伴随您的成长，期待你继续学习哦！

JefferyzZ给了好评

买了老师很多课程了，真的讲得好，深入浅出，每个知识点都讲的很到位，答疑也很细致，会一直支持，希望老师多多出课💖

讲师回复: 非常感谢JefferyzZ 一直以来的支持！每一节课我们都力求深入浅出、易于理解，希望每位学员都能获得全面、系统的Flutter知识。您的期待是我们前进的动力，很开心能能见证你的成长和进步。

慕丝2230774给了好评

讲得不错，从Android开发的角度讲的同等关系，用心了

宝慕林6515096给了好评

课程不错，通俗易懂，有不少启发，没有白买

whitecomet给了好评

收获很大，除视频外，还提供了GIT工程及对应的笔记

讲师回复: 感谢whitecomet的反馈！也很高兴看到您在课程中不仅学到了视频内容，还在GIT工程和笔记方面有所收获。笔记和工程文件是帮助大家更好掌握知识的工具，今后我会继续完善这些辅助资料，提升学习体验，帮助更多人顺利完成Flutter入门到进阶。

慕粉3376627给了好评

由浅入深, 结合实战, 学习起来效率很高

讲师回复: 感谢您的认可！我们在设计课程时就是希望通过循序渐进的方式，让每位学员都能轻松理解并快速上手。期待您在Flutter的学习之路上越走越远！

LGTTX给了好评

正在学习中，目前看该课程讲的很好

KillerNoBlood给了好评

理论结合代码，便于理解，上手快

讲师回复: 感谢KillerNoBlood的支持，深入结合代码和实战经验确实是高效学习Flutter的关键。希望课程内容能继续帮助您提升开发效率，欢迎推荐给其他想要提升Flutter开发技能的朋友！

2
课程里项目能作为项目经验去面试吗？
亲，您好~当然可以，面试的项目一要能体现出复杂度，二来面试问你你要能回答出实现这些项目时候的思考。为了让大家的学习更进一步接近大厂项目的开发，我们从众多APP中，为大家精选出携程网APP，来作为我们要开的APP的蓝本，在项目实战环节，我们会高保真的对标携程网APP来实现一些精挑细选的常用模块。在实现的时候不仅会讲解如何做更会讲解为什么这样做，以及一些经验思考都会传授给大家听。所以用这个项目拿去面试就再好不过了。祝您学习愉快~
1
调用后端的api是用的getx 还是 dio呢
亲，您好~getx，课程讲解了getx的最佳实践，在课程后面章节中不仅有引入getx做状态管理，而且基于getx做了MVVM架构的工程改造。祝您学习愉快~
1
老师课程都有哪些特色和亮点呢
亲，您好~可归纳为：全新Flutter、大厂案例、从0到1 1. 采用全新Flutter和Dart：课程采用全新Flutter和Dart进行开发。 2. 项目驱动的教学模式：并以项目驱动模式进行教学，以学员为中心的项目驱动教学模式，让你深入理解和应用技术，同时培养你的独立思考和解决问题的能力； 3. 一线大厂：课程采用一线大厂案例来贯穿整个课程进行学习，让大家掌握真实大厂的开发方式和开发理念，让你的开发经验更上一层楼； 4. 更容易上手：课程涵盖学习Flutter从基础到进阶的全流程的方方面面，相比他的前身更容易上手； 5. 避坑经验：另外，在学习课程的过程中，你会发现有不少的避坑的经验的讲解，这将让你在Flutter学习可开发工作量少踩坑，大大节省时间。 6. Flutter版本更新无忧：学习Flutter不少小伙伴最为担心的就是Flutter版本的更新问题了，本着授人以鱼不如授人以渔的思想，在课程中将讲解常见的Flutter版本更新的问题，以及教你如何应对未来Flutter版本的更新。祝您学习愉快~
1
看这门新课和原来那门课有哪些区别啊？
亲，您好~亲所说的那是一门几年前的课程吧，虽然在不断地迭代更新，但为了给大家带来更好的学习体感，所以决定基于目前最新最火的Flutter技术给大家全新打造了这门课程。区别一，Flutter和主流插件版本的不同：本门采用了全新的Flutter、Dart以及主流插件的版本进行打造，小伙伴们可以基于最新版本无缝学习；区别二，课程涵盖的Flutter开发经验更丰富：本门课程包含了一些Top APP Flutter的一些最新的经验积累，通过这些经验的学习，可以让大家不仅可以少踩坑而且能够节省时间；区别三，课程新增与H5混合开发和通信、多屏适配等高频技能的详细案例和实战的讲解，是之前课程所没有的。祝您学习愉快~
1
老师，没有任何Flutter基础可以学吗？
亲，您好~可以的，为了让没有Flutter基础的同学更容易上手Flutte开发，课程涵盖学习Flutter从基础到进阶的全流程的方方面面，相比其他课程更容易上手。祝您学习愉快~
0
买了之后有沟通群么？
亲，您好~有的，课程配有专门的学习交流群。祝您学习愉快~