Ionic 入门与实战之第一章:Ionic 介绍与相关学习资源

简介: 原文发表于我的技术博客本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念、发展历程、适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源。原文发表于我的技术博客1. Ionic 简介在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响。

原文发表于我的技术博客
本文是「Ionic 入门与实战」系列连载的第一章,主要对 Ionic 的概念、发展历程、适配的移动平台等知识进行了介绍,并分享了 Ionic 相关的学习资源。
原文发表于我的技术博客

1. Ionic 简介

在前端技术发展越来越快的今天,Hybrid App 开发技术也受到了很大的影响。Ionic 在 2013 年发布第一个版本,目前已经发布到了 2.0 Beta 6 (2016/04/25),是一个比较成熟,也是发展比较快的一个 Hybrid App 开发框架。

1.1 Ionic 的正确发音

这里先给出 Ionic 的正确读音。

UK /aɪˈɒn.ɪk/
US /aɪˈɑː.nɪk/

1.2 Ionic 使用到的技术点

Ionic 以 AngularJSApache Cordova 为基础,使用 Node.js 进行模块管理,只使用 HTML5、CSS(Sass) 和 JavaScript 技术进行 App 开发。所以如果有相关知识的开发经验,如网站开发,那么学习起来是非常的快速的。具体的知识点在后续的章节会陆续介绍学习。

2. Ionic 支持的平台

在 Ionic 1.0 的版本中,支持的平台为 Android (Android 4.1+) 和 iOS (iOS 7+)。在刚发布的 Ionic 2.0 版本中,添加了对通用 Windows 平台的支持,所以也就对 Windows Phone 有了支持。同时也支持 BlackBerry 10 App

2.1 开发环境

需要下列几个开发环境即可,具体的安装步骤在后续的章节中将有详细的讲解。

  • 不管 Windows 环境或者 Mac 环境,都需要 Node.js。
  • 代码编辑器,如 Sublime、Atom 等即可。
  • 开发 iOS,需要 Mac 系统,安装 Xcode 即可,上架应用需要开发者证书。
  • 开发 Android,需要 Android 开发 IDE,推荐 Android Studio,模拟器推荐 Genymotion 或者真机也可。
  • 其他平台准备对应的环境即可。

3. 相关资料站点


作者:Parry
出处:http://www.cnblogs.com/parry/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

相关文章
ionic入门之启动后会有短暂的白屏和黑屏
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
1378 0
|
Web App开发 JavaScript 前端开发
Ionic 入门与实战之第二章第一节:Ionic 环境搭建之开发环境配置
原文发表于我的技术博客 本文是「Ionic 入门与实战」系列连载的第二章第一节,主要对 Ionic 的开发环境配置做了简要的介绍,本文介绍的开发环境为 Mac 系统,Windows 系统基本类似,少许差别请查阅相关文档即可。
1190 0
ionic入门之服务开发模式
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71330667 本章在ionic入门之多组件开发模式 基础上修改,创建服务用于多个view中调用,避免写重复的代码。
927 0
|
前端开发
ionic入门之深链接和延迟加载
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71741941 主要模块 延迟加载听起来像是一个复杂的过程,但实际上是非常直截了当。
1326 0
ionic入门之数据绑定显示-1
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71270393 [(ngModel)]是一个Angular语法,用于把hero.name绑定到输入框中。
1050 0
|
前端开发 Python
ionic入门之数据绑定显示-2
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
877 0
ionic入门之多组件开发模式
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71276112 在实战中建议是用多组件开发模式,高耦合低内聚。
745 0
|
Android开发 JavaScript 开发工具
ionic入门之开始使用ionic框架
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/inforstack/article/details/71120744 安装ionic npm install -g cordova ionic 首先,安装Node.js。
1296 0
|
Android开发
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享)
ionic3项目实战教程 - 第13讲 ionic3社交分享(QQ分享和微信分享) 图片发自简书App 这一讲主要包含以下几个部分: 1.在微信开放平台创建应用获得wechatappid; 2.
1404 0
|
Android开发 iOS开发
ionic3项目实战教程 - 第12讲 ionic3制作icon和splash
这一讲主要包含以下几个部分: 1.设计icon; 2.设计splash; 3.生成各个平台各个尺寸的icon和splash; 1.设计icon 来,打开你的PS,新建-文件,像素为1024*1024,背景透明,确定; .
1166 0