Ionic框架入门(原文翻译)

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

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。

时间: 2024-10-13 08:34:52

Ionic框架入门(原文翻译)的相关文章

十分钟入门less(翻译自:Learn lESS in 10 Minutes(or less))

十分钟入门less(翻译自:Learn lESS in 10 Minutes(or less)) 注:本文为翻译文章,因翻译水平有限,难免有缺漏不足之处,可查看原文. 我们知道写css代码是非常枯燥的,尤其是写重复颜色.样式的代码,这需要我们付出很多努力来保持css代码可维护,但是它本不应该是这样的. 很幸运地是,web开发社区已经解决了这个问题,我们在现在已经有了类似与less.sass和stylus这样的预处理器.它们有很多优于一般的css之处,如下所示: 变量---以至于我们可以在样式表中

spring mvc+ibatis+mysql的组合框架入门实例demo源码下载

原文:spring mvc+ibatis+mysql的组合框架入门实例demo源码下载 源代码下载地址:http://www.zuidaima.com/share/1550463678958592.htm spring mvc+ibatis+mysql的组合框架实例 首页 http://localhost:端口/项目/index.jsp 添加用户 添加地址 项目截图 jar包截图

Angularjs和Ionic框架搭建webApp

本文原创版权归 简书作者 噜啦啦噜啦啦噜啦噜啦噜 所有,转载请联系作者获得授权,并于文章开头标注原创作者及出处,以示尊重! 文/噜啦啦噜啦啦噜啦噜啦噜(简书作者)原文链接:http://www.jianshu.com/p/ea0dcf1d31c9著作权归作者所有,转载请联系作者获得授权,并标注"简书作者". AngularJS简介:AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静

AG-Admin微服务框架入门

AG-Admin微服务框架入门  @qq群:一群: 837736451  二群 169824183 一 概要介绍 AG-Admin后台地址:https://gitee.com/minull/ace-security AG-Admin前端地址:https://gitee.com/minull/AG-Admin-v2.0 要想玩儿转spring cloud必须进行一大波儿的学习哦,先有个心理准备. AG-Admin基于Spring Cloud微服务化开发平台,具有统一授权.认证微服务云框架.其中包含

[Python] Django框架入门

说明:Django框架入门 当前项目环境:python3.5.django-1.11 项目名:test1 应用名:booktest 命令可简写为:python manager.py xxx => ./manager.py xxx 准备:已经安装python并加入环境变量 已安装 django 设计框架对比(引用,可自行搜索): 1.MVC MVC框架的核心思想是:解耦 降低各功能模块之间的耦合性,方便变更,更容易重构代码,最大程度上实现代码的重用 m表示model,主要用于对数据库的封装 v表示

spring mvc框架入门

目录 1.web框架分层 2.什么是springmvc 3.springmvc的优势 4.springmvc和struct的区别 (spring mvc框架入门 1.web框架分层 一般web框架可以分为表现层,业务层,持久层 mvc是指表现层的设计模式:model(模型) ,view(视图) 比如jsp html等,controller(控制器) 2.什么是springmvc 3.springmvc的优势 4.springmvc和struct的区别 参考b站黑马视频 原文地址:https://

Django框架入门

Django框架入门 HTTP协议 四大特性 基于TCP/IP协议之上作用于应用层的协议 基于请求响应 无状态 无连接 请求响应的数据格式 请求格式 请求首行 请求头 \r\n 请求体(在这个地方区分get请求与post请求:get请求无请求体) 响应格式 响应首行 响应头 \r\n 响应体 状态码: 1XX:服务器已接收到请求正在处理,可以继续发送请求 2XX:响应成功 例如:200 3XX:一般为重定向 例如:304 4XX:请求错误 常见的有: 403(不满足请求条件,拒绝访问),404(

Go-Micro框架入门教程(一)---框架结构

Go语言微服务系列文章,使用golang实现微服务,这里选用的是go-micro框架,本文主要是对该框架的一个架构简单介绍. 1. 概述 go-micro是go语言下的一个很好的微服务框架. 1.服务间传输格式为protobuf,效率上没的说,非常的快,也很安全. 2.go-micro的服务注册和发现是多种多样的.我个人比较喜欢etcdv3的服务服务发现和注册. 3.主要的功能都有相应的接口,只要实现相应的接口,就可以根据自己的需要订制插件. 2. 通信流程 go-micro的通信流程大至如下

ionic框架对Android返回键的处理

在HybridApp移动跨平台开发中,android平台会遇到一些比较特殊并难以解决的问题,这些问题在原生应用开发中很easy, Android的返回键处理就是问题之一,假如我们要实现一个在很多App中都有的在主页按返回键弹出对话框提示用户退出应用的功能,在原生应用开发中是很容易的,只要在onKeyUp事件里面对返回键事件进行处理就可以了.按2次返回键退出应用的Java代码如下: private long exitTime = 0; @Override public boolean onKeyD