公开课--通过Ionic开发跨终端应用

简介: <p></p> <h1><span style="font-family:宋体; font-size:22pt">1 <span style="font-family:宋体">现在的</span><span style="font-family:Calibri">app</span><span style="font-family:宋体">开发类型有几种?</span></span><

现在的app开发类型有几种?




移动端开发有哪些框架:

Ionic

Html5+

AppCan

2 Ionic介绍

官网地址

Ionic官网:http://ionicframework.com/

Ionic中文网:http://www.ionic.wang

 

IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。

 

3 H5+RN

首先要认识Html5+联盟是什么?

HTML5中国产业联盟,简称“HTML5+联盟”,是为了更好的推进HTML5的商用、更好的为HTML5开发者服务而由产业链主流厂商共同组成的一个联盟。联盟致力于整合产业链资源,建立围绕HTML5开发者的生态系统,通过产业链共同为HTML5开发者服务。w3c中国是联盟的指导单位。csdnDCloud是联盟的秘书处单位。

 

Dcloud官网

官网:http://www.dcloud.io/

Emmet语法:http://docs.emmet.io/cheat-sheet/


React Native介绍

官网地址:

RN官网 https://facebook.github.io/react-native/

RN中文网 http://react-native.cn/

 

最专业的翻译,最及时的资讯,最火爆的社区

使用前沿的JAVASCRIPTIOSANDROID编写跨平台原生APP

 

React Native使你能够在JavascriptReact的基础上获得完全一致的开发体验,构建世界一流的原生APP

React Native着力于提高多平台开发的开发效率 —— 仅需学习一次,编写任何平台。(Learn once, write anywhere)

Facebook已经在多项产品中使用了React Native,并且将持续地投入建设React Native


使用ionic制作app




目录
相关文章
|
JavaScript 前端开发 Android开发
Ionic 开发中遇到的常见问题及解决方案
Ionic 常见问题及解决方案
8379 0
|
Web App开发 索引
Ionic 2 开发(一)_安装与目录结构
由于公司开始使用后ionic 进行前段开发,现在需要学习下ionic,虽然是后台开发,但是还是有必要了解下的 安装Node.js 官网:http://nodejs.cn/ 自行下载安装 安装Ionic npm install -g cordova npm install -g ionic 设置淘宝镜像 npm config set registry https://registry.
1099 0
|
iOS开发 开发者
ionic3项目实战教程 - iOS打包上架到应用市场
2017年10月-iOS打包上架最新图文教程,手把手教你发布iOS应用到市场。 准备工作 1.准备好icon.psd和splash.psd后,请按照上一讲生成图标资源; 2.苹果开发者账号:https://developer.apple.com/account/; 后面有彩蛋 1.新建APP ID image.png 填写好应用描述和应用ID后,点击页面最下方Continue按钮即可。
1251 0
|
Web App开发 移动开发 JavaScript
Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App
原文:Win10 UWP开发系列:使用VS2015 Update2+ionic开发第一个Cordova App 安装VS2015 Update2的过程是非常曲折的。还好经过不懈的努力,终于折腾成功了。 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错。
1794 0
|
Web App开发
ionic3项目实战教程 - 第9讲 ionic3应用内主题浏览器ThemeableBrowser的使用
这一讲主要实现商品的"抢购"功能 1.安装ThemeableBrowser插件; 2.使用ThemeableBrowser插件; 1.安装插件 分别执行以下命令: ionic cordova plugin add cordova-plugin-t...
1486 0
|
缓存 JavaScript Android开发
Ionic 1 & 2 开发常见问题 Q&A
原文发表于我的技术博客 本文分享了在 Ionic 1 & 2 版本开发过程中常见问题的一些 Q&A,供慕课网同学或其他朋友参考。原文发表于我的技术博客 1. 版本的问题 Ionic 2 目前属于快速迭代更新的版本,版本的更新会带来如文件结构和少许代码的变更,不过底层还是构建于 Angular 2 ...
1533 0
ionic开发之用户头像修改-图片选择与上传
用户头像修改,图片选择上传,非常常用的功能,本来打算和wap版一样,也用XMLHttpRequest和FormData来处理图片异步上传,结果在手机上测试的时候发现,onload事件没有触发,没找到原因,本来想省点事才不用插件去实现这个功能的,这下看来只能用插件了。
1698 0
|
移动开发 前端开发 JavaScript
【技术干货】前端开发之IONIC移动端开发
Ionic是一套HTML5 Hybrid Mobile应用开发框架,本文给大家介绍的是如何在MAC下搭建Ionic开发平台和开发移动端应用。快点戳进来看看吧~
6004 0
|
前端开发 JavaScript iOS开发
ionic react-native和native开发移动app到底那个好
ionic react-native和native开发移动app那个好 ? 移动端开发如何选型?这里介绍一下我眼中的ionic,react-native,native 三种移动端开发选型对比。欢迎大家补充指正一、 跨平台特性    ionic : write once, run anywhere (...
1206 0