iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

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

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

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

達標好文 初探 ionic framework

Mobile 現況 目前依市場佔有率來看,大致上以 iPhone 及 Android 為居多。也因此開發iPhone及iPad native 則選擇使用 Obj...

2014-10-01 ‧ 由 jimmy0328 分享
DAY 2

安裝 ionic framework

一、環境安裝 環境安裝的部份主要包括 NodeJS、Cordova 及 ionic 三個套件要注意。 安裝 Node.js window 首先必須開發環境要...

2014-10-02 ‧ 由 jimmy0328 分享
DAY 3

ionic 語法介紹

ionic 語法介紹 ionic 主要的command 語法如下 以下介紹我目前有使用到的幾個 start 用來建立一個新的ionic Project ,此...

2014-10-03 ‧ 由 jimmy0328 分享
DAY 4

建立第一個 Project

建立ionic Project 有二種方式,第一種可以使用 empty的方式,第二個是使用目前官方提供的二種 sample Project 來建立。 第一種bl...

2014-10-04 ‧ 由 jimmy0328 分享
DAY 5

ionic 中的 CSS components

參考網址: http://ionicframework.com/docs/components/ CSS components 如同現在開發 web 的前端UI...

2014-10-05 ‧ 由 jimmy0328 分享
DAY 6

ionic 中的JavaScript

ionic 中的JavaScript 簡單的說就是 AngularJS + JavaScript。所以在學習ionic 的 JavaScript 必須要對 An...

2014-10-06 ‧ 由 jimmy0328 分享
DAY 7

當ionic遇上AngularJS

ionic 是一個openSource的套件,使用了HTML、CSS及JS Components 許多的元件可以快速的開發出一個mobile 的apps,其中o...

2014-10-07 ‧ 由 jimmy0328 分享
DAY 8

初探 ionic 中的 AngularJS(上)

這個部份介紹ionic 中使用AngularJS 的雙向綁定(Two way data-binding)及依賴注入(DI) 雙向綁定(Two way data-...

2014-10-08 ‧ 由 jimmy0328 分享
DAY 9

初探 ionic 中的 AngularJS(下)

這個部份介紹ionic 中使用AngularJS 的Directive 及 services 的介紹 Service 當一個app在多controller時,我...

2014-10-09 ‧ 由 jimmy0328 分享
DAY 10

ionic routing(上)

在ionic 中的routing 是採用 Angular 中的 ngRoute來做為routing。 ionic 官方的範例 : http://codepen....

2014-10-10 ‧ 由 jimmy0328 分享