文档章节

Ionic框架入门(原文翻译)

itwarcraft
 itwarcraft
发布于 2014/09/04 13:17
字数 1048
阅读 2572
收藏 3

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

注: 从未做过翻译,打算学学Ionic框架,从网上未找到中文资料,看到官网上有一个入门资料,所以打算试着用自己半瓶子的英语做个翻译尝试。这是一个有些痛苦与长期的过程。翻译一部分,放一部分吧,一点一点的来。,原文地址:[The Ionic Book][1] [1]: http://ionicframework.com/docs/guide

#The Ionic Book

#Ionic框架入门

Welcome to the official Ionic Book, where we will walk through the process of getting Ionic and all its dependencies installed, creating a new project, designing and building the UI, adding logic, testing, deploying on the device, and publishing to the various app stores.

欢迎阅读官方Ionic框架入门,从这里可以了解到如何安装Ionic、如何创建新的工程、如何设计并制作UI、如何添加业务逻辑、如何部署到设备进行调试、以及如何将项目发布到应用商店等。

##Chapter 1: All About Ionic

Welcome to the official guide to building HTML5 mobile apps with the Ionic Framework, written by the creators of Ionic. It contains all you need to know to get started building apps with Ionic, and lays a foundation for more advanced development.

If you've used other mobile development frameworks in the past, you should find Ionic fairly similar to use. But getting started with any framework is always daunting, so we will start simple and expand on some basic concepts. But first, we need to talk a bit about the Ionic project itself, where it fits into the dev stack, and why we built it.

##第1章:关于Ionic

欢迎阅读Ionic框架的官方指南,Ionic框架是使用HTML5技术构建移动APP的解决方案,本文档由Ionic框架作者制作,其中包含使用Ionic框架开发APP需要的所有基础内容,为高级开发打下基础。

如果你以前使用过其他的APP开发框架,你会发现Ionic框架使用非常简单。任何框架的入门都是困难的,所以我们将从最简单、最基础的概念开始。首先,我们来介绍Ionic项目本身,它适用于哪些应用的开发,以及我们为什么开发这个项目。

###What is Ionic, and where does it fit?

Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native platform layer. Hybrid apps have many benefits over pure native apps, specifically in terms of platform support, speed of development, and access to 3rd party code.

Think of Ionic as the front-end UI framework that handles all of the look and feel and UI interactions your app needs in order to be compelling. Kind of like "Bootstrap for Native," but with support for a broad range of common native mobile components, slick animations, and beautiful design.

Unlike a responsive framework, Ionic comes with very native-styled mobile UI elements and layouts that you'd get with a native SDK on iOS or Android but didn't really exist before on the web. Ionic also gives you some opinionated but powerful ways to build mobile applications that eclipse existing HTML5 development frameworks.

Since Ionic is an HTML5 framework, it needs a native wrapper like Cordova or PhoneGap in order to run as a native app. We strongly recommend using Cordova proper for your apps, and the Ionic tools will use Cordova underneath.

###什么是Ionic框架?它适合开发哪些应用?

Ionic框架的目标是使用HTML5技术构造混合的移动APP应用。混合应用本质上是一个网站,运行于原生平台提供的浏览器外壳上。在平台支持情况下,相比于原生应用,混合应用有很多优势,比如更快的开发速度,更方便的与第三方代码集成等。

Ionic作为前端UI框架,可以完成应用所必要的所有前端UI交互功能。Ionic框架类似于原生应用的引导(译者注:不知道怎么翻译更通顺。),但是支持大量的原生应用组件,滑动特效,并且设计的很漂亮。

与响应式框架不同,Ionic带有很多与原生相应相似的UI组件与部署,这些组件你可以从iOS和Android的SDK中看到,但是以前从未在web开发中出现过。Ionic同时支持开发者结合HTML5开发框架创建自定义组件来开发移动应用。

由于Ionic是基于HTML5的框架,所以需要使用Cordova或PhoneGap来包装,从而作为原生应用运行。我们强烈推荐使用Cordova,并用Ionic工具将默认使用Cordova。

© 著作权归作者所有

itwarcraft

itwarcraft

粉丝 23
博文 8
码字总数 8956
作品 0
济南
高级程序员
私信 提问
ionic入门之AngularJS扩展(一)//HTML5移动开发

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox OS) 的原生A...

秦无炎
2016/12/20
44
0
(1)ionic2的新特性

ionic2的新特性 ionic2是基于Angular2构建的.相对与ng1,ng2几乎是完全的推倒重建的新框架. 虽然Angular原有的部分仍然在新版本中得以保留,但是开发者必须注意那些新的语法和结构变化.你可以通...

boogoogle
2015/11/27
3.8K
0
PhoneGap跨平台移动开发之旅5--Intel XDK项目实例

阅读原文 概述 本文进一步的使用Intel XDK开发一个实际用途的项目。 下面是 关键词 PhoneGap Intel XDK 跨平台开发 Hybrid App API 文档链接 下面是一些详细设备 API 和用户界面框架文档的快...

jan_5201314
2016/01/07
207
1
5 个可以立刻在你的 Ionic App 中用上的动画包

原文地址:5 Animation Packages You Can Immediately Use Inside Your Ionic App 原文作者:devdactic.com 译文出自:掘金翻译计划 本文永久链接:github.com/xitu/gold-m… 译者:lsvih 校...

lsvih
01/30
0
0
每天5分钟日记

第一天 近期的目标 要做到早睡早起,早睡先放到一边,先要做好早起的准备。 先运动一个小时,然后,晚上要回顾一天的生活工作,核查自己一整天的任务完成情况以及调整第二天的任 务。 近期目...

boogoogle
2016/01/24
10
0

没有更多内容

加载失败,请刷新页面

加载更多

在C语言中“静态”是什么意思?

我已经在C代码的不同地方看到了static一词。 这就像C#中的静态函数/类(实现在对象之间共享)吗? #1楼 多文件变量作用域示例 在这里,我说明了静态如何影响多个文件中函数定义的范围。 交流...

javail
5分钟前
3
0
利用 FC + OSS 快速搭建 Serverless 实时按需图像处理服务

作者:泽尘 简介 随着具有不同屏幕尺寸和分辨率设备的爆炸式增长,开发人员经常需要提供各种尺寸的图像,从而确保良好的用户体验。目前比较常见的做法是预先为一份图像存放多份具有不同尺寸的...

阿里巴巴云原生
8分钟前
2
0
前端架构最佳实践

Folders-by-Feature Structure 胜过 Folders-by-Type Structure

lilugirl
18分钟前
3
0
Seata AT 模式启动源码分析

从上一篇文章「分布式事务中间件Seata的设计原理」讲了下 Seata AT 模式的一些设计原理,从中也知道了 AT 模式的三个角色(RM、TM、TC),接下来我会更新 Seata 源码分析系列文章。今天就来分...

后端进阶
20分钟前
3
0
Python中“自我”一词的目的是什么?

Python中self词的目的是什么? 我知道它是指从该类创建的特定对象,但是我看不到为什么要将它显式地作为参数添加到每个函数中。 为了说明这一点,在Ruby中,我可以这样做: class myClass ...

技术盛宴
21分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部