Ionic框架入門（原文翻譯）

注： 從未作過翻譯，打算學學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。