Ionic框架入门(原文翻译)

寵の児 提交于 2019-12-01 13:53:22

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!