iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

30 Like 5 留言 220738 瀏覽

鐵人賽 Mobile Development DAY 1

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 1 篇

達標好文技術【Flutter基礎概念與實作】 Day1–Flutter是什麼，能吃嗎?

前言大家好，我目前是清大資應所碩二的學生，應實驗室同學邀請一起報名參加鐵人賽。選Flutter作為主題是因為近年來跨平台框架正夯，而Flutter由於發展較晚...

bju0ulhi0511 ‧ 2019-09-15

4 Like 1 留言 73577 瀏覽

鐵人賽 Mobile Development DAY 2

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 2 篇

達標好文技術【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

今天的內容著重在Flutter的特色介紹以及和React Native的比較。如果你還在猶豫該學Flutter還是React Native，希望今天的內容對你的...

bju0ulhi0511 ‧ 2019-09-16

5 Like 0 留言 62039 瀏覽

鐵人賽 Mobile Development DAY 3

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 3 篇

達標好文技術【Flutter基礎概念與實作】 Day3–Dart Language(1)

Dart屬於物件導向語言，假如你之前寫過Java、JavaScript或是其他物件導向語言相信很快就能夠上手，因為程式語言的語法其實大同小異，而且Ｄart還擁有...

bju0ulhi0511 ‧ 2019-09-17

5 Like 2 留言 49214 瀏覽

鐵人賽 Mobile Development DAY 5

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 5 篇

技術【Flutter基礎概念與實作】 Day5–Dart Language(3)

今天是介紹Dart的最後一天了，來學如何定義class(類別)以及使用async(非同步)吧。 Class 物件跟類別的概念在這邊就不多解釋了，今天主要以例子來...

bju0ulhi0511 ‧ 2019-09-19

3 Like 3 留言 42756 瀏覽

鐵人賽 Mobile Development DAY 6

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 6 篇

技術【Flutter基礎概念與實作】 Day6–Flutter Hello World!

今天開始我們正式進入Flutter的世界，大家應該都有安裝好Flutter SDK並選擇自己習慣的IDE了吧(若還沒設定好，可以參考Day1的安裝教學)。更...

bju0ulhi0511 ‧ 2019-09-20

2 Like 0 留言 42748 瀏覽

鐵人賽 Mobile Development DAY 4

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 4 篇

技術【Flutter基礎概念與實作】 Day4–Dart Language(2)

昨天介紹了Dart的型態以及定義function的方法，今天來看看流程控制以及例外處理吧。 Dart的流程控制跟其他語言沒有差異，該有的都有，if-else、w...

bju0ulhi0511 ‧ 2019-09-18

3 Like 2 留言 33763 瀏覽

鐵人賽 Mobile Development DAY 7

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 7 篇

技術【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

今天我們就從Basic Widget開始介紹。 Flutter官網列舉的Basic Widget共有11個，不過在這我只會提到Appbar、Column、Row...

bju0ulhi0511 ‧ 2019-09-21

3 Like 0 留言 27328 瀏覽

鐵人賽 Mobile Development DAY 11

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 11 篇

技術【Flutter基礎概念與實作】 Day11–Flutter Bloc 套件介紹 (1) Events、States和Transitions

昨天提到BLoC Design Pattern，那麼今天來介紹這次專案使用的Bloc套件吧。 Bloc a predictable state managem...

bju0ulhi0511 ‧ 2019-09-25

3 Like 0 留言 26466 瀏覽

鐵人賽 Mobile Development DAY 8

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 8 篇

技術【Flutter基礎概念與實作】 Day8–Package引用與管理

昨天認識了Flutter內的基礎Widget，也提供各位簡單的範例來練習。在範例中有使用到兩個package，「font_awesome_flutter」及「t...

bju0ulhi0511 ‧ 2019-09-22

3 Like 2 留言 24177 瀏覽

鐵人賽 Mobile Development DAY 30

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 30 篇

達標好文技術【Flutter基礎概念與實作】 Day30–完賽啦~ 輸出Release APK吧

Finally!!! 來到了鐵人賽的最後一天，今天要介紹的是寫App最後也是最重要的一個步驟---輸出Release APK。添加App Icon 雖然Flu...

bju0ulhi0511 ‧ 2019-10-14

1 Like 0 留言 23619 瀏覽

鐵人賽 Mobile Development DAY 10

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 10 篇

技術【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

今天會介紹如何設定Firebase auth並且新增「UserRepository」用來和Firebase溝通，以便驗證和取得使用者資訊。最後會提到一些Blo...

bju0ulhi0511 ‧ 2019-09-24

2 Like 2 留言 22375 瀏覽

鐵人賽 Mobile Development DAY 9

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 9 篇

技術【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

今天開始專案的實作，我把App的取名為「FlutTube」其實就是Flutter和Youtube的合體，在這次的專案中會實作到以下幾個功能： Splash S...

bju0ulhi0511 ‧ 2019-09-23

2 Like 0 留言 16890 瀏覽

鐵人賽 Mobile Development DAY 28

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 28 篇

技術【Flutter基礎概念與實作】 Day28–使用FCM發送通知給使用者

今天是實作FlutTube的最後一天，程式碼也很少，大概30行左右，但這功能我覺得很酷，那就是Cloud Messaging，實作後你可以傳訊息到任何一台裝有F...

bju0ulhi0511 ‧ 2019-10-12

2 Like 0 留言 16576 瀏覽

鐵人賽 Mobile Development DAY 12

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 12 篇

技術【Flutter基礎概念與實作】 Day12–Flutter Bloc 套件介紹 (２) BlocBuilder、BlocProvider和BlocListener

又是新的一天，今天接著來看如何使用「flutter_bloc」內提供的widget吧。 BlocBuilder BlocBuilder的用途非常好理解，就是當B...

bju0ulhi0511 ‧ 2019-09-26

2 Like 0 留言 14984 瀏覽

鐵人賽 Mobile Development DAY 26

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 26 篇

技術【Flutter基礎概念與實作】 Day26–上傳圖片到Firebase Storage

今天的目標是把Firebase Storage設定好以及實作上傳大頭貼的功能。 Firebase Storage Firebase Storage的功能和Goo...

bju0ulhi0511 ‧ 2019-10-10

1 Like 1 留言 12071 瀏覽

鐵人賽 Mobile Development DAY 13

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 13 篇

技術【Flutter基礎概念與實作】 Day13–實作Authentication Bloc

回到實作的專案中，上次的進度是停在建立UserRepository的地方，那麼今天就來把驗證帳號邏輯的「AuthenticationBloc」完成吧。 Bloc...

bju0ulhi0511 ‧ 2019-09-27

1 Like 0 留言 10892 瀏覽

鐵人賽 Mobile Development DAY 14

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 14 篇

技術【Flutter基礎概念與實作】 Day14–實作Login Bloc、Firebase Authentication

繼續來實作專案，經過昨天實作完AuthenticationBloc後，對於Bloc的概念跟實作流程應該都比較熟悉了。今天的LoginBLoc就不會講解的那麼詳細...

bju0ulhi0511 ‧ 2019-09-28

1 Like 0 留言 7837 瀏覽

鐵人賽 Mobile Development DAY 18

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 18 篇

技術【Flutter基礎概念與實作】 Day18–Flutter測試框架以及Mockito Package使用範例介紹

寫測試在開發軟體是很重要的一部分，測試寫得好之後才能安心地繼續開發新功能以及進行維護，不然軟體架構越來越龐大後發現前面的功能有Bug就難處理了。根據Flutt...

bju0ulhi0511 ‧ 2019-10-02

1 Like 0 留言 7820 瀏覽

鐵人賽 Mobile Development DAY 25

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 25 篇

技術【Flutter基礎概念與實作】 Day25–使用Firestore快速建造簡易留言區

今天來增加討論電影的留言版功能，結合Firebase的Firestore除了能大幅減少建置資料庫的時間外，只要Database有新的資料所有使用者的頁面也會被自...

bju0ulhi0511 ‧ 2019-10-09

1 Like 0 留言 7566 瀏覽

鐵人賽 Mobile Development DAY 23

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 23 篇

技術【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

在開始今天非常簡單的YoutubeBloc實作前，我們要先和Google申請Youtube Data Api，待會才可以用Youtube Api查詢電影預告片。...

bju0ulhi0511 ‧ 2019-10-07

2 Like 0 留言 7326 瀏覽

鐵人賽 Mobile Development DAY 15

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 15 篇

技術【Flutter基礎概念與實作】 Day15–實作Register Bloc、Firebase Authentication

昨天完成了LoginBloc和登入的介面，但其實還有幾個步驟需要進行設定才能使用Google Auth，所以今天的前半部先把它設定完吧。 Android bui...

bju0ulhi0511 ‧ 2019-09-29

1 Like 1 留言 6598 瀏覽

鐵人賽 Mobile Development DAY 16

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 16 篇

技術【Flutter基礎概念與實作】 Day16–使用SharedPreference記下帳號、接上TMDb API

今天來實作接上movie API，取得近期上映電影清單。不過在開始之前我們先幫LoignForm加一個簡單的功能——記錄使用者帳號。 SharedPrefere...

bju0ulhi0511 ‧ 2019-09-30

1 Like 0 留言 6340 瀏覽

鐵人賽 Mobile Development DAY 29

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 29 篇

技術【Flutter基礎概念與實作】 Day29–Profile Mode檢測App效能

今天要介紹的是Flutter的Profile Mode，在Profile Mode可以看到即時的CPU和GPU的效能狀況，有助於開發人員優化App。 Flutt...

bju0ulhi0511 ‧ 2019-10-13

1 Like 0 留言 6110 瀏覽

鐵人賽 Mobile Development DAY 21

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 21 篇

技術【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧！電影卡片

結束三天的Flutter測試框架介紹，回到專案本身的開發，接著來美化首頁吧。先看今天的成品會長什麼樣子：(gif經過壓縮後畫質會降低會有卡卡的感覺，但實際上滑...

bju0ulhi0511 ‧ 2019-10-05

9 Like 3 留言 6048 瀏覽

鐵人賽 Mobile Development DAY 30

iOS Developer Learning Android 系列第 30 篇

達標好文技術 iOS Developer Learning Android. Lesson 30 - 精彩大結局 (重點整理: 看這一天等於看30天)

耶～終於完賽了～終於可以結束每天都兩點以後睡的日子了～也可以開始訂閱Apple Arcade了～XD其實大家都說，寫技術文章是為了自己，我也這麼認為但這個系列賽...

MarkFly～ ‧ 2019-10-15

1 Like 0 留言 5743 瀏覽

鐵人賽 Mobile Development DAY 27

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 27 篇

技術【Flutter基礎概念與實作】 Day27–在留言取得並顯示使用者的照片

今天就把上傳大頭貼到Firebase Storage和在留言顯示使用者照片的功能完成吧。 Home Page 開啟home_page.dart，把上傳照片的功能...

bju0ulhi0511 ‧ 2019-10-11

1 Like 0 留言 4964 瀏覽

鐵人賽 Mobile Development DAY 19

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 19 篇

技術【Flutter基礎概念與實作】 Day19–如何用Mockito測試BloC

今天就來為FlutTube專案內的Bloc(Authentication Bloc、Login Bloc、Register Bloc)寫測試吧。 Mockito...

bju0ulhi0511 ‧ 2019-10-03

2 Like 1 留言 4835 瀏覽

技術新成員！Visual Studio Code --跨平台的開發工具（支援OSX, Linux 和 Windows）

如果你喜歡一個 "程式碼編輯器"為核心的開發工具，或正在建設的跨平台的Web和Cloud應用，可以下載 Visual Studio Cod...

mis2000lab ‧ 2015-04-30

1 Like 0 留言 4651 瀏覽

鐵人賽 Mobile Development DAY 17

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 17 篇

技術【Flutter基礎概念與實作】 Day17–實作Movie Bloc

今天又要來實作Bloc啦，基本概念都和前面相同，就速速帶過吧。 MovieBloc 在movie資料夾下新增「bloc」資料夾並用bloc generator產...

bju0ulhi0511 ‧ 2019-10-01

1 Like 0 留言 4600 瀏覽

鐵人賽 Mobile Development DAY 24

Flutter---Google推出的跨平台框架，Android、iOS一起搞定系列第 24 篇

技術【Flutter基礎概念與實作】 Day24–設計電影細節頁面、播放Youtube影片

今天的目標很簡單，就是把顯示電影細節的頁面完成。 Movie Detail Page 在home資料夾下新增「movie_detail_page.dart」首先...

bju0ulhi0511 ‧ 2019-10-08

達標好文 技術 【Flutter基礎概念與實作】 Day1–Flutter是什麼，能吃嗎?

達標好文 技術 【Flutter基礎概念與實作】 Day2–Flutter v.s React Native

達標好文 技術 【Flutter基礎概念與實作】 Day3–Dart Language(1)

技術 【Flutter基礎概念與實作】 Day5–Dart Language(3)

技術 【Flutter基礎概念與實作】 Day6–Flutter Hello World!

技術 【Flutter基礎概念與實作】 Day4–Dart Language(2)

技術 【Flutter基礎概念與實作】 Day7–Flutter Basic Widgets

技術 【Flutter基礎概念與實作】 Day11–Flutter Bloc 套件介紹 (1) Events、States和Transitions

技術 【Flutter基礎概念與實作】 Day8–Package引用與管理

達標好文 技術 【Flutter基礎概念與實作】 Day30–完賽啦~ 輸出Release APK吧

技術 【Flutter基礎概念與實作】 Day10–Firebase與Bloc Design Pattern

技術 【Flutter基礎概念與實作】 Day9–建立專案與App開頭動畫

技術 【Flutter基礎概念與實作】 Day28–使用FCM發送通知給使用者

技術 【Flutter基礎概念與實作】 Day12–Flutter Bloc 套件介紹 (２) BlocBuilder、BlocProvider和BlocListener

技術 【Flutter基礎概念與實作】 Day26–上傳圖片到Firebase Storage

技術 【Flutter基礎概念與實作】 Day13–實作Authentication Bloc

技術 【Flutter基礎概念與實作】 Day14–實作Login Bloc、Firebase Authentication

技術 【Flutter基礎概念與實作】 Day18–Flutter測試框架以及Mockito Package使用範例介紹

技術 【Flutter基礎概念與實作】 Day25–使用Firestore快速建造簡易留言區

技術 【Flutter基礎概念與實作】 Day23–實作Youtube Bloc、Youtube API

技術 【Flutter基礎概念與實作】 Day15–實作Register Bloc、Firebase Authentication

技術 【Flutter基礎概念與實作】 Day16–使用SharedPreference記下帳號、接上TMDb API

技術 【Flutter基礎概念與實作】 Day29–Profile Mode檢測App效能

技術 【Flutter基礎概念與實作】 Day21–美化首頁(1) 滑動吧！電影卡片

達標好文 技術 iOS Developer Learning Android. Lesson 30 - 精彩大結局 (重點整理: 看這一天等於看30天)

技術 【Flutter基礎概念與實作】 Day27–在留言取得並顯示使用者的照片

技術 【Flutter基礎概念與實作】 Day19–如何用Mockito測試BloC

技術 新成員！Visual Studio Code --跨平台的開發工具（支援OSX, Linux 和 Windows）

技術 【Flutter基礎概念與實作】 Day17–實作Movie Bloc

技術 【Flutter基礎概念與實作】 Day24–設計電影細節頁面、播放Youtube影片

標記使用者