freeCodeCamp/guide/russian/ionic/index.md

2.4 KiB
Raw Blame History

title localeTitle
Ionic 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