文档章节

Ionic框架入门(原文翻译)

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

注: 从未做过翻译,打算学学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

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周五乱弹 —— 匹诺曹也是韩国人

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @watergood :分享海先生的单曲《烟花巷》 《烟花巷》- 海先生 手机党少年们想听歌,请使劲儿戳(这里) @Cyber-Pan :已经很久没有十点前下过...

小小编辑
今天
7
1
Snack3 之 Jsonpath使用

Snack3 之 Jsonpath使用 一、 Snack3 和 JSONPath 介绍 Snack3 是一个支持JSONPath的JSON框架。JSONPath是一个很强大的功能,也可以在Java框架中当作对象查询语言(OQL)来使用。 <dependenc...

刘之西东
今天
4
0
7. 彤哥说netty系列之Java NIO核心组件之Selector

<p align="right">——日拱一卒,不期而至!</p> 你好,我是彤哥,本篇是netty系列的第七篇。 简介 上一章我们一起学习了Java NIO的核心组件Buffer,它通常跟Channel一起使用,但是它们在网络...

彤哥读源码
昨天
21
0
在Jupyter notebooks 中运行GRASS GIS

在Ubuntu16.04中,首先安装jupyter: python3 -m pip install --upgrade pippython3 -m pip install jupyter 然后创建一个sh脚本: # directory where GRASS GIS lives# GRASS GIS 的安装......

ddd口木呆
昨天
4
0
c++ get() getline()读取行

天王盖地虎626
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部