2019Flutter入門到精通視頻教程下載

 

 

 

 

 

 

課程介紹：

 

此套2019Flutter入門到精通全套視頻教程共包含22部分的學(xué)習(xí)內(nèi)容，分別為Flutter移動應(yīng)用-開發(fā)準備、Flutter移動應(yīng)用-快速起步、Flutter移動應(yīng)用-界面結(jié)構(gòu)、Flutter移動應(yīng)用-基礎(chǔ)部件、Flutter移動應(yīng)用-布局、Flutter移動應(yīng)用-視圖、Flutter 移動應(yīng)用-動畫等，具體課程內(nèi)容見下方的課程目錄介紹。

 

 

 

2019Flutter入門到精通視頻教程目錄介紹：

一、Flutter 移動應(yīng)用：開發(fā)準備
1 介紹.mp4
2 安裝 Flutter SDK（macOS）.mp4
3 配置 iOS 開發(fā)環(huán)境（macOS）.mp4
4 配置 VS Code 代碼編輯器.mp4
5 配置 Android 開發(fā)環(huán)境（macOS）.mp4
6 檢測問題：flutter doctor.mp4
7 Flutter 在中國地區(qū)的特別設(shè)置（macOS）.mp4
8 創(chuàng)建 Flutter 項目.mp4
9 運行 Flutter 項目（iOS 模擬器）.mp4
10 在 Android 模擬器上運行 Flutter 項目.mp4

二、Flutter移動應(yīng)用：快速起步
1 介紹.mp4
3 在屏幕中間顯示 “hello”.mp4
4 自定義小部件（Widget）.mp4
5 文字的樣式：TextStyle.mp4
6 MaterialApp：使用界面組件與定制界面主題.mp4
7 列表：準備數(shù)據(jù).mp4
8 列表視圖：ListView.builder.mp4
9 列表項目.mp4
 
三、 Flutter 移動應(yīng)用：界面結(jié)構(gòu)
1 介紹.mp4
2 準備項目.mp4
3 Material 應(yīng)用.mp4
4 AppBar：工具欄上的圖標(biāo)按鈕（IconButton）.mp4
5 TabBar：用標(biāo)簽形式展示內(nèi)容.mp4
6 TabBar：自定義標(biāo)簽欄的樣式.mp4
7 Material：自定義按鈕水波紋樣式.mp4
8 Drawer：抽屜（邊欄）.mp4
9 Drawer：在抽屜里使用 ListView， DrawerHeader，ListTile.mp4
10 Drawer：抽屜的打開與關(guān)閉.mp4
11 UserAccountDrawerHeader：抽屜里的用戶帳號信息.mp4
12 用戶帳戶頭部的背景圖像.mp4
13 創(chuàng)建 DrawerDemo 小部件.mp4
14 BottomNavigationBar：底部導(dǎo)航欄.mp4 
15 BottomNavigationBar：底部導(dǎo)航欄的激活狀態(tài).mp4
16 StatefulWidget：有狀態(tài)的小部件.mp4

四、Flutter 移動應(yīng)用：基礎(chǔ)部件
1 介紹.mp4
2 準備項目.mp4
3 查看小部件的定義.mp4
4 Text：文字與文字樣式.mp4
5 RichText：行內(nèi)多樣式的文字.mp4
6 Container：容器.mp4
7 BoxDecoration：裝飾盒子.mp4
8 BoxDecoration：邊框（border）.mp4
9 BoxDecoration：圓角（borderRadius）.mp4
10 BoxDecoration：陰影（borderShadow）.mp4
11 BoxDecoration：形狀（shape）.mp4
12 BoxDecoration：漸變（gradient）.mp4
13 BoxDecoration：背景圖像（image）.mp4

 五、Flutter移動應(yīng)用：布局
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 LayoutDemo 小部件.mp4
4 創(chuàng)建可配置的圖標(biāo)徽章（IconBadge）小部件.mp4
5 Row（橫排） 與 Column（豎排）.mp4
6 mainAxis：主軸.mp4
7 crossAxis：交叉軸.mp4
8 SizedBox：固定尺寸的盒子.mp4
9 Alignment：對齊.mp4
10 Stack：一摞小部件.mp4
11 AspectRatio：寬高比.mp4
12 ConstrainedBox：帶限制的盒子.mp4
 
  六、Flutter 移動應(yīng)用：視圖
1 介紹.mp4
2 升級 Flutter SDK 與項目用的 Packages.mp4
3 準備項目.mp4
4 創(chuàng)建 ViewDemo 小部件.mp4
5 PageView：頁面視圖.mp4
6 PageView：頁面視圖的屬性.mp4
7 PageView：用 PageController 調(diào)整頁面的顯示.mp4
8 PageView.builder 按需生成頁面.mp4
9 GridView：網(wǎng)格視圖（GridView.count）.mp4
10 GridView.extent.mp4
11 GridView.builder 按需生成視圖項目.mp4
 
  七、Flutter 移動應(yīng)用：Sliver
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 SliverDemo 小部件.mp4
4 Slivers.mp4
5 SliverGrid：網(wǎng)格視圖.mp4
6 SliverPadding（內(nèi)邊距） 與 SliverSafeArea（安全區(qū)）.mp4
7 SliverList：列表視圖.mp4
8 SliverAppBar：應(yīng)用工具欄.mp4
9 帶漸近動畫的可伸縮空間.mp4

八、 Flutter移動應(yīng)用：路由
1 介紹.mp4
2 準備項目.mp4
3 VS Code：Flutter 代碼片斷.mp4
4 一堆路由.mp4
5 打開新頁面并返回（push 與 pop）：準備.mp4
6 打開新頁面并返回（push 與 pop）：實施.mp4
7 帶名字的路由（ Navigator.pushNamed）.mp4
8 初始路由：initialRoute.mp4
9 InkWell：添加濺墨動畫效果.mp4
10 在內(nèi)容詳情頁上顯示內(nèi)容.mp4

九、Flutter 移動應(yīng)用：表單
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 FormDemo 小部件.mp4
4 Theme：定制、使用、重置、覆蓋主題.mp4
5 TextField：文本字段.mp4
6 TextField：文本字段樣式（InputDecoration）.mp4
7 TextField：監(jiān)視文本字段的值的變化與提交.mp4
8 TextField：使用 TextEditingController 監(jiān)聽文本字段變化.mp4
9 Form：表單.mp4
10 Form：保存與獲取表單里的數(shù)據(jù).mp4
11 Form：驗證表單里的數(shù)據(jù).mp4
12 Form：自動驗證.mp4
13 SnackBar：在屏幕底部動畫彈出提示欄.mp4

十、 Flutter移動應(yīng)用：按鈕
1 介紹.mp4
2 準備項目.mp4
3 VS Code：自定義代碼片斷.mp4
4 準備 Material Components 演示頁面.mp4
5 FloatingActionButton：漂浮動作按鈕.mp4
6 BottomAppBar：底部工具欄.mp4
7 創(chuàng)建演示小部件用的頁面.mp4
8 FlatButton：文字按鈕.mp4
9 RaisedButton：按鈕.mp4
10 按鈕主題：顏色、形狀.mp4
11 OutlineButton：描邊按鈕.mp4
12 按鈕容器 Container：有固定寬度的按鈕.mp4
13 按鈕容器 Expanded：占滿可用寬度的按鈕.mp4
14 按鈕容器 ButtonBar：一組帶邊距的橫排顯示按鈕.mp4
15 整理：把演示放在單獨的文件里.mp4
16 準備 PopupMenuButtonDemo.mp4
17 PopupMenuButton：彈出式菜單按鈕.mp4
 
十一、Flutter 移動應(yīng)用：輸入
1 介紹.mp4
2 整理：在演示列表里添加 FormDemo.mp4
3 創(chuàng)建用戶輸入相關(guān)的小部件的演示頁面.mp4
4 Checkbox：復(fù)選框.mp4
5 CheckboxListTile：帶標(biāo)簽與圖標(biāo)的復(fù)選框.mp4
6 Radio：單選按鈕.mp4
7 RadioListTile：帶標(biāo)簽與圖標(biāo)的單選按鈕.mp4
8 Switch：開關(guān).mp4
9 SwitchListTile：帶標(biāo)簽與圖標(biāo)的開關(guān).mp4
10 Slider：滑動選擇器.mp4
11 安裝第三方包（演示安裝 Intl 包）.mp4
12 顯示格式化日期.mp4
13 showDatePicker：選擇日期.mp4
14 showDatePicker：獲取選擇的日期（async）.mp4
15 showTimePicker：時間選擇器.mp4
16 Future：異步程序.mp4

十二、Flutter 移動應(yīng)用：對話框
1 SimpleDialog：顯示對話框（showDialog）.mp4
2 SimpleDialog：選項（SimpleDialogOption）.mp4
3 SimpleDialog：獲取與使用選項的值.mp4
4 AlertDialog：提示對話框.mp4
5 AlertDialog：獲取與使用動作的值.mp4
6 BottomSheet：底部滑動窗口.mp4
7 BottomSheet：對話框式底部滑動窗口（showModalBottomSheet）.mp4
8 處理使用對話框式底部滑動窗口的數(shù)據(jù).mp4
9 SnackBar：操作提示欄.mp4
10 ExpansionPanel：收縮面板.mp4
11 ExpansionPanel：面板的收起與展開.mp4
12 ExpansionPanel：面板列表項目.mp4

十三、Flutter移動應(yīng)用：MDC
1 介紹.mp4
2 升級 Flutter SDK 后屏幕報錯（0.8.1）.mp4
3 Chip：小碎片.mp4
4 Wrap：換行顯示小部件.mp4 `
5 Divider：分隔符.mp4
6 Chip：帶刪除功能的小碎片.mp4
7 Chip：用列表生成帶刪除功能的小碎片.mp4
8 ActionChip：動作碎片.mp4
9 FilterChip：過濾碎片.mp4
10 ChoiceChip：選擇碎片.mp4
11 DataTable：數(shù)據(jù)表格.mp4
12 DataTable：用列表生成數(shù)據(jù)表格.mp4
13 DataTable：數(shù)據(jù)表格的排序.mp4
14 DataTable：選擇數(shù)據(jù)表格行.mp4
15 PaginatedDataTable：分頁顯示表格數(shù)據(jù).mp4
16 PaginatedDataTable：排序.mp4
17 Card：卡片.mp4
18 ClipRRect：圓角（給圖像添加圓角效果）.mp4
19 Stepper：步驟.mp4
20 Stepper：步驟的行為.mp4

十四、Flutter 移動應(yīng)用：狀態(tài)管理
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 StateManagementDemo 小部件.mp4
4 StatelessWidget：無變化狀態(tài)的小部件.mp4
5 StatefulWidget：帶變化狀態(tài)的小部件.mp4
6 狀態(tài)管理（由父輩管理狀態(tài)）.mp4
7 從父輩那里傳遞個回調(diào).mp4
8 小部件樹：Widget Tree.mp4
9 InheritedWidget：直接把數(shù)據(jù)傳遞給需要的小部件.mp4
10 創(chuàng)建與使用 InheritedWidget 有效地傳遞數(shù)據(jù)給子部件.mp4
11 ScopedModel：安裝與基本用法介紹.mp4
12 使用 ScopedModel 傳遞數(shù)據(jù).mp4

十五、Flutter 移動應(yīng)用：Stream
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 StreamDemo.mp4
4 創(chuàng)建與監(jiān)聽 Stream.mp4
5 給 Stream 添加一個訂閱（subscription）.mp4
6 暫停、恢復(fù)、取消監(jiān)聽 Stream.mp4
7 StreamController：控制 Stream.mp4
8 StreamController：使用 Sink 往 Stream 上添加數(shù)據(jù).mp4
9 StreamController：創(chuàng)建可以多次訂閱的 Broadcast Streams.mp4
10 在界面上顯示 Stream 上的數(shù)據(jù).mp4
11 StreamBuilder：根據(jù) Stream 上的數(shù)據(jù)構(gòu)建小部件.mp4

十六、Flutter 移動應(yīng)用：RxDart
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 RxDartDemo.mp4
4 安裝 RxDart 包.mp4
5 Rx，RxDart，Observable 與 Stream.mp4
6 Observables.mp4
7 創(chuàng)建 Observables 的幾種方法.mp4
8 使用 Subjects 控制 Observables.mp4
9 BehaviorSubject.mp4
10 ReplaySubject.mp4
11 準備一個文本框往 Observable 上添加數(shù)據(jù).mp4
12 RxDart 的數(shù)據(jù)轉(zhuǎn)換方法（map）.mp4 
13 where.mp4
14 debounce.mp4

十七、Flutter 移動應(yīng)用：BLoC
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 BlocDemo.mp4
4 BLoC：Business Logic Component.mp4
5 BLoC 應(yīng)用案例（記數(shù)器）：準備基本小部件.mp4
6 使用 InheritedWidget 傳遞 BLoC.mp4
7 創(chuàng)建與使用 BLoC：用 Sink 輸入數(shù)據(jù).mp4
8 創(chuàng)建與使用 BLoC：用 Stream 輸出數(shù)據(jù).mp4

十八、Flutter 移動應(yīng)用：網(wǎng)絡(luò)請求
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 HttpDemo.mp4
4 安裝 http 包（升級 Flutter SDK）.mp4
5 使用 http 客戶端請求數(shù)據(jù).mp4
6 JSON 轉(zhuǎn)換（dartconvert）.mp4
7 使用 Model 類轉(zhuǎn)換數(shù)據(jù)：fromJson.mp4
8 使用 Model 類轉(zhuǎn)換數(shù)據(jù)：toJson.mp4
9 使用請求數(shù)據(jù)：把響應(yīng)的數(shù)據(jù)轉(zhuǎn)換成自定義 Dart 對象.mp4
10 FutureBuilder：使用 Future 構(gòu)建小部件.mp4

十九、Flutter 移動應(yīng)用：動畫
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 AnimationDemo 小部件.mp4
4 AnimationController：動畫控制器.mp4
5 使用動畫的值.mp4
6 動畫的狀態(tài)與運行.mp4
7 Tween：設(shè)置動畫范圍值（數(shù)字、顏色）.mp4
8 Curve：動畫曲線.mp4
9 AnimatedWidget：動畫值有變化就自動重建自己的小部件.mp4
 
二十、Flutter移動應(yīng)用：國際化
1 介紹.mp4
2 準備項目.mp4
3 創(chuàng)建 I18Demo 小部件.mp4
4 安裝與配置 Flutter 應(yīng)用的國際化.mp4
5 配置 iOS 項目使用多種語言.mp4
6 演示 Material 組件的多語言.mp4
7 尋找 Localizations 小部件.mp4
8 獲取與設(shè)置語言和地區(qū)（理解 Locale 類與 Localizations 小部件）.mp4
9 定義本地化資源類.mp4
10 加載本地化資源.mp4
11 使用本地化資源.mp4
12 Intl：定義需要翻譯的信息.mp4
13 提取信息模板并翻譯信息.mp4
14 基于arb 生成 dart 文件.mp4
15 加載與使用本地化信息.mp4

二十一、Flutter移動應(yīng)用：測試
1.介紹.mp4
2.準備項目.mp4
3.Unittesting：單元測試.mp4
4.運行測試.mp4
5.WidgetTesting：測試小部件.mp4
6.找到并驗證小部件（Finder與Matcher的用法）.mp4
7.測試小部件的點按行為.mp4
8.Integrationtesting：集成測試.mp4
9.編寫與運行集成測試.mp4
源碼

 

 

2019Flutter入門到精通視頻教程部分資料截圖展示：