freeCodeCamp/guide/russian/ionic/index.md

---
title: Ionic
localeTitle: Ionic
---
## Структура Ionic

Ionic - это платформа разработки мобильных приложений HTML5, предназначенная для создания гибридных мобильных приложений.

Гибридные приложения имеют много преимуществ по сравнению с чистыми родными приложениями, особенно с точки зрения поддержки платформы, скорости разработки и доступа к стороннему коду.

### Создание гибридных приложений с помощью Ionic

Те, кто знаком с веб-разработкой, найдут структуру Ionic-приложения просто. По своей сути это всего лишь веб-страница, запущенная в оболочке собственного приложения! Это означает, что мы можем использовать любые HTML, CSS и Javascript, которые мы хотим.

Основная часть приложения Ionic будет написана в HTML, Javascript и CSS. Ionic также использует AngularJS для многих основных функциональных возможностей фреймворка.

### Прежде чем мы начнем работать с Ionic. Давайте сначала подготовим нашу систему:

```
  nodeJS and npm
  Ionic 2
  Cordova
  Android Environment (либо iOS если вы работаете на MacOS)
```

### Во-первых, нам нужно иметь Node.js и npm.
```
  sudo apt-get update 
  sudo apt-get install nodejs 
```

### Менеджер пакетов Node.js (npm)

```  
  sudo apt-get install npm
```

### Ionic 2 и cordova 

```
  sudo npm install -g ionic cordova
```

### Теперь откиньтесь и расслабьтесь, подождите некоторое время, это может занять несколько минут в зависимости от вашего интернет-соединения. 
Как только установка завершится, начнем с создания нового проекта на основе «чистого» шаблона

```
  ionic start MyFirstApp blank
  cd MyFirstApp 
  ionic serve
```