iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

Flutter web 的奇妙冒險 系列

平常工作中主要是使用react在開發網頁前端,而在今年有機會接觸到公司內部的Flutter app專案,也就藉此機會開始接觸了 Flutter 這項新技術,剛好今年 Flutter 2.0 release 時同時也宣佈了 Flutter web正式進入 stable channel了。就決定以 web 的形式來呈現今年在 Flutter 上所學習到的東西。

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 | 前言與大綱

哈囉我是Todd,是一個比較喜歡寫前端的全端工程師,工作上大部分是使用 React 及 Node.js 來進行開發。 剛好今年參與了一個 Flutter App...

2021-09-14 ‧ 由 Todd 分享
DAY 2

Day 2 | Dart 開發環境設定

第二天先來點輕鬆的內容:建立我們的開發環境。 我本身所使用的環境如下: OS:MacOS big sur 11.2 Dart SDK version: 2.12...

2021-09-15 ‧ 由 Todd 分享
DAY 3

Day 3 | Dart 基本介紹 - Dart vs JS

Dart是什麼? Dart 是一個靜態強型別的語言,同時支援物件導向程式設計(OOP)及函數式程式設計(FP)的特性, 而 Dart 正是「Flutter」所使...

2021-09-16 ‧ 由 Todd 分享
DAY 4

Day04 | Dart基本介紹 - 變數宣告與基本型別

今天主要會說明 Dart 各種變數宣告的方法及 Dart 的基本型別。 變數宣告 dart主要有四種方式宣告變數 分別為 const var type fin...

2021-09-17 ‧ 由 Todd 分享
DAY 5

Day05 | Dart基本介紹 - class、factory

類別 前面說到 Dart 是一個支援OOP的程式語言(附註*),而不同於JS的Prototype-based,Dart 則是 Class-based,所以在OO...

2021-09-18 ‧ 由 Todd 分享
DAY 6

Day 06 | Dart基本介紹 - private & static

在昨天的文章中,講到了類別基礎用法包含了「宣告」、「建構子」及「實體化」,今天會繼續說明Dart class中的其他語法。 私有變數、getter、setter...

2021-09-19 ‧ 由 Todd 分享
DAY 7

Day 07 | Dart基本介紹 - extends、abstract、mixin

今天繼續來說明class 相關的語法。今天提到的語法又會更抽象一點 extends 所謂繼承就是我們可以使一個類別使用另外一個類別的方法及成員變數來進行程式碼的...

2021-09-20 ‧ 由 Todd 分享
DAY 8

Day08 | Dart 中的非同步 - Isolate、Event loops

非同步指的到底是什麼? 在解釋非同步(Asynchronous)之前,我們先來聊聊什麼是同步(synchronous) 首先我們需要先知道一件事情是:Dart...

2021-09-21 ‧ 由 Todd 分享
DAY 9

Day09 | Dart 非同步 - Future

昨天介紹了在Dart中非同步的基本概念,今天就要來講到如何簡單的控制非同步操作。 Future Future 可以想像成一個盒子一樣,它將 「一個值裝起來直到未...

2021-09-22 ‧ 由 Todd 分享
DAY 10

Day10 | Dart 非同步 - async/awiat

Async/Awiat 在Dart中我們可以使用 async 來代表這是一個非同步的function Future<String> fetchDat...

2021-09-23 ‧ 由 Todd 分享