基于Ionic框架的跨平台APP开发入门

Ionic的基础知识,安装和配置,项目结构,组件等

2018-11-09 周顺新      我在学 更新完毕 中级进阶

APP/APP 535     0     47782

教程上线

2018年11月09日

已更新完毕

2018年12月01日

教程简介

Ionic Framework官网:ionicframework.com

Ionic Framework是一个基于HTML5技术的强大的APP混合开发框架,它开源、免费,可以帮助你使用Web技术栈(HTML5+CSS3+JavaScript)来构建媲美原生开发体验的移动应用程序,特别是在iOS上面基本感觉不出与原生开发的体验,Ionic主要关注外观、用户体验、以及APP的UI交互,特别适合用于基于Hybird模式的快速的HTML5 APP开发。

Ionic Framework有一套轻量的手机UI库,提供了大量的css组件和JavaScript UI库,具有速度快、界面现代化、美观易用等特点,可以优化HTML、CSS和JavaScript的性能,构建出高效的APP;如果你是一名前端开发人员,那么你一定听说过来自Google的Angular框架,你也一定听说过来自微软的TypeScript,而基于Ionic Framework开发就是基于Angular+TypeScript+Sass来进行APP开发的哦,简单易学,MVC开发模式,各种规模的APP均可以得心应手,方便管理和维护,完美的融合下一代移动框架,Ionic是一个值得信赖的框架。

基于Ionic的APP开发,可以使用Web技术栈一次开发,然后通过Cordova跨平台技术发布为iOS和Android等平台(当然也发布到Windows Phone等啦)的手机APP或者电视应用,经过4年的发展,它有着一套完整成熟的从Cli工具、编码、发布等的流程,特别适合创业团队低成本快速验证市场的APP开发需求,国内的12306承载着几亿人购票需求的手机端APP刚上线那两年也曾经是基于HTML5+CSS3+JavaScript混合开发的哦。

本套教程,就是要带你入手使用Web前端技术栈进入APP开发的大门,对于前端开发者,应该很容易就会掌握基于Ionic的APP开发,学习需要有基本的HTML、CSS和JavaScript基础、也应该了解一下Angular和TypeScript哦,如果你没有熟悉Angular,这里有《Angular快速入门》和《Angular开发进阶》供你参考学习哦。

image.png

marketwatch-app-ionic.png

ionic-stack.png

作者介绍
适宜人群
  • 本教程难度级别为3级(3/4)
  • 有一定HTML5+CSS3+JavaScript基础的前端开发工程师
  • App开发工程师
  • 互联网APP创业人员
你会学到什么?
  • 入门基于Web技术栈(HTML5+CSS3+JavaScript)的跨平台APP开发
  • 熟悉基于Ionic的APP开发流程
温馨提示
  1. 本教程为视频内容,共计 15 节;
  2. 教程的VIP会员在有效期内可以享受随时学习、沟通交流、下载素材、相关周边服务等;
  3. 教程已于 2018年12月01日 更新完毕,后续我们可能会根据同学们的学习反馈进行内容的调优;
  4. 把教程加入到学习计划,关注“侠课岛”公众号(微信号:xkdedu)就可以在手机端学习哦,并且系统将自动为你的学习提供更多的智能的学习服务哦;
|
教程
粉丝
主页

签到有礼

已签到2天,连续签到7天即可领取7天全站VIP

  • 1
    +2 金币
  • 2
    +3 金币
  • 3
    +5 金币
  • 6
    +7 金币
  • 5
    +6 金币
  • 4
    暖心福利
    自选分类VIP ×1天
  • 7
    惊喜大礼

    自选分类VIP ×3天 +20金币
  • 持续签到 +8 金币

金币可以用来做什么?