这门课值不值得学

这份资料围绕 Flutter 框架与 Dart 语言展开，最终导向一个仿网易云音乐的实战项目。它解决的核心场景是：公司需要一套代码同时跑在 iOS 和 Android 上，你作为前端、安卓或后端开发者，被要求快速顶上跨平台移动端的开发缺口。它不教你原生底层渲染原理，也不涉及复杂的架构哲学，而是把日常业务里高频出现的界面搭建、状态管理、网络请求和列表滚动，拆成可以照着抄写就能跑通的代码片段。对于需要快速交付 App 原型或接手现有跨端项目的上班族来说，这种直奔主题的务实风格比通读官方文档更有效率。如果你指望学完就能去造跨平台渲染引擎的轮子，这套内容承载不了那么大的期望。

适合什么基础与学习顺序

资料默认你写过一些代码，哪怕只是大学里的 C 语言或前端 JavaScript，但不需要你提前懂移动端开发。开篇用“混个脸熟”的方式带你跑通第一个程序，接着是开发环境搭建。我强烈建议哪怕你自认熟悉变量声明，也先把 Dart 语言那几节快速过一遍。Dart 的构造器写法、泛型用法和 Lambda 表达式与 JavaScript 有微妙差异，跳过这些直接去写 Widget，后期排查类型报错会非常痛苦。具体来说，先把 Dart 的函数详解、List 与 Map 操作、面向对象里的继承和接口这几块看懂，再去碰 Flutter 的 Widget 和状态管理。资料里的面向对象部分讲得比较细，从具名构造器到静态成员都有覆盖，这是写好复杂组件的基础，别跳过。

学完能做什么与资料怎么用

跟着把仿网易云音乐的项目敲完，你能独立用 Flutter 完成一个具备底部导航、网络数据加载、歌曲列表展示、详情页面跳转的完整 App。这意味着你拿到了跨平台移动端开发的入场券，能看懂团队里现有的 Flutter 业务代码，也能接手把一个现成的设计稿转成可运行界面的工作。在练习时，不要只盯着视频看，把资料里的代码片段复制到编辑器里跑起来，改几个参数看界面怎么变。遇到网易云实战部分，先自己尝试拆解首页的轮播图和歌单列表怎么用 Widget 嵌套，跑不通了再回头看视频里的拆解思路。环境搭建那一节务必跟着操作，Windows 下配 Android 环境经常卡在 SDK 下载和模拟器启动，手边开着编辑器同步操作，比纯看视频排查报错快得多。


01 快速入门flutter · 02 开发环境搭建 · 03 dart快速入门-上 · 04 dart快速入门-下 · 05 dart面向对象详解 · 06

课程目录

*   01 快速入门flutter/

  *   混个脸熟：flutter包、包管理器

  *   混个脸熟：快速认识widget、状态

  *   混个脸熟：第一个flutter程序r

*   02 开发环境搭建/

  *   windows+android环境搭建

*   03 dart快速入门-上/

  *   lambda与typedef

  *   什么是dart

  *   函数详解

  *   变量的5种声明方式

  *   数据类型-字符串

  *   数据类型-数字、parse

  *   类型转换

*   04 dart快速入门-下/

  *   判断、循环、异常捕获

  *   数据类型-list

  *   数据类型-map

  *   泛型

*   05 dart面向对象详解/

  *   面向对象-具名构造器、访问器

  *   面向对象-基础

  *   面向对象-抽象

  *   面向对象-接口

  *   面向对象-构造器

  *   面向对象-泛型深入

  *   面向对象-继承、标注

  *   面向对象-静态成员

*   06 详解flutter-上/

  *   flutter基础组件：Icon

  *   flutter基础组件：Image

  *   flutter基础组件：Text

  *   flutter基础组件：堆叠、定位、滚动

  *   flutter基础组件：布局-grid

  *   flutter基础组件：布局-table

  *   flutter基础组件：布局-基础

  *   flutter基础组件：布局-行、列、自适应

  *   复习：创建、运行flutter程序

*   07 详解flutter-中/

  *   flutter状态管理

  *   flutter状态通信

  *   flutter路由-传参

  *   flutter路由-动态路由

  *   flutter路由-基础

  *   flutter路由-路由表、命名路由

  *   redux全局状态管理

  *   原生flutter状态管理

  *   打造自己的redux-封装自己的状态管理库

*   08 详解flutter-下/

  *   flutter表单-form使用、表单状态

  *   flutter表单-form表单校验

  *   flutter表单-单选、开关

  *   flutter表单-文本框

*   09 实战：网易云音乐-项目搭建、开屏页/

  *   开屏页、机型适配

  *   项目分析

  *   项目结构搭建

*   10 实战：网易云音乐-首页/

  *   可重用组件：Hero

  *   可重用组件：底部导航条-上

  *   可重用组件：底部导航条-下

  *   可重用组件：推荐列表

  *   可重用组件：歌单列表

  *   搜索条

  *   类目滚动菜单

  *   轮播图、carousel

*   11 实战：网易云音乐-广场页/

  *   头部、hero组件重用

  *   整体布局

  *   歌单列表

  *   焦点图-1-基础、状态栏

  *   焦点图-2-3D焦点图原理、编写

  *   焦点图-3-3D焦点图手势

  *   焦点图-4-内容填充、clip使用

  *   类目选择

*   12 实战：网易云音乐-播放器-上/

  *   flutter音乐播放-上-基础

  *   flutter音乐播放-下-封装、重用

  *   全局共享player、单例模式

  *   音乐播放器-唱机效果-上

  *   音乐播放器-唱机效果-下

  *   音乐播放器-基本结构搭建

  *   音乐播放器-头部导航

  *   音乐播放器-播放器按钮

  *   音乐播放器-模糊效果、filter使用

*   13 实战：网易云音乐-播放器-下/

  *   canvas与自定义组件

  *   generalDialog自定义对话框

  *   全局播放图标、hero

  *   全局音乐播放控制

  *   播放列表组件-上

  *   播放列表组件-下

  *   播放进度

  *   歌曲详情组件-上

  *   歌曲详情组件-下

  *   音乐播放控制器

*   14 实战：网易云音乐-用户登录-上/

  *   手机号登录-上

  *   手机号登录-下

  *   登录欢迎页-1

  *   登录欢迎页-2

  *   登录欢迎页-3

*   15 实战：网易云音乐-用户登录-下/

  *   密码设置页

  *   昵称检测页、全局用户状态

  *   验证短信页-1

  *   验证短信页-2

  *   验证短信页-3

  *   验证短信页-4

*   16 实战：网易云音乐-用户中心/

  *   内容列表组件重用-上

  *   内容列表组件重用-下

  *   内容头部

  *   扫码、头部

*   17 实战：网易云音乐-评论列表/

  *   排序器组件、列表、底部评论条

  *   评论页结构搭建、可选hero组件

*   18 异步Future、文件操作、网络数据/

  *   socket基础、动手实现Http请求

  *   文件操作-二进制文件的操作

  *   文件操作-实战：图片文件、网络加载

  *   文件操作-异步、Future、async和await

  *   网络交互-HTTP基础

  *   网络交互-HttpClient使用2、POST数据

  *   网络交互-HttpClient使用3、POST文件

  *   网络交互-HttpClient使用与封装

*   19 Model与数据串行化/

  *   serializable自动建模

  *   网络交互-Model的使用与封装

*   20 Flutter动画原理、封装与应用/

  *   动画5大类、封装可重用AniBox

  *   动画的本质、flutter动画基础

*   Flutter课程资料202011.zip