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 2-7：「flutter doctor」，檢查需要安裝哪些軟體？
講義目錄：
連結
完成並繼續
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
