ionic中文教程[來自皓眸大前端]

標籤：tool   外掛程式   file   javascrip   blob   打包   分代   ref   sch   

做前端的同學有福了，學完比較熱火的angular，你就可以開始動手做靜態WebApp了，這是多麼幸福的一件事啊。靜態WebApp，你可以做任何的Demo，甚至可以做一些通關小遊戲這個先不談。做完了WebApp之後，神器IonicFramework來了，只要你的App沒有涉及像多媒體處理，特殊感應器的處理，你都可以通過ionic打包成apk或ios應用，不用改寫或者改寫小部分代碼。這是多麼神奇哈！

皓眸大前端開發學習

轉載請註明出處：http://www.haomou.net/2014/10/06/2014_ionic_learn/

ionic簡介

ionic是一個專註於用WEB開發技術，基於HTML5建立類似於手機平台原生應用的一個開發架構。目前綁定的與angularJS和SASS。這個架構的目的是從web的角度開發手機應用，基於PhoneGap的編譯平台，可以實現編譯成各個平台的應用程式。

0. Hybrid_APP

0.1 Hybrid_APP說一說
0.2 Ionic在IOS9中BUG修複

1. 搭建環境

1.1 ionic架構配置
1.2 ionic開發外掛程式之ngCordova配置安裝
1.3 phoneGap之Android環境搭建
1.4 MAC下Android環境與cordova搭建
1.5 Android最新SDK內容合集
1.6 ionic工具類API和配置

2. 學習css常用樣式

2.0 ionic表徵圖資源索引 
2.1 ionic中文詳解CSS組件1
2.2 ionic中文詳解CSS組件2

3. 學習js常用控制項

3.1 ionic中文javascript API
3.2 ionic中文javascript API（2）
3.3 ionic中文javascript API（3）

4. 項目執行個體

4.1 ionic之code_pen線上示範
4.2 ionic檔案選擇與上傳
4.3 ionic開發APP版本調試
4.4 手機網頁調試工具weinre
4.5 Android瀏覽器Blob問題

5. ionic外掛程式開發定製

5.1 開發ionic外掛程式Android版

6. ionic發布APP

6.1 Ionic發布Android應用

7. 服務端REST敏捷開發

7.1 REST概念介紹
7.2 跨終端服務端API敏捷開發架構
7.3 你想要的敏捷開發實踐

8. 其他HybridAPP開發架構

8.1 reapp之用React開發hybrid app
8.2 deviceOne
8.3 Hybrid App 和 React Native 開發那點事

謝謝！

轉載請註明出處：http://www.haomou.net/2014/10/06/2014_ionic_learn/

ionic中文教程[來自皓眸大前端]