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

做前端的同学有福了，学完比较热火的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/

时间： 2024-08-10 02:10:51

ionic中文教程[来自皓眸大前端]的相关文章

ionic中文教程

ionic(ionic framework)是款接近原生的Html5移动App开发框架,会html css js就可以开发app,创建精彩的手机app应用,从ionic中文教程开始. 利用熟悉的技术(html5 css js)不需要重新再学习新技术,采用原有的web技术就可以创建跨平台的移动app. ionic 是目前最具潜力的一款 HTML5 手机应用混合开发开发框架.通过 SASS 构建应用程序,它提供了通用的 UI 标签和css样式风格来帮助开发者开发强大的应用.ionic使用 JavaS

ionic中文详解CSS组件

ionic组件 本来不想写这个的,因为毕竟官网已经列的很详细了css component,国内的网络由于种种原因,有时候右边并不会显示一个手机框用于展示效果.我这里将一些相关组件的介绍合在一起,给出综合例子和显示效果,方便自己查阅.另外官网的JS API介绍文档有问题,国内访问不能跳转,请参考我的另一篇ionic中文javascript API. 教程索引:(持续更新中...)ionic中文教程 转载请注明出处:http://www.haomou.net/2014/08/09/2014_ioni

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—引用传递

<饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview 1.如何编写一个 json 对象的拷贝函数 function clone(obj){ var result; if (Array.isArray(obj)) { result = []; obj.forEach((item) => { result.push(clone(item)); }); } else if (typeof obj === 'objec

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—作用域

<饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview 作用域从某种意义上来说是个难点,它需要你真真正正的了解JS的分词.词法分析,语法分析,代码生成,LHS查询,RHS查询等深层的东西. 如果不知道可以读一下<你不知道的JavaScript:上卷> let和var的区别 1.let只在声明的代码块中有效,{}中使用let声明变量,外面是访问不到的,这就是块级作用域 2.不存在变量提升问题 3.重复声明会报

《饿了么大前端 Node.js 进阶教程》—Javascript 基础问题—类型判断

lodash的类型判断源码 <饿了么大前端 Node.js 进阶教程>地址:https://github.com/ElemeFE/node-interview  lodash介绍:lodash是目前很流行的JS工具库,它封装了许多JS常用到的工具方法,在阅读源码时,你会发现代码冗长:官网说这是性能优化,不管你信不信,反正我信了! (1)null 类型 function isNull(value) { return value === null; } (2)number类型 function i

大前端工具集

来自:https://github.com/nieweidong/fetool 作者: 微博 @聂微东 个人 Blog fefork.com 博客园 犀利的东哥   目录 前端组织/前端博客 博客搭建 HTML CSS 浏览端 JS Project Build Node Package Node Project 精选阅读 前端技术 Node 学习资料 前端面试 其他技术 工具/软件 Web APP Mac Linux Chrome Plugins Git 服务端 数据端 设计/交互 速查手册 杂

director.js：客户端的路由---简明中文教程

1.引子 最近学用director.js,那是相当的简单易学易使用.不过开始学的时候,搜搜过后,却没有发现相关的中文教程.于是决定硬啃E文,翻译备用的同时也当是给自己上课并加深对它的理解. director.js 的官方地址请点击 这里 查看,本教程内容也主要来自于这里. 2.director.js是什么 director.js 按照我的理解就是客户端的路由注册/解析器,它在不刷新页面的情况下,利用“#”符号组织不同的URL路径,并根据不同的URL路径来匹配不同的回调方法.通俗点说就是什么样的路

Netty4.x中文教程系列(三) ChannelHandler

Netty4.x中文教程系列(四)  ChannelHandler 上一篇文章详细解释了Hello World示例的代码.里面涉及了一些Netty框架的基础. 这篇文章用以解释ChannelHandler.笔者本身在以前写过文章ChannelHandler改动及影响 和 ChannelInitializer 学习 对Netty的.ChannelHandler做过阐述.里面主要描述了4.x版本相对于3.x版本的改动以及影响.并引用了一些文章.为大家详细的解释了ChannelHandler里面涉及架

大前端应用开发与架构设计-使用CSS美化Web站点(一)

大前端应用开发与架构设计-使用CSS美化Web站点(一) 大前端应用开发与架构设计 3.1 CSS概述 CSS(Cascading Style Sheets)即层叠样式表,是用来控制HTML元素的外观样式(例如字体颜色.大小以及元素的定位等等),目前最新的版本是CSS3. 网页中使用HTML+CSS能够实现网页的元素与外观样式分离,也就是HTML只负责页面元素以及语义部分,CSS负责页面的外观样式,这也是W3C组织推荐的做法,尽量使用CSS取代HTML属性,因为如果让HTML既负责页面结构,又要