Objective-C, Swift чи JavaScript?

Скажу прямо, ваш покірний слуга тягнеться від багатьох продуктів яблучної компанії... але не від Objective-C. У мене було кілька спроб з ним потоваришувати, але стосунки якось не розвивалися. Ну, не подобається він мені, і все. Реліз Swift, можна сказати, виправив ситуацію, але поки що він у стадії активної розробки та шліфування. Застосовувати його в реальних проектах не дуже хочеться.

Поміркувавши про плюси та мінуси всіх доступних технологій розробки під iOS, я вирішив зупинитися на своєму улюбленому JavaScript. Якщо немає життєвої необхідності в нативних фішках Objective-C, а за плечима є досвід розробки JavaScript, то чому б не почати підкорення мобільних платформ саме з нього? Тим більше що в цій галузі нерідко виникають одноразові проекти (без подальшої підтримки), і заради них всерйоз вивчати Objective-C немає сенсу.

Приклад із практики: одного разу мені випало робити проект розробки програми для корпоративного інтернет-магазину. Завдання за фактом одноразове: «спрощуємо покупцям життя та відправляємо додаток у вільне плавання». У таких випадках хочеться якнайшвидше вирішити завдання з мінімальними витратами. Як «срібна куля» на цій ниві давно зарекомендував себе PhoneGap. Він генерує каркас майбутньої програми та прирівнює створення мобільного додатка до створення типового сайту. Ось і виходить, що за наявності середніх знань HTML/CSS/JS цілком реально зібрати пристойне додаток.

Платформа PhoneGap надає все необхідне для створення програм, але дизайнерські тонкощі залишає на наш розсуд. Грубо кажучи, так просто взяти і зібрати додаток з наближеним до нативного виконання інтерфейсу не вийде. Без залучення додаткових технологій тут не обійтись.

"Бутстрап" для мобільних платформ

Сучасні веб-розробники чули про потужність та незграбність фреймворку Bootstrap. Він дозволяє творити чудеса та за лічені хвилини створювати прототипи сучасних веб-додатків. Framework7 – це свого роду Bootstrap, але націлений на мобільні платформи. Як і личить гарному фреймворку, у F7 зібрані всілякі віджети та компоненти, що дозволяють створити додаток, максимально схожий на нативний.

Спочатку F7 спеціалізувався на платформі iOS. Стандартна тема оформлення була орієнтована на iOS 7 і, порівняно з конкурентами, виділялася продуктивністю інтерфейсу. Нещодавно розробники анонсували підтримку Material-дизайну від Google, тим самим додавши до списку підтримуваних платформ Android.

Розробники проекту постаралися навести під капотом порядок та залишити лише справді необхідні речі. У результаті звичних нам штук на кшталт вбудованої бібліотеки jQuery у F7 не знайти. Замість неї доступна легковажна Dom7, що має більшість необхідних можливостей.

Отже, резюмуємо. F7 - це JS/CSS-фреймворк із усіма необхідними UI-елементами, виконаними в нативному для мобільної платформи стилі. Скажу чесно, подібні фреймворки вже світилися на GitHib, але F7 вигідно відрізняється високою продуктивністю та реалізацією багатьох нативних UX-фішок. Наприклад, такі звичні для користувачів iOS, як Pull to refresh («потяні для оновлення»), Swipe, back bar, та багато інших доступні з коробки і не потребують додаткового програмування.

На цьому сильні сторони F7 не закінчуються. Не вдаватимуся до подробиць, а лише трохи поділюся враженнями.

Почну з найважливішого для мене атрибуту якісного проекту – документації. Чекати на появу книг з таких скоростиглих речей безглуздо - поки їх писатимуть, фреймворк напевно оновиться і текст втратить актуальність. Уся надія у таких проектах на документацію. Чим вона докладніше, тим краще. У F7 із цим повний порядок. Як мені здалося, документовано велику частину проекту, а там, де не вистачило тексту, розробники навели приклади коду.

Про приголомшливу продуктивність я вже згадав. Досягається вона насамперед завдяки жорсткій дієті та використанню актуальних сучасних можливостей JavaScript. Що стосується заміни jQuery на Dom7, то не варто переживати. Основні методи в ній реалізовані так само. Назва однотипних методів, порядок параметрів повністю збережено. Отже, звикнути буде неважко.

На офіційному сайті проекту представлені різні графіки, що підтверджують продуктивність F7, але у таких питаннях я більше довіряю своєму сприйняттю. Після розробки першого реального проекту, час відгуку інтерфейсу я перевірив самостійно. На останніх моделях iPhone (5, 5S, 6) воно вище усіляких похвал. Все працює цілком природно та звично.

З інших приємних плюшок для себе я відзначив застосування мови Lessдля опису стилів. При розробці веб-додатків з цією технологією доводиться стикатися постійно, тому дуже приємно, що отримані навички можна сміливо використовувати на мобільних платформах.

Пробуємо на практиці

Технології регулярно змінюють одна одну, але одне залишається незмінним: найкращий спосіб познайомитися з ними – це практика. Для демонстрації роботи F7 я вирішив написати корисну програму, яка обов'язково стане в нагоді всім нашим читачам, - читалку новин з сайту улюбленого журналу. Оскільки в поточній реалізації наш сайт не має повноцінного API для отримання матеріалів, ми скористаємося старим добрим протоколом .

Створити читалку на стеку HTML/CSS/JS/F7/PhoneGap не надто складно, оскільки для роботи з RSS вже створено досить функціональний плагін. В іншому робота зведеться до написання кількох десятків рядків тухлого HTML. Це досить нудно, тому я взяв на себе сміливість додати трохи рок-н-ролу. Приклад залишиться тим самим, але ми його писатимемо в MVC-стилі. У результаті ми отримаємо своєрідний мікрофреймворк із прицілом на майбутнє. Іншими словами, ми створимо універсальний каркас для подальшої розробки додатків, що добре розширюються.

Резюмуючи перелічені вище думки, отримуємо приблизно такий план дій.

Продовження доступне лише учасникам

Варіант 1. Приєднайтесь до спільноти «сайт», щоб читати всі матеріали на сайті

Членство у спільноті протягом зазначеного терміну відкриє тобі доступ до ВСІХ матеріалів «Хакера», збільшить особисту накопичувальну знижку та дозволить накопичувати професійний рейтинг Xakep Score!

Хоча в порівнянні з кросплатформовою розробкою нативна дає на виході якісніші програми, зараз з'являється багато нових кросплатформових технологій, що дозволяють створювати відмінні продукти.

Головні переваги нативної розробки полягають у високій продуктивності додатків та доступі до можливостей оперативних систем.

Тим не менш, у своїй роботі інженери ПЗ часто стикаються з несумісністю нативних інструментів між собою практично на всіх рівнях, включаючи мови програмування, архітектуру, роботу з бібліотеками і т.д.

Тому для того, щоб реалізувати ті ж алгоритми та користувальницькі та (або) бізнес сценарії, програмісти повинні створити додаток для кількох середовищ різними мовами розробки.

Таким чином, щоб написати нативну програму, компанія повинна збільшити і робочий час, і бюджет, і зусилля на підтримку продукту. Також нативна технологія вимагає від програміста наявності певної експертизи. В іншому випадку знадобиться виділити додатковий час на навчання фахівців.

Технології кросплатформної виникли на вирішення зазначених проблем. Незважаючи на деякі недоліки, вони спрощують процес написання мобільних додатків, зменшуючи компанії трудовитрати і скорочуючи замовнику витрати.

На даний момент існує багато хороших кросплатформових технологій, що дозволяють створювати якісні програми. У цій статті ми розглянемо найпопулярніші фреймворки для кроссплатформенної розробки.

PhoneGap

Adobe PhoneGap є фреймворком з відкритим кодом, користуватися яким можна безкоштовно. Також PhoneGap не вимагає обладнання, SDK та компіляторів для створення мобільних додатків.

На сьогоднішній день PhoneGap - один із лідируючих інструментів кросплатформної розробки, за допомогою якого програмісти створюють рішення на CSS3, HTML5 та JavaScript. Ще один плюс фреймворку — безліч готових плагінів.

Використовуючи цей кросплатформовий фреймворк, програмісти розробляють програми, що являють собою вбудовані веб-браузери та односторінкові (single-page) HTML.

Оскільки всі елементи інтерфейсу стилізовані як нативні, немає прямого доступу до API. Щоб отримати доступ до функцій системи, розробники пов'язують плагіни, що додають у веб-браузер JS методи, а потім пов'язують їх з нативною реалізацією на кожній оперативній системі.

Adobe PhoneGap буде ідеальним вибором в тому випадку, якщо вам потрібно розробити інтерфейс програми або простий додаток в 10-16 скринів і для невеликої аудиторії, наприклад, якесь корпоративне рішення для внутрішніх завдань компанії. Робота з фреймворком вимагає від команди досвіду написання односторінкових веб-додатків на JavaScript, CSS та HTML.

Xamarin

Ще одне відмінне кросплатформне рішення, що займає лідируючі позиції на ринку і дозволяє розробникам створювати програми для різних платформ (iOS, Android та Windows Phone).

Xamarin включає єдину загальну кодову базу C# і надає можливість тестувати програми на кількох пристроях з використанням Xamarin Cloud.

З появою Xamarin 2, фреймворк став одним із найпопулярніших інструментів. Варто відзначити, що фреймворк має сильну партнерську спільноту, в якій складаються такі великі корпорації як Microsoft і IBM. На відміну від PhoneGap робота з ним вимагає платної підписки, але можна почати з пробної безкоштовної версії.

Xamarin пропонує багато корисних функцій, наприклад, власний Xamarin Studio IDE та Xamarin.Forms, що дозволяють програмістам використовувати практично 100% одного разу написаного коду для всіх платформ. Фреймворк також пропонує доступ до нативного API та дозволяє інтегрувати такі бекенди як Parse та Microsoft Azure.

Для кроссплатформенної розробки на Xamarin потрібен досвід роботи на iOS, Android та C#. Плюс у тому, що в результаті ваша програма буде повністю нативною (хоча і написаною на C#) і обсяг бази коду не буде вищим за 40%.

Flutter

Flutter є досить новим кросплатформним рішенням з відкритим вихідним кодом, випущеним Google для більш швидкої розробки красивих високопродуктивних нативних додатків для iOS і Android.

Фреймворк надає єдину базу коду та використовує мову програмування Dart, створену Google і має багато спільного з Java та JavaScript.

Як і інші популярні кросплатформові фреймворки, Flutter пропонує багато корисних функцій. Наприклад, hot reloadспрощує розробку UI, реалізацію функціоналу та тестування продукту.

Flutter включає сторонні SDK, API для 2D, анімації, власні віджети Material Design та надає можливість повторно використовувати існуючий код Java, Swift та Objective-C.

Незважаючи на те, що дане кросплатформне рішення ще зовсім молоде, не має підтримки Windows і IDE, на ньому можна розробляти сучасні програми, що відрізняються високою продуктивністю.

React Native

Фреймворк React Native "зростає" з React.js, створений Facebook для ремонту свого чату. Складання інтерфейсу з JavaScript "кубиків" і запозичений з Інтернету адаптивний підхід до дизайну виявилися настільки успішними рішеннями, що компанія портувала React на мобільні платформи. Так виник React Native.

На даний момент React Native є, мабуть, найцікавішим і багатообіцяючим фреймворком за рахунок того, що бере найкраще з Інтернету та React.js.

Завдяки JS-движку забезпечується висока продуктивність, яка можна порівняти з нативною. На основі ідеї складання інтерфейсу з "кубиків", React Native не використовує ні браузер, ні WebView - тільки JavaScript API.

Так, програмісти пишуть код JavaScript, який працює з нативними компонентами платформи, тим самим передаючи переваги і зручність використання React.js з браузера в мобільні додатки.

Важлива перевага React Native полягає в тому, що відсоток коду, що розділяється, тут до 90%, що допомагає писати сучасні додатки, які виглядають нативно. При цьому технологія більш проста і зручна.

Від програмістів робота з фреймворком вимагає знання JavaScript, Objective-C API та Android Java API. Як можна помітити, React Native дозволяє створювати якісні високопродуктивні рішення.

Якщо у вас є якісь питання за статтею, потрібна допомога у розробці або є ідея для майбутнього проекту, та отримайте безкоштовну консультацію!

У зв'язку з розширенням команди ми запрошуємо та . Пропонуємо конкурентний рівень винагороди, гнучкий графік, кар'єрне та професійне зростання. Чекаємо на ваше резюме.) (Додано 18.06.18)

Навколо так багато фреймворків та бібліотек... І як вибрати перспективні та потрібні для свого проекту?

Команда зібрала для вас ТОП кращих фреймворків для Front-end розробки у 2018 році.

Впевнені, що ця стаття стане вашою дороговказом і не дасть потонути в морі фреймворків. Поїхали!

Але, для початку, небагато теорії:

Фреймворк- це платформа, яка надає розробникам основу для написання додатків. Він містить заздалегідь визначені та реалізовані класи чи функції. Також для конкретних завдань можна додавати власний код до того, що вже міститься у фреймворку.

Основні плюси фреймворків:

Рентабельність

Більшість ф. - безкоштовні та мають відкритий вихідний код для використання. Оскільки це значно прискорює створення програми, то, відповідно і зменшує ціну самого веб-додатку.

Продуктивність

Ф. значно покращують продуктивність і все тому, що максимально він оптимізує процес. Тому що простіше використовувати ф. з оптимізацією та добре структурованими шаблонами, ніж писати сотні рядка коду.

Безпека

Трендові JavaScript-фреймворки можуть похвалитися не лише підтримкою великої спільноти на GitHub, а й залізною системою безпеки.

Отже, розглянемо ТОП 10 фреймворків та бібліотек для Front-end Dev, які актуальні у 2018 році:

Відмінний JavaScript фреймворк, випущений у 2013 році Instagram та Facebook. Використовуючи його, ви зможете легко і просто створювати складні та великомасштабні динамічні програми. Найчастіше використовується для побудови інтерфейсів користувача. На GitHub цей фреймворк має понад 89 тис. зірок.

Плюси:

Девіз React: «Вивчи один раз – пиши скрізь»

Free and Open Source

Може використовувати вже написаний код

Підтримує віртуальну функціональність DOM

Мінуси:

Алгоритм Virtual DOM неточний та повільний

Потрібне складне асинхронне програмування під час спілкування з сервером

AngularJS – це каркас для розробки веб-програм від Google. Добре підходить для динамічних веб-застосунків, з використанням HTML для статичних веб-сторінок. Незамінний фреймворк не тільки для розробників програмного забезпечення, але і для дизайнерів. AngularJS, Angular 2 та Angular 4 міцно влаштувалися серед затребуваних фреймворків.

Плюси:

Відкритий вихідний код

Збереження фрагментів коду для подальшого використання

Розробники стикаються з меншою кількістю помилок, оскільки прив'язка даних будується на базі Angular-елементів

Підтримуються різні елементи MVC

Добре працює в середовищі Agile

Маса інструментів для тестів

Мінуси:

Складний для новачків

Vue простіше у плані архітектури

API Angular величезне, і потрібно розібратися з багатьма концепціями

Він також використовується для створення інтерфейсів користувача. Розроблений з нуля для більшого застосування. Складається з доступної базової бібліотеки, яка фокусується лише на рівні представлення, та екосистеми бібліотек, що підтримують, що допомагає справлятися з комплексністю великих односторінкових додатків. На GitHub цей проект набрав понад 84 тис. зірок.

Плюси:

Не вимагає компіляторів за замовчуванням,

Трансформація з бібліотеки до фреймворку в процесі використання

Управління просунутими односторінковими програмами

Відмінний баланс між читальністю, ремонтопридатністю коду та написання самого коду

Мінуси:

Runtime помилки у шаблонах

Компонентний підхід у React гнучкіший

Один з найбільш популярних MVC JavaScript фреймворків. З'явився він у 2011 році під відкритим кодом. З його допомогою можна досить легко створювати масштабовані односторінкові веб-додатки та забезпечує двосторонню прив'язку даних. Виконує першокласну роботу з боку DOM-рендерингу з боку сервера. Підтримується сайтами Discourse, Groupon, LinkedIn, Vine

Плюси:

Простий у налаштуванні

Розгортає великі інтерфейси користувача

Двостороння прив'язка даних

Мінуси:

Жорстка структура проектів

Немає стандартного набору UI-елементів

це не повноцінний фреймворк, це бібліотека, хоч і найстаріша та найпопулярніша. jQuery і JavaScript давно і міцно пов'язані. А з ліцензією MIT ця бібліотека надає розробникам додатків можливість писати коротший код, скорочуючи тим самим робоче навантаження. Підтримує DOM-маніпуляції і в тандемі з CSS може стати в нагоді для вирішення будь-якого завдання.

Плюси:

широко використовується завдяки швидкій обробці

У всіх браузерах поводиться однаково

Відмінно підходить початківцям для простих програм

Мінуси:

Безліч функцій, що полегшують роботу з DOM, вже реалізовано

Він дозволяє створювати легкі та швидкі програми. Сучасний, простий, швидкий та неблокуючий. GoDaddy та Paypal – лише деякі з іменитих компаній, які використовують Node.js. Ідеально підходить для додатків, пов'язаних з I/O та додатків для потокової передачі даних.

Плюси:

Простий та швидкий

Такі ПЗ можуть працювати на кількох хостах

Увімкнення швидких серверів

Мінуси:

Не для «ненаскрізних» операцій

Без тестів у Node.js робити нічого

Перед нами грандіозна full-stack платформа. Він має у своєму розпорядженні всі функції, необхідні будь-якому розробнику для рендерингу фронт-енду, розробки бекенду та управління базами даних.

Плюси:

Full-Stack платформа

Створення повнофункціональних програм

Реактивне програмування

Швидка обробка даних

Низький поріг входження

Мінуси:

Складний інтерфейс для новачків

Просто ідеальна пара для JavaScript. Це real JavaScript фреймворк.

Відмінно підходить для створення веб-додатків та швидкодіючих веб-сайтів. Поставляється із сіткою CSS, точками зупинки, має функції API та нормалізацію стилів браузера.

Плюси:

Заснований на JavaScript та CSS

Адаптивне зображення для різноманітних моніторів

Можна вбудувати у будь-який дизайн

Сумісний з будь-якими браузерами

Мінуси:

Недостатня реалізація окремих функцій, зокрема стандартних

Платформа для створення мобільних та десктопних кросплатформових додатків на JavaScript (HTML+CSS на додачу). Це і хмарна платформа для збирання/розповсюдження ПЗ та все, що забажаєте для створення функціонально насичених програм. Приємне асорті з крутих інструментів та функцій.

Плюси:

Простота використання та навчання

У високопродуктивна структура

Для десктопних та мобільних кросплатформових ПЗ

Мінуси:

Titanium SDK оновлюється пізніше SDK операційних систем

Відсутність InterfaceBuilder

Недостатня реалізація окремих функцій, зокрема стандартних

Цю платформу можна сміливо назвати фреймворком наступного покоління для мобільних та веб-додатків.

Найкраще, що є в Aurelia – це те, що він модульований і містить у собі чимало незалежних невеликих бібліотек. Таким чином, можна створити власний фреймворк та впровадити його у платформу.

Плюси:

Великий набір бібліотек

Створення власного фреймворку всередині платформи

Мінуси:

Набір бібліотек вимагає доповнення та доопрацювання

Android-фреймворк дуже стане в нагоді тим розробникам, які хочуть позбутися зайвих дрібних завдань і проблем. Ідеального фреймворку не буває, адже все в будь-якому випадку залежить від конкретних переваг та потреб розробника. Також багато залежить від рівня та навичок, адже є простіші, а є складніші в освоєнні. Сьогодні перед вами найкращі Android фреймворки для розробки програм на 2017 рік.

Кожен із фреймворків, представлених у цій статті, відмінно підходить для розробки різних додатків, хоча є й специфічні завдання, для яких потрібний особливий фреймворк. Ми вирішили не складати рейтинг, а просто відібрали і у випадковому порядку розташували п'ять найкращих каркасів для розробки програм під найпопулярнішу мобільну платформу, адже на ринку мобільних ОС Android займає високу частку.

Будь-який з представлених фреймворків дозволить вам досягти дуже важливої ​​мети - спростити процес мобільної розробки. Щоб вам було простіше, під кожним описом ми дамо посилання на онлайн-уроки, які допоможуть вам освоїти той чи інший фреймворк.

1. PhoneGap

PhoneGap – це головний фреймворк для Android-розробки, розроблений та підтримуваний компаніями Adobe та Apache. З ним ви зможете розробляти програми у режимі реального часу. Досвідчені розробники це особливо оцінять. PhoneGap це кросплатформна програма, яка працює на базових front-end технологіях: HTML5/CSS і JavaScript. Зупинивши свій вибір на PhoneGap, ви гарантовано отримуєте доступ до численних плагінів. З ними ваші можливості будуть суттєво розширені, а ви зможете створювати якісні гібридні мобільні програми.

1. CoronaSDK

CoronaSDK – по праву увійшов до колекції Кращі Android фреймворки для розробки програм. Це один із найкращих каркасів для мобільної розробки додатків, який дозволить створювати їх на винятково високому рівні. В основному він використовується, хоча зможе чудово впоратися і з багатьма іншими завданнями. Corona дозволить вам завантажувати розроблені програми на найбільші мобільні платформи. Він по праву вважається найкращим у своєму класі з погляду повторно використовуваного коду.

1. jQuery Mobile

jQuery Mobile – це якісний фреймворк, розроблений на базі HTML5 командою, відповідальною за створення однієї з найкращих бібліотек JavaScript jQuery. Він був спеціально створений для розробки першокласних додатків, які чудово виглядатимуть на будь-яких мобільних і стаціонарних пристроях. Хоча, в першу чергу, він все ж таки орієнтований на розробку під мобільні пристрої, тобто смартфони та планшети. Повна версія фреймворку доступна або при оновленні, або при завантаженні з офіційного сайту.

Найкращі Android фреймворки для розробки додатків у 2017 році

1. Appcelerator Titanium

Appcelerator Titanium – один із найкращих фреймворків для мобільної розробки, з яким ви без проблем зможете створювати нативні програми, використовуючи код на JavaScript. Тобто з ним вам не доведеться вивчати спеціальну мову для розробки під конкретну мобільну платформу. Також з Appcelerator ви зможете досягти автоматизації тестування на мобільних пристроях. Ще у вас буде можливість стежити за його роботою, фіксувати збої та налаштовувати продуктивність програм.

1. Xamarin

Найкращі Android фреймворки для розробки додатків у 2017 році.

Сьогодні ми представили вашій увазі різноманітні мобільні фреймворки, кожен із яких дозволить вам, використовуючи класичні мови типу HTML5, CSS, JavaScript та C#, повноцінно освоїти мобільну розробку під Android OS. Вибирайте будь-який із варіантів онлайн-навчання та приєднуйтесь до когорти розробників, які заробляють від 1000$/місяць. Стати професійним мобільним розробником!

Також ознайомтесь із ще одним нашим оглядом для мобільної розробки.

Олександр – засновник проекту сайт «Веб-лабораторія успіху», створеного на підтримку початківцям та продовжуючим інтернет-підприємцям. Переконаний трудоголік, за плечима якого професійний досвід керівництва редакцією інтернет-журналу, створення та управління власним інтернет-магазином. Основний рід занять: просування бізнесів (в т.ч. інтернет-магазинів) через Facebook та Google Adwords. Основне захоплення: монетизація сайтів через інструменти партнерського маркетингу та Google Adsense. Особисті підтверджені рекорди: 3 мільйони відвідувачів блогу на місяць.

Настав час поговорити про еволюцію мобільних додатків. Щоб зрозуміти як працює більшість додатків, необов'язково мати глибоких знань у цій галузі. Досить розуміти, як працює HTML, CSS та JavaScript. За допомогою веб-технологій створюються програми, які працюють на різних платформах, на відміну від рідних програм.

Сьогодні існують різні інструменти і структури (фреймворки), які допомагають нам створити мобільні додатки без особливих зусиль.

У цій статті ми розберемо топ-7 таких фреймворків.

IONIC - одна з найбільш перспективних фреймворків для мобільних додатків на основі HTML 5. Побудований з використанням SASS, що забезпечує велику кількість компонентів UI, що дозволяють створювати інтерактивні програми. Для запуску програм використовується фреймворк JavaScript MVVM та AngularJS. Двостороннє закріплення даних, взаємодія з серверними службами та API робить AngularJS найпопулярнішим серед розробників додатків. Немає сумнівів, що він стане ще більш популярним після виходу нової версії AngularJS 2.0, орієнтований на мобільні пристрої.

Команда працівників IONIC скоро представлять новий помічник у створенні додатків IONIC під назвою «IONIC creator». Він буде анонсований дуже скоро і підтримуватиме перетягування, що набагато прискорить створення додатків.

Для того, щоб ближче познайомитися з IONIC, ви можете прочитати статті про початок роботи з мобільними додатками та розробку ігор на основі ОС Firefox.

Mobile Angular UI – фреймворк на основі HTML 5, який використовує bootstrap 3 та AngularJS для створення інтерактивних мобільних додатків.

Основні особливості Mobile AngularUI включають:

• Bootstrap 3
• AngularJS
• Bootstrap 3 мобільні компоненти, такі як розгалуження, оверлейні програми та бічні панелі, яких не було у звичайному bootstrap.
• AngularJS модулі, такі як angular-route, angular-touch і angular-animate.

Відповідні медіа запити відокремлені від програми початкового завантаження і вам залишається тільки вибрати те, що необхідно. Мобільний Angular UI незалежний від jQuery, тому все, що вам потрібно для створення мобільного додатка, це деякі AngularJS директиви.

Для того, щоб подивитися Mobile Angular UI в дії, зверніть увагу на сторінку демо. Також ми рекомендуємо ознайомитися з інструкцією про те, з чого починати роботу з Mobile Angular UI.

Intel XDK – це мультиплатформна розробка Intel. Працювати з нею досить легко, вам потрібно лише завантажити безкоштовні програми, які сумісні з Linux, Windows та Mac. Вона містить безліч шаблонів для початку роботи та підтримує UI фреймворки, такі як Twitter bootstrap, jQuery Mobile та Topcoat.

Intel XDK забезпечує попередній перегляд у реальному часі на підключеному пристрої, тоді як ви можете вивчати інші цікаві інструменти.

На наш погляд, Intel XDK є найпростішим у використанні. Він використовує перетягування, що дозволяє уникнути багато рутинної роботи.

У вступі в роботу з Intel XDK ви знайдете велику кількість навчального матеріалу для роботи з платформою.

Appcelerator Titanium – це відкритий ресурс фреймворків мобільних додатків, який забезпечує умови для створення рідних додатків для кількох мобільних платформ.

Titanium - це відмінна технологія, в якій ви знайдете все, що потрібно для створення гібридних мобільних додатків. Для роботи з Titanium завантажте Titanium studio. Titanium SDK містить кілька API платформ та Cloud сервіс, що працює як сховище. Він йде із незалежною платформою API, яка спрощує доступ до мобільного пристрою.

Titanium використовує Alloy, фреймворк MVC для прискорення роботи з мобільними програмами. Створені за допомогою Alloy модулі легко повторно використовувати для різних програм, отже, значно зменшується час роботи та лінія коду.

Titanium studio містить деякі приклади коду, а також ми сподіваємося, що скоро з'являться навчальні відео на SitePoint.

Sencha Touch - це HTML 5 фреймворк для створення програм для таких платформ як iOS, Android і Blackberry і не тільки. Він існує вже кілька років, але нещодавно став популярним серед розробників гібридних мобільних додатків.

Sencha Touch більш просунутий, ніж його опоненти у питанні створення рідних програм для різних платформ.

Працювати з ним також не складно, але для того, щоб вичавити з нього краще, доведеться витратити досить багато часу.

Для того, щоб повністю оцінити переваги Sencha Touch, погляньте на зразкові коди на офіційному сайті.

Telerik's Kendo UI - HTML 5 фреймворк для створення мультиплатформних мобільних додатків. Kendo UI сильно залежить від jQuery і містить кілька віджетів, заснованих на jQuery.

Працювати із ним не складно. Розробники знайомі з JQuery оцінять легкість роботи з Kendo UI. У Kendo UI є відкритий ресурс інструментів та JavaScript фреймворків.

Однак, більшість використовуваних віджетів все ще доступні лише відповідно до комерційної ліцензії.

Перегляньте офіційну документацію для роботи з Kendo UI. Там ви знайдете відео уроки, які допоможуть вам вивчити цей фреймворк.

PhoneGap трохи вибивається з нашого списку, оскільки цей фреймворк не для створення програми, а для упаковки та випуску. Платна програма PhoneGap знаходиться на відкритому джерелі Cordova та належить Adobe. Популярний серед багатьох розробників мобільних програм.

Для роботи з PhoneGap ви можете вибрати між фраймфорками JavaScript або UI. Хороші комбінації jQuery Mobile та KnockOut.js або AngularJS. Як тільки ви закінчите роботу з кодом, PhoneGap завершує всю роботу на платформі, з якої ви працюєте. Програми, створені за допомогою PhoneGap, використовують веб подання для передачі контенту. PhoneGap містить мінімальний набір веб API для доступу до можливостей мобільного пристрою і дозволяє писати плагіни, що запитуються.

Інструкцію по роботі з PhoneGap ви знайдете.

Бонус

App.js - JavaScript для створення мобільних додатків. Цей, не схожий на інші фреймворки, не використовує AngularJS. Він надає кілька базових тем та віджетів. Ви можете написати програму, використовуючи zepto або jQuery.

Висновок

У цій статті ми розглянули одні з кращих фреймворків мобільних програм HTML 5. Мобільний HTML 5 добре розвивається і з кожним днем ​​пропонує нові опції. А яким фреймворкам віддаєте перевагу ви? Поділіться у коментарях.

Складання