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：從Ａ頁跳到Ｂ頁，並傳遞資料
Day 14-1：課程內容介紹 (2:49)
Day 14-2：實作從Ａ頁跳到Ｂ頁並傳遞資料 (20:18)
Day 15：從Ｂ頁返回Ａ頁，並傳回資料
Day 15-1：課程內容介紹 (4:46)
Day 15-2：實作從Ｂ頁返回Ａ頁，並傳回資料 (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：範例：實作４＊３表格 (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-2：什麼是 Flutter ? 為什麼要用 Flutter ?
講義目錄：
連結
完成並繼續
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
course builder. Create your online course today.
Start now
