文档库 最新最全的文档下载
当前位置:文档库 › ionic2.0教程

ionic2.0教程

ionic2.0教程
ionic2.0教程

Ionic既是一个CSS框架也是一个Javascript UI库。许多组件需要Javascript才能产生神奇的效果,尽管通常组件不需要编码,通过框架扩展可以很容易地使用,比如我们的AngularIonic扩展。

Ionic遵循视图控制模式,通俗的理解和Cocoa 触摸框架相似。在视图控制模式中,我们将界面的不同部分分为子视图或包含其他视图的子视图控制器。然后视图控制器“驱动”内部视图来提供交互和UI功能。一个很好的例子就是标签栏(Tab Bar)视图控制器处理点击标签栏在一系列可视化面板间切换。

浏览我们的API文档来了解视图控制器和Ionic中可用的Javascript实用工具。

Ionic 是目前最有潜力的一款HTML5 手机应用开发框架。通过SASS 构建应用程序,它提供了很多UI 组件来帮助开发者开发强大的应用。它使用JavaScript MVVM 框架和AngularJS 来增强应用。提供数据的双向绑定,使用它成为Web 和移动开发者的共同选择。

快速学习ionic也可以观看ionic免费视频教程Ionic教程

Ionic主要特点:

1.Ionic为性能而生-追求性能运行速度快

2.轻量级框架

3.Ionic完美的融合下一代移动框架AngularJS 基于Angularjs,支持Angularjs的特性,MVC ,代码易维护

4.漂亮的设计让你立马爱上它,通过SASS 构建应用程序,它提供了很多UI 组件来帮助开发者开发强大的应用。

5.Ionic让你看不出混合应用和原生的区别-专注原生

6.强大的命令行工具

7.基于angular语法简单易学

Ionic+Angularjs课程目录(更新中):

1.phonegap 结合crosswall 性能优化以及phonegap + Angularjs +ionic 介绍

2.第二讲ionic项目简介以及Angularjs 基础-html5 框架+Crosswalk 打包app以及angular基础介绍(1)

3.第二讲ionic项目简介以及Angularjs 基础-angularjs 指令表达式模块介绍(2)

4.第二讲ionic以及Angularjs 基础-angularjs $http请求数据以及angularjs filter简介(3)

5.第三讲Angularjs MVC 以及$scope作用域Angularjs模块的run方法以及依赖注入中代码压缩问题

6.第四讲Angularjs $scope里面的$apply方法和$watch方法

7.第五讲Angularjs 工具方法以及angularjs中使用jquery

8.第六讲Angularjs 事件指令input相关指令和样式指令DOM操作指令详解(1)

9.第六讲Angularjs 事件指令input相关指令和样式指令DOM操作指令详解(2)

10.第六讲Angularjs include指令详解(3)11.第七讲Angularjs filter过滤器以及自定义filter过滤器详解

12.第八讲Angularjs自定义服务provide里provider方法以及factory、service方法(1)

13.第八讲Angularjs自定义服务provide 供应商详解(2)

14.第九讲Angularjs 常用服务$http $location $cacheFactory $interpolate $timeout $log $res服务(1)

15.第九讲Angularjs 常用服务$http $location $cacheFactory $interpolate $timeout $log $res服务(2)

16.第十讲angularjs ngSanitize ngRoute ngAnimate插件(1)

17.第十讲angularjs ngSanitize ngRoute ngAnimate插件(2)

18.第十讲angularjs ngSanitize ngRoute ngAnimate插件(3)

19.第十一讲ngResource 数据交互插件(1)

20.第十一讲ngResource 数据交互插件(2)

21.第十二讲手机app 开发的几种方式ionic 学习思路以及ionic 新建的项目分析

22.第十三讲ionic css布局介绍(1) ionic基本布局色彩、图标和边距

23.第十三讲ionic css布局介绍(2) 界面组件列表按钮

24.第十三讲ionic css布局介绍(3)

25.第十三讲ionic css布局介绍(4)

26.第十四讲ionic js指令布局介绍使用

27.第十五讲ionic路由页面切换详解(1)

28.第十五讲ionic路由结合ionic-tabs 页面切换详解(2)

29.第十五讲ionic路由结合ionic-tabs 页面切换详解(3)

29.第十五讲ionic路由结合ionic-tabs 页面切换详解(3)

30第十七讲ionic侧边栏ion-side-menus 以及ion-tap结合侧边栏详解31.第十八讲ionic列表ion-list 以及高性能的ng-repeat

32.第十九讲ionic表单输入ion-checkbox ion-radio ion-toggle

ion-spinner

33第二十讲ionic动态组件$ionicModal $ionicActionSheet $ionicPopup $ionicPopover $ionicLoading $ionicBackdrop 指令

34第二十讲ionic动态组件$ionicPopover $ionicLoading $ionicBackdrop 指令(2)

35第十一讲ionic幻灯指令ion-slide-box

36.第二十二讲APP产品原型设计工具(POP)详解实战项目功能演示

37.第二十三讲ionic discuz app项目实战框架搭建

38.第二十四讲ionic discuz app底部修改以及首页搭建

39.第二十五讲ionic discuz app全局变量设置以及服务端数据请求

40.第二十五讲ionic discuz app上拉下拉更新数据(2)

41.第二十六讲ionic discuz app 顶部tab选项卡布局以及详情页面显示

42.第二十七讲ionic discuz app文章列表文章详情加载优化、帖子列表以及帖子详情显示(1)

43第二十七讲ionic discuz app帖子列表以及帖子详情显示(2)

44第二十八讲详情页面ion-tabs中使用tabs-item-hide样式隐藏底部菜单以及ionic页面加载加载完成销毁执行的广播

45第二十九讲ionic discuz app用户中心登陆退出登录以及浏览器Resource Post数据提示CORS问题以及服务端处理post json(1)

46第二十九讲ionic discuz app用户中心登陆退出登录以及浏览器Resource Post数据提示CORS问题以及服务端处理post json(2)

47第三十讲ionic discuz app上拉加载中图片显示以及重复请求数据问题解决,发布帖子签名验证逻辑

48第三十一讲ionic discuz app 发表帖子

49.第三十二讲ng-cordova介绍以及使用

50第三十三讲cordova3.X+消息推送以及指定设备推送详解-极光推送android (1)

51第三十四讲cordova3.X+消息推送以及指定设备推送详解-极光推送IOS 证书申请(2)

52第三十四讲cordova3.X+消息推送以及指定设备推送详解-极光推送IOS 消息推送(3)

相关文档