iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

開發 Mobile 手機的新一代霸主-ionic framework 系列

ionic 是一套結合HTML5+AngularJS+CSS 的 mobile framework。讓原本是web 開發的程式設計師可以非常容易的學習就可以開發mobile 應用程式了。
一、ionic 從零開始
二、實作範例教學

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

ionic routing(下)

今天要介紹 routing中的 url 及templateUrl,簡單的說就是在url上的網址會對應到的那一個template page。 以下圖為例,要到fr...

2014-10-11 ‧ 由 jimmy0328 分享
DAY 12

ionic 實作(1):UserStory 及 UI 說明

User Story 簡單的使用UserStory 來描述這個 mobile application要做的事,在這個 app 叫做訂便當系統,做為內部訂購統計使...

2014-10-12 ‧ 由 jimmy0328 分享
DAY 13

ionic 實作(2):Project 建立及架構介紹

以下的開發環境是在 mac 環境上開發,若有在 window or linux 開發與我撰寫這邊不保證一定可以work。 首先 建立 ionc Project...

2014-10-13 ‧ 由 jimmy0328 分享
DAY 14

ionic 實作(3):設定 Routing

Sample source Code : https://github.com/jimmy0328/ourmeal Routing 我們用來設定每個 URL的導...

2014-10-14 ‧ 由 jimmy0328 分享
DAY 15

ionic 實作(4):登入畫面

說明 大部份的app如果需要有身份的認證,通常的作法不是使用 facebook、google 或其它第三方登入以外,就是自己有一個會員的帳號登入,今天要實作的部...

2014-10-15 ‧ 由 jimmy0328 分享
DAY 16

ionic 實作(5):今日訂餐

說明 今日訂餐功能,主要是要顯示今天中午要訂購的便當店,所以在設計上要有 title 、圖片及menu(菜單)三個部份。 UI 畫面 設計的畫面如下 這邊使...

2014-10-16 ‧ 由 jimmy0328 分享
DAY 17

ionic 實作(6):本月消費

說明 本月消費功能,主要是要用來統計當月消費的記錄與總金額。 UI 畫面 設計的畫面如下 打開 tab-consumer.html 修改內容如下,在這邊有使用...

2014-10-17 ‧ 由 jimmy0328 分享
DAY 18

ionic 實作(7):歷史訂購(上)

說明 歷史訂購功能,主要是用來查看過去的訂購記錄,在這個部份會有master - Detail 的作法在裡面。 UI 畫面 設計的畫面如下 打開 tab-hi...

2014-10-18 ‧ 由 jimmy0328 分享
DAY 19

ionic 實作(8):歷史訂購(下)

說明 歷史訂購功能,主要是用來查看過去的訂購記錄,在這個部份會有master - Detail 的作法在裡面,接下來要介紹的是detail 的部份如何實作。...

2014-10-19 ‧ 由 jimmy0328 分享
DAY 20

ionic 實作(9):重構程式 - $http (上)

在之前實作的部份,資料的讀取的都是暫時使用靜態變數來呈現的。但實際在開發手機時,通常都是手機中的 SQLLite 資料,或是直接讀取透過 HTTP 來讀取 re...

2014-10-20 ‧ 由 jimmy0328 分享