10 рамок для создания мобильного приложения с HTML, CSS и JavaScript

Для многих веб-разработчиков, которые могут быть знакомы только с HTML, CSS и JavaScript, разработка собственного мобильного приложения может оказаться незнакомой территорией. Технически говоря, мобильные приложения в Android, iOS и Windows Phone создаются с использованием совершенно разных языков программирования; приложение Android использует Яваприложение iOS использует Objective-Cв то время как приложение Windows Phone использует .СЕТЬ,

Но теперь любой, кто имеет хорошие знания HTML, CSS и JavaScript, может создать мобильное приложение. Одним из ключевых преимуществ использования веб-технологий для создания вашего приложения является мобильность. Используя упаковщик / компилятор, как PhoneGap, вы сможете портировать и установить приложение на разных платформах.

Есть ряд структур, которые делают это возможным. Они также выполнили половину тяжелой работы по преодолению разрыва между сетью и мобильными платформами. Здесь мы собрали 10 лучших мобильных фреймворков, которые мы смогли найти. Если вы готовы создать следующее приложение на миллиард долларов, давайте проверим список.

Рекомендуемое чтение: 30 листовок и инфографики для разработчиков мобильных приложений

1. jQuery Mobile
   jQueryMobile – это надежная мобильная среда разработки для создания кросс-платформенных приложений. jQuery Mobile поддерживает широкий спектр различных платформ, от обычного настольного компьютера, смартфона, планшета или устройства для чтения электронных книг, таких как Nook или Kindle. Подобно своему брату, jQuery UI, jQuery Mobile содержит ряд UI это в данном случае оптимизировано для мобильных и сенсорных устройств.

Рекомендуемое чтение: Дизайн мобильных приложений / Dev: руководство для начинающих по JQuery Mobile

1. Кордова / PhoneGap
   PhoneGap в основном основан на Cordova. Cordova / Phonegap предоставляет набор API-интерфейсов JavaScript, которые подключаются к собственным функциям устройства, таким как «Камера», «Компас», «Контакты» и «Геолокация». Cordova / Phonegap позволяет нам создавать мобильные приложения без родного языка программирования; вместо этого мы можем использовать такую ​​среду, как jQuery Mobile. Он скомпилирует ваше приложение, используя SDK платформы, и будет готов к установке на поддерживаемой платформе, включая iOS, Android, Windows Phone, Blackberry и веб-ОС.

1. Сенча Touch
   Sencha Touch – это мобильная платформа на основе HTML5 и CSS3, предоставляющая API, анимацию и компоненты, совместимые с текущими мобильными платформами и браузерами. Sencha Touch поддерживает как Cordova, так и PhoneGap; Вы можете скомпилировать свое приложение и отправить его в App Store соответствующей платформы. Кроме того, Sencha Touch предоставляет набор тем для iOS, Android, Blackberry, Windows Phone, Tizen и множества других платформ, которые помогут вашему приложению почувствовать себя нативным приложением.

1. трещотка
   Изначально Ratchet использовался Twitter как внутренний инструмент для создания прототипа их мобильного приложения, который затем был опубликован в виде проекта с открытым исходным кодом. Ratchet поставляется с набором плагинов пользовательского интерфейса и JavaScript для создания простых мобильных приложений, предоставляющих повторно используемые классы HTML. В версии 2.0 Ratchet также поставляется со своим фирменным набором значков шрифтов под названием Ratcheticon и двумя готовыми темами для пользовательского интерфейса для iOS и Android.

1. ионный
   Если вас интересует производительность вашего приложения, Ionic – это то, что вам нужно. Ionic – это мобильная среда HTML5, ориентированная на производительность и использующая аппаратное ускорение, и для нее не требуется сторонняя библиотека JS. Он лучше всего работает вместе с Angular.js для создания интерактивного приложения. Как и Ratchet, Ionic поставляется с красиво созданным набором иконок шрифтов, Ioniconsи множество HTML-классов многократного использования для создания мобильного интерфейса.

1. Lungo
   Lungo – это легкая мобильная платформа, основанная на HTML5 и CSS3. У этого есть очень хорошие стили по умолчанию, которые вы можете использовать в качестве отправной точки для разработки вашего мобильного приложения. Помимо компонентов мобильного пользовательского интерфейса, Lungo предлагает несколько JavaScript API для управления вашим приложением. Lungo поддерживает следующие платформы: iOS, Android, Blackberry и Firefox OS.

1. jQT
   jQT – это плагин Zepto для мобильных фреймворков, в первую очередь разработанный для браузеров Webkit. JQT легко настраивается и расширяется. Он поставляется с темой, которую можно изменить с помощью Sass / Compass, классного 3D-перехода, который настраивается с помощью CSS3, плюс разработчики также могут расширять jQT своими собственными необходимыми функциями.

1. юниор
   Junior также является плагином Zepto для создания мобильного приложения, похожего на jQT. Но Junior зависит от нескольких внешних библиотек для работы некоторых функций, а именно Backbone.js, Flickable.js для создания скользящего слайдера и Ratchet для платформы UI.

1. Джо
   Джо поддерживает широкий спектр мобильных платформ, включая Tizen и Chrome OS. У Джо также есть стартер, работающий на CSS3, поэтому веб-разработчикам на любом уровне опыта легко понять и начать стилизовать свои приложения. Кроме того, вы можете использовать Jo вместе с PhoneGap или Cordova, чтобы упаковать свое приложение для использования на мобильной платформе.

1. Известный
   Famo.us, новичок в области мобильных фреймворков, обещает устранить проблему производительности HTML5 на мобильных устройствах с помощью облегченного движка JavaScript (всего 64 Кб). Сообщается, что Famo.us также запустит облачный сервис для упаковки вашего приложения для публикации в AppStore – похоже, Phonegap и Sencha скоро получат нового конкурента. Вы можете зарегистрироваться в качестве бета-тестера в www.famo.us чтобы получить в свои руки это.