iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

No code無程式碼app製作:從設計、開發到上架 系列

程式碼小白也能做的app,手把手從UI設計到app store上架的教學

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 團隊正114統一發票好難隊
DAY 1

day01-為何要自製app

目標: 用30天完成一個app,並且上架到app store。 Flutterflow基於瀏覽器的介面,使用拖放功能無需編碼即可建立應用程式。它非常適合快速...

DAY 2

day02-應用程式構想與目標

定義應用程式的主要功能與目標用戶群體。 定義目標用戶以及應用程式主要功能 因為從來沒開發過app,所以這次嘗試將目標設定在只要能夠開發出一款上架的app,一般...

DAY 3

day03-功能需求與用戶流程圖

使用flutterflow內建模版,不想花錢買附加功能,因次在app開發過程的功能和用戶流程圖設計的步驟就可以省略。昨天用模板建立一個新的專案後,今天開始來實際...

DAY 4

day04-選擇並準備所需的圖像、字體等資源

收集並準備應用程式所需的所有資源。 使用flutterflow內建模版,這個步驟就可以省略。昨天寫了三個欄位的主要功能和簡介,今天開始來實際調整內容。 雖然...

DAY 5

day05- 核心功能開發(1)

開發應用程式的首頁 設置應用內的基本導航系統 用戶註冊/登入 功能 內容瀏覽或清單管理 功能 搜索 功能 用戶設定或偏好選項 整合必要的API和數據使用flu...

DAY 6

day06-核心功能開發(2)小部件

昨天在模板頁面中看到app的元件被層層包裹,為何要這麼麻煩地設計這些層級或疊架來放置元件,設計者要修改元件要很用力、很仔細才能找到它放在哪裡,更不用說當某個元件...

DAY 7

day07-核心功能開發(3)佈局排列的原則

昨天提到Flutterflow的小部件分為兩大類: 基本的原子小部件:圖像、圖標、文字、按鈕 可以包裹多個子部件的佈局小部件:行、列、堆、網格、容器 這些小...

DAY 8

day08-核心功能開發(4)佈局排列的實例

在day05看這個Profile頁面,一開始的疑惑是:為何要用一個column1 (左圖)只打包了一個column2(右圖),而不是乾脆把column2放在主頁...

DAY 9

day09- 核心功能開發(5)頁面模板

接連三天學習的都是有關於App的版面規劃和開發,如果從零開始,光是要熟悉和應用這些原則,大概就得花上好幾個月的時間來摸索。前幾天提到的profile還只是簡單的...

DAY 10

day10-核心功能開發(6)數據綁定part 1

完成app的widgetg版面規劃和層級架構之後,接下來要決定小部件的內容,靜態小部件例如單一圖片、文字等不會更動的,只要在最右邊的欄位輸入設定值或是圖片來源連...

米納撐過就是我們的收藏
米納撐過就是我們的追蹤
米納撐過就是我們的Like
米納撐過就是我們的紀錄