mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-09-24 23:01:18 +08:00
Vitaly Romaniv
2a72e17e72
- cancel unnecessary translation of Ionic proper noun to Russian. - fix the broken layout. - add a missing translation. - fix structure of sentences.
52 lines
2.4 KiB
Markdown
52 lines
2.4 KiB
Markdown
---
|
|
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
|
|
```
|