Hybird HTML5 App(移动应用开发)之:了解Ionic框架

Ionic并不是一个入门级的框架，它是一个专注于用web开发技术，基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和SASS。这个框架的目的是从web的角度开发手机应用，基于PhoneGap的编译平台，可以实现编译成各个平台的应用程序。所以，在学Ionic之前，首先要了解学习Ionic需要具备的技能：
1、熟练运用HTML、CSS、JavaScript；
2、熟练运用HTML5的新元素。
3、有使用JavaScript框架的的经验，尤其是熟悉AngularJS 框架。

下面我们就来认识一下Ionic框架：
1、Ionic为开发者提供一系列预置组件，为你的程序提供一些功能。
2、通过AngularJS可以创建一系列定制的指令，而这些指令可以为应用程序增加新的功能。
3、使用框架构建应用程序，只要遵循框架特定的结构和相关约定，就可以为应用程序添加Ionic预置的一些功能，有了这样的框架，使得开发应用程序更容易。
4、Ionic就是一个构建原生应用程序的SDK框架，通过它产生的应用程序可以运行在不同的移动设备，就像应用程序是为移动设备量身定做一样。在构建应用程序的过程中，你不但可以使用Ionic框架，而是还可以使用多个框架和库。
Ionic框架和其他框架的关系：
1、Ionic使用AngularJS框架去控制或创建应用程序中的交互，所以，再次强调，为了使用Ionic创建应用程序，你需要较好的掌握AngularJS。
2、Cordova用来打包web代码，并将代码编译为不同移动平台的原生应用程序，还能通过一系列JavaScipt API使用原生功能,比如加速计、照相机。
3、在Ionic应用程序中，可使用SASS创建样式；SASS作为CSS的预处理机，在CSS的基础上提供了许多其他功能。如果要给你的应用程序创建独特的外观，需要对SASS有经验。但单纯的使用Ionic并不需要熟练使用SASS。
4、Gulp.js用来管理项目、加工SASS及处理其他工作。虽然使用Ionic并不要求你熟悉Gulp.js，但是熟悉Gulp.js会让你更好的明白Ionic是如何监控你的项目
5、Ionic利用Nodejs的安装工具npm来处理安装。
6、Ionic使用Git来追踪管理项目，进行版本控制。
7、Ionic可以使用Bower安装一些组件。
Ionic预置组件和指令
1、Ionic提供一系列的预置组件，使用它们就可以为应用程序添加不同的功能，而不用自己艰难地去实现。比如：Ionic提供许多提前预置的CSS类，能够让你的应用程序看起来和表现得像原生设备上的应用程序一样。
2、Ionic通过AngularJS自定义了许多的指令，这些指令能够给应用程序增加移动功能。比如：如果你想创建一个移动的列表，你可以使用Ionic标签ion-list, ion-list会为你提供许多功能，比如滚动，分类排序等。Angular也运行创建自定义的指令，作为自定义的HTML标签或者属性。
总结：
Ionic和大多数框架相比，它都是不同的，因为它是一个SDK，依赖许多其他的框架。虽然你能在没有使用全部框架经验的情况下，就能使用Ionic工作，你仍然需要掌握AngularJS 。如果需要真正掌握Ionic,你需要明白以上的软件是如何帮助Ionic生成移动程序的。如果你想完整的学习Ionic框架，请参考Ionic课程