iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

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

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

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

ionic 實作(10):重構程式 - $http (下)

承上一篇所提的$http (可以參考 ionic 實作(9):重構程式 - $http (上)) 接下來要將圖片、電話及商店名稱一樣binding 到 這三個變...

2014-10-21 ‧ 由 jimmy0328 分享
DAY 22

ionic 實作(11): ionic 權控判斷與全域變數的存放

我個人習慣使用來控制ionic 全域變數的有二種方式,第一種就是存放在rootScope物件中,第二種就是封裝成service 來提供二個controller...

2014-10-22 ‧ 由 jimmy0328 分享
DAY 23

ionic 實作(12): ionic 中封裝 angular的 Service

為什麼要使用 Service 呢,簡單的說就是把常用的一些實作抽離出來,除了讓之後比較可以便利的維護外,在ionic 中也可以傳遞二邊的共用的變數。 以會員登入...

2014-10-23 ‧ 由 jimmy0328 分享
DAY 24

ionic 實作(13): ionic 中封裝 angular的 directive

AngularJS Directive 介紹 https://docs.angularjs.org/guide/directive https://github...

2014-10-24 ‧ 由 jimmy0328 分享
DAY 25

ionic 實作(14): Master Detail Pattern

master-detail 的功能在手機裡幾乎是一定會使用到的,在前面的部份我們也有實作到master-detail,所以本章就好好介紹 ionic 的 mas...

2014-10-25 ‧ 由 jimmy0328 分享
DAY 26

ionic 實作(15): ionic Loading

在畫面載入資料時,我們習慣上都會加入Loading的效果,來讓User知道資料正在載入中,如下圖所示 在ionic 中提供了一個$ionicLoading的物...

2014-10-26 ‧ 由 jimmy0328 分享
DAY 27

ionic 實作(16): ionic ngCordova

ng-Cordova 是 ionic 與 Cordova 之間的整合的套件,只要直接使用 ng-Cordova 就可以很容易的與底層device 做一些 nat...

2014-10-27 ‧ 由 jimmy0328 分享
DAY 28

ionic 編釋成 native app

目前官方支援的 mobile 有 IOS 與 Android ,在編釋mobile native 之前我們必須要先create ios 或是 android 的...

2014-10-28 ‧ 由 jimmy0328 分享
DAY 29

ionic 開發時常見問題與相關資源

之前介紹 ionic 相關開發的文章告一個段落,細節的部份無法在這一次介紹的清楚的,請大家透過的資源去自行學習了 相關資源 官方網站: http://ionic...

2014-10-29 ‧ 由 jimmy0328 分享
DAY 30

ionic 開發總結與心得

學習 ionic 開發對於本來熟悉 WEB Angular開發的工程師 ,應該會學習是非常簡單的一件事情,在學習的過程會發現有大多的時間是在撰寫 Angular...

2014-10-30 ‧ 由 jimmy0328 分享