This course was created with the
course builder. Create your online course today.
Start now
Create your course
with
自動播放
自動完成
上一堂課
完成並繼續
Flutter 程式設計入門實戰 30 天
Day 1:為什麼要用 Flutter ?
Day 1-1:課程內容介紹 (1:09)
Day 1-2:什麼是 Flutter ? 為什麼要用 Flutter ? (5:05)
Day 1-3:Flutter 框架架構介紹 (2:36)
Day 1-4:Flutter 學習資源 (3:22)
Day 2:安裝 Flutter 開發環境
Day 2-1:課程內容介紹 (2:01)
Day 2-2:三種作業系統 Windows、MacOS 和 Linux 安裝 Flutter 開發環境介紹 (1:26)
Day 2-3:下載 Flutter SDK 壓縮檔,並解壓縮到指定資料夾 (3:54)
Day 2-4:「暫時性」設定 Flutter 指令路徑 (1:42)
Day 2-5:「永久性」設定 Flutter 指令路徑 (2:34)
Day 2-6:實際示範,如何設定 Flutter 指令路徑 (5:28)
Day 2-7:「flutter doctor」,檢查需要安裝哪些軟體? (3:20)
Day 2-8:安裝 Android Studio 和 Xcode (5:01)
Day 2-9 : 安裝 Flutter IDE 整合程式碼編輯器 - IntelliJ IDEA (3:54)
Day 2-10 : Flutter SDK 版本升級/確認與頻道切換 (4:09)
Day 2-11 : 新增 Android 手機模擬器設定 (6:33)
Day 2-12 : 新增 iOS 手機模擬器設定 (4:14)
Day 3 :建立第一個 Flutter 應用程式專案
Day 3-1:課程內容介紹 (1:38)
Day 3-2 : 建立第一個 Flutter 應用程式專案 (5:20)
Day 3-3 : 專案應用程式安裝佈署到 iPhone / Android 手機模擬器上介紹 (2:53)
Day 3-4 : Intellj IDEA 開發環境 - 專案面板與 Flutter 專案結構介紹 (5:27)
Day 3-5 : Intellj IDEA 開發環境 - 程式碼編輯區與輸出資訊區介紹 (1:22)
Day 3-6 : 第一個 Flutter 計數應用程式功能在模擬器上展示 (1:53)
Day 3-7 : 新增 / 關閉專案和開啟舊有專案 (3:02)
Day 3-8 : 總結今天的課程內容 (1:08)
Day 4:第一支 Flutter 應用程式,Hello World
Day 4-1:課程內容介紹 (2:04)
Day 4-2:簡單文字元件顯示 Hello World 應用程式 (14:42)
Day 4-3:小技巧-快速排版格式化程式碼 (2:48)
Day 4-4:Material Design 設計指南介紹 (1:54)
Day 4-5:使用 Material Design 樣式主題,寫一個 Hello World 應用程式 (4:20)
Day 4-6:Widget 元件樹階層關係圖介紹 (2:43)
Day 4-7 :Dart 基礎知識補充:Dart 類別 - 構造方法 (9:47)
Day 4-8 :Dart 基礎知識補充:方法之固定參數與可選參數方法 (7:02)
Day 5:起手式程式碼
Day 5-1:課程內容介紹 (1:04)
Day 5-2:Flutter 處理畫面的兩種狀態介紹 (2:39)
Day 5-3:快速完成 StatelessWidget 和 StatefulWidget 邏輯程式區塊 (3:50)
Day 5-4: StatelessWidget 和 StatefulWidget 差異比較 (6:07)
Day 5-5:起手式程式碼介紹 (10:31)
Day 5-6:檔案名稱命名風格與波動拳程式介紹 (4:38)
Day 6:Container 容器元件
Day 6-1:課程內容介紹 (0:47)
Day 6-2:child 屬性介紹 (4:46)
Day 6-3:color 屬性介紹 (10:37)
Day 6-4:alignment 屬性介紹 (5:29)
Day 6-5:constraints 屬性介紹 (8:52)
Day 6-6:學習如何將 Container 放在畫面正中間 (2:43)
Day 6-7:margin 屬性介紹 (3:58)
Day 6-8:padding 屬性介紹 (2:23)
Day 6-9:補充:視覺輔助排版工具 (3:28)
Day 6-10:補充:關閉右上角 Debug 緞帶標籤 (2:28)
Day 7:水平 Row 和垂直 Column 容器
Dat 7-1: 課程介紹 (2:22)
Day 7-2 : Row 和 Column 容器簡介 (2:41)
Day 7-3 : Row 水平佈局容器使用方式 (3:31)
Day 7-4 : Column 垂直佈局容器使用方式 (1:11)
Day 7-5 : 用文字色塊來展示 Row 和 Column 的對齊方式 (12:36)
Day 8:Center 置中容器
Day 8-1 : 課程介紹 (2:34)
Day 8-2 : Center 置中元件使用方式 (1:41)
Day 8-3 : 補充:FlutterLogo 元件使用方式 (2:09)
Day 9:Text 文字標籤元件
Day 9-1: 課程介紹 (0:58)
Day 9-2 : 純文字顯示在畫面正中間 (1:50)
Day 9-3 : 換行顯示文字 (1:34)
Day 9-4 : 設定 maxLines 顯示最多幾行限制 (1:25)
Day 9-5 : 設定字體大小 (1:22)
Day 9-6 : 設定字體顏色 (1:17)
Day 9-7 : 文字設定顯示底線與刪除線 (2:54)
Day 9-8 : 文字設定顯示粗體 (1:00)
Day 10:Button 按鈕元件
Day 10-1: 課程介紹 (2:13)
Day 10-2 : 點擊按鈕,觸發執行指定事件 (8:16)
Day 10-3 : 更改按鈕顏色 (1:34)
Day 10-4 : 更改按鈕內文字顏色 (2:37)
Day 10-5 : 更改按鈕陰影大小值 (2:27)
Day 11 : Image 圖片元件
Day 11-1:課程內容介紹 (1:25)
Day 11-2 : 載入此 APP 指定資料夾內的資源圖片 (10:22)
Day 11-3 設定圖片寬度與高度 (0:58)
Day 11-4 : 載入網路指定網址圖片 (2:14)
Day 12:TextField 文字輸入框元件
Day 12-1:課程內容介紹 (1:30)
Day 12-2:TextField 常用的屬性介紹 (4:00)
Day 12-3 : TextField 顯示提示文字與一些常用屬性使用方式介紹 (5:48)
Day 12-4 : 當按鈕按下,印出輸入文字框內容 (10:12)
Day 13 : 簡單跳頁
Day 13-1:課程內容介紹 (1:10)
Day 13-2 : 複習起手式程式碼 (6:12)
Day 13-3 : Navigator 導覽器 PUSH 和 POP 概念介紹與實際操作 (25:05)
Day 14:從A頁跳到B頁,並傳遞資料
Day 14-1:課程內容介紹 (2:49)
Day 14-2:實作從A頁跳到B頁並傳遞資料 (20:18)
Day 15:從B頁返回A頁,並傳回資料
Day 15-1:課程內容介紹 (4:46)
Day 15-2:實作從B頁返回A頁,並傳回資料 (15:42)
Day 16:傳遞整包資料
Day 16-1:課程內容介紹 (3:06)
Day 16-2:定義要傳遞的資料類別 (5:51)
Day 16-3:首頁打包資料傳遞方式 (6:44)
Day 16-4:B頁接收並顯示傳遞過來的資料 (11:01)
Day 17:FloatingActionButton 漂浮按鈕
Day 17-1:課程內容介紹 (1:23)
Day 17-2:在畫面上新增一個漂浮按鈕 (8:38)
Day 17-3:更改漂浮按鈕顯示位置 (0:50)
Day 17-4:更改漂浮按鈕前景與背景顏色與顯示圖案方式 (2:24)
Day 18:SnackBar 提示元件
Day 18-1:課程內容介紹 (0:57)
Day 18-2: 顯示 SnackBar 簡單基本訊息 (4:39)
Day 18-3 : 在 SnackBar 訊息中自定義按鈕 (5:39)
Day 19 : Dialog 訊息對話框視窗
Day 19-1:課程內容介紹 (2:10)
Day 19-2 : 顯示 AlertDialog 基本訊息視窗 (12:17)
Day 19-3 : 確認取消對話訊息視窗 (13:46)
Day 19-4 : 帶輸入框訊息視窗 (7:20)
Day 19-5 : SimpleDialog 多選項訊息視窗 (4:01)
Day 20:BottomNavigationBar 底部頁面導航元件
Day 20-1:課程內容介紹 (1:57)
Day 20-2 : 新增三個頁面 (13:34)
Day 20-3 BottomNavigationBar 實作技巧 (18:28)
Day 21:TabBar 選項卡頁面導航元件
Day 21-1:課程內容介紹 (1:23)
Day 21-2 TabBar 實作技巧 (17:33)
Day 22:Drawer 抽屜頁面導航元件
Day 22-1:課程內容介紹 (3:03)
Day 22-2 : UserAccountsDrawerHeader 實作介紹 (17:17)
Day 22-3 : ListTitle 實作介紹 (3:16)
Day 22-4 : 實作點擊事件 (7:28)
Day 22-5 : 進階練習 (2:18)
Day 23:Stack 堆疊元件
Day 23-1:課程內容介紹 (3:46)
Day 23-2 Stack 實作介紹 (5:09)
Day 23-3 Alignment 對齊屬性介紹 (1:58)
Day 23-4 : Positioned 位置偏移元件介紹 (5:11)
Day 24:ListView 列表元件
Day 24-1:課程內容介紹 (6:43)
Day 24-2:範例:使用 ListView 垂直顯示列表資料 (14:59)
Day 24-3:範例:使用 ListView 垂直顯示「自定義樣式」列表資料 (8:33)
Day 24-4 : 範例:使用 ListView.builder 垂直顯示「大量」列表資料 (9:01)
Day 24-5 : 透過 generate 產生假資料 (12:31)
Day 25:GridView 網格元件
Day 25-1:課程內容介紹 (0:49)
Day 25-2:範例:自定義顯示三列的 GridView 網格佈局 (12:02)
Day 26:Table 表格元件
Day 26-1:課程內容介紹 (1:06)
Day 26-2:範例:實作4*3表格 (14:30)
Day 27:SharedPreferences 資料存取
Day 27-1:課程內容介紹 (11:31)
Day 27-2 : 使用 Android Studio 建立一個全新的 Flutter 專案 (9:16)
Day 27-3 : 官方計數器範例介紹 (9:39)
Day 27-4 : Flutter 官方套件網站使用介紹 (5:50)
Day 27-5 : 讀取 shared preferences 的 Counter 資料值方式 (7:59)
Day 27-6 : 寫入 shared preferences 的 Counter 資料值方式 (10:23)
Day 27-7 : 使用裝置檔案瀏覽器查看XML實體檔 (5:01)
Day 28:SQLite 資料庫介紹
Day 28-1:課程內容介紹 (1:43)
Day 28-2:資料儲存種類介紹 (5:47)
Day 28-3: 資料庫常用名稱介紹 (3:02)
Day 28-4 : 何謂 CRUD ? (1:05)
Day 28-5 : SQLite 視覺化介面工具介紹 (3:06)
Day 28-6 : SQLite 常用的語法介紹 (12:09)
Day 28-7 ; 使用 DB Browser for SQLite 軟體來學習 SQLite 資料庫 (17:45)
Day 29 : Sqflite 資料庫存取
Day 29-1:課程內容介紹 (4:36)
Day 29-2:新增加入 sqflite 和 path_provider 套件與畫面的佈局設計 (12:38)
Day 29-3 : 建立學生資料模型 (7:45)
Day 29-4 : 說明新增 DatabaseHelper 與 StudentManager 用意 (6:03)
Day 29-5: DatabaseHelper 處理資料庫與建立資料表 (22:41)
Day 29-6: DatabaseHelper 處理共用 CRUD 的部分 (8:17)
Day 29-7: StudentManager 處理說明 (8:21)
Day 29-8: 匯出並查看 SQLite 資料實體檔案 (6:33)
Day 1-4:Flutter 學習資源
講義目錄:
連結
完成並繼續