iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Mobile Development

純粹沒有寫過行動,Ionic 學習中... 系列

純粹沒有寫過行動,上網查了一下比較夯的 Mobile APP Framework,像是 Native Script、React Native、Xamarin、Ionic、PhoneGap、Flutter、JQuery Mobile ...等等中,隨手 random 挑了 Ionic 來寫。
Ionic Framework 是一套使用 HTML, CSS, Javascript 去建立優秀、高品質行動 APP 的開源跨平台 UI toolkit。另外有跟流行框架 Angular 和 React 做整合更有利於快速開發。

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

Ionic 起步走 環境建置

這篇主要,我們要先去安裝 Node.js ,然後藉由 NPM 去安裝 Ionic CLI。 安裝 Node.js https://nodejs.org/ 如果安...

2020-09-16 ‧ 由 pzeroeighttwo0 分享
DAY 2

安裝 VSCode & firstApp 解析

Ionic 似乎沒有主要的開發工具,基本上只要是可以編輯文件檔,還有執行 Ionic CLI 的指令,就可以開發 Ionic 了。 這邊我選擇用 VSCode,...

2020-09-17 ‧ 由 pzeroeighttwo0 分享
DAY 3

Route & Menu

Day 2 安裝 VSCode & firstApp 解析 中最後帶到了點擊 Tabs 然後載入不同的 Page,最主要就是因為我們有設置 Route...

2020-09-18 ‧ 由 pzeroeighttwo0 分享
DAY 4

Grid Menu

在 Day 3 Route & Menu 的基礎上,我今天想要做個 Grid Menu 做個練習,類似下圖: 建立專案 ionic start demo...

2020-09-19 ‧ 由 pzeroeighttwo0 分享
DAY 5

HttpClient

Day4 Grid Menu 中,我們寫了一個 Grid Menu,我想要把寫死的 menu:MenuItemModel[] 的資料,改去 call API。...

2020-09-20 ‧ 由 pzeroeighttwo0 分享
DAY 6

List & 無限捲軸

Day 5 HttpClient 使用了 HttpClient,這篇會額外示範如何加入 querystring。 這次想做個 List 加無限卷軸的練習。 準備...

2020-09-21 ‧ 由 pzeroeighttwo0 分享
DAY 7

Capacitor & 在 Android 模擬器跑 APP

Android 環境設置 Java JDK 安裝 (我自己安裝的是最新版的 jdk-15_windows-x64_bin.exe)https://www.ora...

2020-09-22 ‧ 由 pzeroeighttwo0 分享
DAY 8

發布 .apk & 安裝在 Android 手機上

Day 7 Capacitor & 在 Android 模擬器跑 APP 中,我成功的把 APP 放到手機模擬器執行。接著我要把 APP 產生一個加簽的...

2020-09-23 ‧ 由 pzeroeighttwo0 分享
DAY 9

主題切換 & Storage

Day 7 Capacitor & 在 Android 模擬器跑 APP 中加入了 Capacitor ,所以我們這邊就可以開始加入一些 native...

2020-09-24 ‧ 由 pzeroeighttwo0 分享
DAY 10

多國語系

Day 9 主題切換 & Storage 中,我們使用了 Storage ,這邊依舊是 Storage 的應用。嘗試弄個多國語系。 多國語系 先安裝必要...

2020-09-25 ‧ 由 pzeroeighttwo0 分享