Сучасне суспільствомобільно, легко адаптується до навколишнього середовища, що динамічно змінюється. Ми на зв'язку з глобальною мережею всюди: у машині, поїзді, метро, ​​навіть у туалеті!
По-моєму термін On-The-Go!найточніше характеризує сучасну людину.

Зараз планшетник уже перестав бути розкішшю та гаджетом, який є лише у президента. Вже півроку, як я став щасливим володарем iPad. В основному я використовував його для серфінгу в Інтернеті, презентацій відеоробіт замовникам, і читання технічної літератури (хоч як це дивно прозвучить, але художню мені зручніше читати з iPhone"а). розробляти веб-додатки на iPad?Так, щоб комп'ютер був не потрібен взагалі?» І сьогодні я можу сказати - ТАК – на iPad можна вести повноцінну веб-розробку.Сьогодні в AppStore вже є ряд програм, які дуже допоможуть при розробці додатків на iPad.

У мене процес розробки зазвичай складається з наступних етапів:

1. Малюю ідею за допомогою ментальних карт.
2. У Evernote пишу текст, який детальніше описує функціонал програми. У цей час у голові чіткіше формується уявлення про інтерфейс.
3. Малюю прототипи інтерфейсів програми. Уточнюю та погоджую їх із замовником.
4. Розробляю БД.
5. Програмую.

Тепер спробуємо повторити цей процес на iPad.
Примітка: розробку веб-додатків на iPad я веду у зв'язці PHP+MySQL+Сервер у хмарі Selectel.

1. Намалювати ідею за допомогою ментальних карт

Я переглянув близько 7 програм для малювання ментальних карт і зупинився на Idea Sketch.

Плюси
Вона безкоштовна.
Може зберігати ментальні картиу вигляді зображень та відправляти по електронній поштіабо публікувати у Facebook.
Мінуси
Всього кілька кольорів для кодування кольорів блоків.

2. Розробити технічне завдання Evernote .

Тут все просто. Я впевнений, що про цей продукт уже давно всі знають та користуються. Ну а хто не користується – наполегливо рекомендую. Якщо коротко: Це вашБлокнот доступний з будь-яких пристроїв.

Плюси
Безкоштовний.
Доступний із будь-яких пристроїв.
Є можливість надсилати нотатки по email.
Мінуси
Не підтримує форматування у режимі редагування. Насправді, незрозуміло, чому цю функцію досі не реалізували.

3. Намалювати прототипи інтерфейсів.

Для малювання інтерфейсів на iPad у AppStore є чудова програма iMockups.

Плюси
Добре підходить для малювання найпростіших інтерфейсів.
Вже є готовий набір контролю для звичайних веб-додатків та iPhone/iPad-додатків.
Можна обмінюватися із колегами по email у форматі iMockups або у вигляді зображень.
Мінуси
Поки що не помітив.

4. Розробити БД.

Спеціалізованих клієнтів для MySQL у AppStore я не знайшов. Тому робота з базою даних здійснюється через Safari в phpMyAdmin.

І тепер я підходжу до 5-го, найцікавішого пункту - програмування:)

5. Програмувати програмувати та ще раз програмувати!

Довгий час для кодування я використовував Textastic. Але якийсь час тому вийшов додаток Koder, побачивши який, я відразу ж закохався.
Якщо бути об'єктивним, функціонал обох програм приблизно однаковий, але інтерфейс Koder ІМХО симпатичніший. Тому в сьогоднішньому огляді йтиметься саме про Koder.

6. Адміністрація сервера.

Ну і наостанок шостий бонусний пункт.
Дуже зручно адмініструвати сервер за допомогою програми iSSH.
Як пишуть в інтернетах «одна з найкращих SSH-додатків для iOS». Мабуть, я з ними погоджуся.

Ще я не згадав про програму CSS3Machine. Програма для створення CSS3-стилів та анімації. Її не юзал, тож нічого сказати не можу.

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

UPD:Звичайно ж даний спосібнеспроможна повністю виключити розробку на ПК. І в період, коли ПК під рукою я віддаю перевагу ПК. Але частіше цікаві думки відвідують тоді, коли я все ж таки On-The-Go!

Продуктивного вам коддингу скрізь та у будь-який час!

При всій моїй любові до iPad, я довгий час вважав, що це в першу чергу гаджет для споживання контенту, і для моєї основної роботи, програмування, він не дуже підходить. Але останнім часом у App Storeстали з'являтися програми, які спростовують мою думку. Однією з перших ластівок став програмістський редактор Textastic, про який і розповім.

Взагалі, ідея подібних додатків уже давно витала у повітрі: різноманітні редактори з підтримкою з'явилися вже давно. Додати в редактор підсвічування синтаксису та додаткові плюшки – було вже просто питанням часу. Що корисного пропонує Textastic?

Насамперед написаний з нуля текстовий редакторз підсвічуванням синтаксису 80 різних мов та автодоповненням для HTML та CSS. Оскільки автор підійшов до написання розумом - редактор вийшов швидкий, навіть при роботі з великими файлами.

Є в наявності робота з проектами: групою файлів та папок, що містять усі ваші вихідні коди. Підтримуються і зображення, тому що важко собі уявити веб-сайт (а Textastic насамперед саме web-редактор) без них.

Як і в настільних редакторах, є функції пошуку та заміни (з підтримкою регулярних виразів), управління табуляцією, переносами та кодуванням, підтримується зовнішня клавіатура. Є багато тем оформлення та вибір різних шрифтів та їх розмірів. Хоча, зрозуміло, для повноцінної роботи з кодом на планшеті мало. Давайте подивимося, як розробник оминає основні проблеми планшета.

Насамперед повноцінному програмуванню на планшеті заважає мала кількість клавіш на вбудованій клавіатурі: для повноцінного кодингу хочеться мати під рукою цифри та ряд символів, для доступу до яких на iPad потрібно перемикати клавіатуру, часто навіть не один раз. Це дуже заважає повноцінній роботі. У багатьох редакторах розробники додають додатковий ряд клавіш над основною клавіатурою, але для девелоперських цілей їх теж мало. Цю проблему можна вирішити використанням зовнішньої клавіатуриАле це явно знижує мобільність користувача. Розробники Textastic вирішили цю проблему незвичайно: додатковий ряд кнопок у цьому додатку також присутній, але всі вони - п'ятипозиційні і служать для введення одного з п'яти символів. Просте натискання вводить символ, написаний у центрі, для введення одного з чотирьох символів по краях необхідно зрушити палець у його бік і відпустити. Після звикання до такої системи «розчерків» введення стає дуже швидким і зручним.

Друга проблема в розробці на iPad – не сама зручна системавиділення тексту та управління курсором. У Textastic для вирішення цієї проблеми є спеціальний блок навігації та виділення тексту, для активації якого потрібно тапнути по екрану двома пальцями одночасно. Цей блок можна рухати по екрану, вибираючи місце, де не заважає роботі.

Третя проблема - ізольованість iOS та неможливість роботи з файловою системою. Для подолання цієї проблеми Textastic є підтримка WebDAV, FTP і навіть Dropbox. Підтримується робота з сайтами FTP з одночасним переглядом результатів як локально, так і на сервері. Для управління локальними та віддаленими файламиІснує зручний вбудований файл-менеджер. Крім того, можна синхронізувати файли по iTunes та e-mail, а також підключатися до планшета за WebDAV, використовуючи вбудований у програму сервер.

Як приємний бонус - Textastic вміє працювати з Markdown файлами, тому його можна використовувати як інструмент для нотаток або ведення блогу з використанням сервісу типу http://calepin.co/. Ще одна приємна дрібниця – у програмі є підтримка російської мови.

P.S. Продовження інших програм для програмування на iPad - слід.

» Але сьогодні привід особливий - мені захотілося виділити 10 найкращих додатків, на які варто звернути увагу шанувальникам програмування. Тут є навчальні програми, одна гра для програмістів, компілятори та редактори коду.

Pythonista 3 - програма для написання додатків на мовою Python. Цікавий факт: назва мови походить не від плазуна пітона, а від назви комейдиного британського шоу «Літаючий цирк Монті Пайтона». Пайтон якраз англійською Python.

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

Python — популярна мова, яка використовується в багатьох великих компаніях. Наприклад, Google та Facebook використовують його у своїх проектах. Pythonista 3 дозволяє написати програму і відразу її запустити.

Мова програмування "smart BASIC"

Додаток, який пропонує користувачеві програмувати на просунутій версії найпопулярнішої мови для навчання - Basic. Саме з Basic почалося моє знайомство із програмуванням років 20 тому.

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

Наш читач Олександр - програміст-аматор навіть раніше створював додатки на Smart Basic, які публікувалися в App Store.

Apple розробила мову програмування Swift для програмістів на iOS та Mac OS. Apple задумала Swift як більш легку та читану мову для вивчення, ніж попередник — Objective C. У 2014-му році мова була впроваджена в Xcode. А в 2016 році Google заявила, що Swift буде першою мовою для Android. Найімовірніше, це позитивно позначиться на швидкості виходу додатків під Android. Стане менше ексклюзивів та програм, які виходять спочатку на iOS, а через кілька місяців/років на Android.

Swift Playgrounds від самих Apple дозволяє навіть новачкові поринути у світ мови. Вивчити нові конструкції, вивчити роботу коду на живих прикладах в ігровій формі.

Серія «Вчимо мови програмування» від Sololearn

Нещодавно натрапив на серію цікавих програм від компанії Sololearn, які пропонують інтерактивні уроки з вивчення мов програмування. Англійською мовою доступні такі мови: JavaScript, HTML, C++, Python, Java, CSS, SQL, PHP, C#, JQuery, Ruby. Уроки з Swift англійською.

Я пройшов кілька уроків JavaScript. Все дуже доступно та цікаво. Даються міні-уроки з прикладами, які можна відразу запустити в емуляторі. Після цього зазвичай слідує питання з варіантами відповіді або можливістю вписати текстову відповідь. Дуже наочно та зручно для початківців.

Є приклади коду та можливість їх запустити:

Всі програми безкоштовні і без вбудованих покупок.

Textastic Code Editor 6

В App Store два пристойні редактори тексту для коду. Textastic за своєю ціною 749 рублів (в американському App Store 10 доларів) є бюджетнимваріантом.

Textastic підтримує синтаксис близько 80 мов програмування. Програма служить для гарного відображення та редагування текстів. Це не компілятор – зверніть увагу. Програма працює так - ви завантажуєте код, редагуєте його і заливаєте потім назад.

Coda

А ось і дорожчий і просунутий варіант текстового редактора. За 1890 рублів ви отримаєте все в одному.

• Редактор коду з підсвічуванням синтаксису та зручним редагуванням як онлайн, так і офлайн.
• Підтримка багатьох популярних мов.
• Підтримку мережевих протоколів(зокрема FTP) та головне - термінал SSH.
• Синхронізацію між iOS та Mac (версія для Mac OS купується на сайті компанії Panic).

Натрапив нещодавно на цікавий додаток-довідник, який містить приклади коди на 6 мовах програмування: Swift, Java, C#, Python, C++, Objective C. Суть його в тому, щоб людина могла швидко знайти шматок коду потрібною йому мовою. Наприклад, програмісту потрібно швидко згадати, як виглядає обробник помилок на C++. Він дивиться у програму і знаходить потрібний фрагмент, який може застосувати у своїй програмі.

Розробник програми зібрав приклади з цих 6 мов програмування і судячи з оновлень ще й актуалізує їх постійно.

Програма умовно-безкоштовна, але повна версіякоштує всього 2 долари.

Codea

Codea з'явилася в 2012-му році, як перша програма в App Store, на якій можна було писати програми для iOS. І досі програму оновлюють. У Codea використовується мова програмування Lua, яка була придумана в Бразилії, і найбільше за ідеологією схожа на JavaScript.

Codea створена для спрощення програмування для iOS. Тобто мета розробників була візуалізувати процес і зробити його завдяки цьому зручнішим.

Як приклад розробники виклали в App Store дуже придатну повністю безкоштовну гру Cargo Bot (вона написана на Codea). У ній необхідно переставляти кольорові ящики за допомогою руки-маніпулятора, щоб вийшло задане розташування. Для цього потрібно вигадувати алгоритми за допомогою доступних команд.

Hopscotch: Make Games

Ще одна програма для створення ігор. Усередині зручні (показуються в маленькому віконці) навчальні відео, які на англійськоюдопоможуть створити перші ігри

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

Чи знали ви, що на iPad можна писати програми на COBOL і тут же їх запускати? А про те, що для iOS є середовище розробки для кодингу на Coffee Script? А за допомогою якого додатка можна працювати з текстом, використовуючи команди vim? Ось 10 програм для роботи з кодом на будь-який смак.

Textastic Code Editor

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

Переваги:

• підсвічування синтаксису 80 мов програмування. Навіть для такої екзотики як BibTex, Clojure, Dylan, Fountain, LilyPond, OCaml, Stata та Prolog;
• можна додавати власні правила підсвічування коду;
• сумісність із TextMate;
• підтримка FFT та SSH;
• інтеграція з iCloud та Dropbox;
• автодоповнення коду для Java Script, HTML та PHP;
• клавіатура із додатковими символами для набору коду;
• підтримка шорткатів;
• підтримка більшості сучасних кодувань;
• можливість змінити тип та розмір шрифту;
• лічильник символів;
• перегляд для HTML та Markdown файлів;
• підтримка TextEspander;
• відправка файлів по email;
• є кнопки «Undo» та «Redo»;
• є відображення списку останніх відкритих файлів;
• підтримка iTunes FileSharing (можна обмінюватися файлами із комп'ютером через USB);
• підтримка WebDav;
• чудовий дизайн, завдяки якому код легко читається.

Недоліки:

• немає підтримки SVN;
• немає підтримки Git.

Ціна: 479 рублів

Koder

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

Переваги:

• підтримка майже сотні мов програмування. У Koder навіть для ActionScript і ActionScript 3 різне підсвічування;
• автозаповнення коду;
• довідники функцій для найпопулярніших мов;
• вбудований SSH-клієнт;
• система управління відступами;
• можна увімкнути клавіатуру з додатковими символами;
• підтримка Document Picker у iOS 8;
• функції пошуку та заміни;
• прев'ю HTML файліву браузері;
• підтримка FireBug;
• можна створювати власні теми оформлення;
• блокування програми паролем;
• підтримка iTunes File Sharing;
• підтримка FTP;
• відкриття та збереження файлів у всіх популярних кодуваннях;
• підтримка Zip-архівів;
• покращений файловий менеджер.

Недоліки:

• немає підтримки Golang;
• немає підтримки SVN;
• немає підтримки Git.

Ціна: 349 рублів.

Цей текстовий редактор можна назвати універсальним, ніж призначеним для кодингу. Крім HTML-файлів, bash-скриптів, вихідників на C або Java в iEditor можна редагувати файли Word, таблиці Excelта презентації.

Переваги:

• можливість експорту текстових файліву PDF та JPEG;
• надсилання файлів на друк;
• відправка файлів по email;
• можливість додавати до тексту фотографії;
• підтримка файлів Microsoft Office;
• зручний файловий менеджер;
• робота із Zip-архівами.

Недоліки:

• може працювати з досить вузьким колом мов програмування;

Ціна: 169 рублів.

Ще один чудовий редакторкоду, що стоїть в одному ряду з Textastic та Koder. Є всі зручності для написання коду, підтримка малопопулярних мов та фічі для роботи у хмарі.

Переваги:

• підтримка FTP та SFTP;
• підтримка Dropbox;
• робота з SSH;
• є версія для iPod Touch;
• автоматична синхронізація із сервером;
• підтримка 4 десятків мов програмування. У тому числі Ada, Go, INI та Lua;
• розширена клавіатура;
• підтримка шорткатів;
• є кнопки «Undo» та «Redo»;
• функції пошуку та заміни;
• прев'ю для HTML-файлів;
• великий вибір тем оформлення;
• відправка файлів по email;
• підтримка команд vim.

Недоліки:

• немає підтримки систем контролю версій.

Ціна: 179 рублів.

Gusto

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

Переваги:

• всі файли (вихідники, графіка, відео) розділені за проектами-сайтами;
• нумерація рядків;
• підсвічування синтаксису для основних мов програмування для Інтернету;
• можна створювати схеми підсвічування синтаксису;
• панель інструментів з командами, що найчастіше використовуються;
• підтримка FTP та SFTP;
• підтримка FTPS;
• інтеграція з Dropbox;
• є версія для iPod Touch.

Недоліки:

• немає інтеграції із системами контролю версій;
• під час передачі файлів трапляються глюки.

Ціна: 599 рублів.

Code Master

Ергономіка гірша, ніж у наведених вище редакторів. Мов підтримує мало. Але деяких може порадувати можливість ділитися свіжим кодом в соцмережах.

Переваги:

Недоліки:

• багато мов програмування не підтримуються;
• немає інтеграції із системами контролю версій.

Ціна:безкоштовно

Одна з найстаріших середовищ розробки під iOS. Заточена під створення веб-додатків JavaScript.

Переваги:

• підтримка CSS, HTML та JavaScript;
• вбудований браузер для перегляду файлів;
• всі файли організовані у проекти;
• можна зберігати картинки у проект безпосередньо з інтернету;
• гнучке настроювання теми оформлення;
• захист програми паролем;
• інтеграція з Dropbox.

Недоліки:не виявлено.

Ціна:безкоштовно.

For i

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

Переваги:

• підсвічування синтаксису для основних мов програмування;
• налаштування персональних тем оформлення;
• розширена клавіатура;
• підтримка шорткатів;
• автозбереження файлів;
• пошук за текстом з підтримкою регулярних виразів;
• інтеграція з Github;
• інтеграція з XCode;
• підтримка бандлів TextMate.

Недоліки:не виявлено.

Ціна: 599 рублів.

Цю програму не можна назвати повноцінним середовищем розробки. Це скоріше іграшка для любителів непопулярних мов програмування. Для тих, хто давно мріє написати « Hello World» на Pike і переконатися, що він працює.

Переваги:

• є можливість не тільки редагувати файли вихідних файлів, але й запускати їх на віддаленому сервері;
• підтримка iTunes Files Sharing;
• інтеграція з Dropbox;
• розширена клавіатура;
• нумерація рядків та функція «Goto Line»;
• вбудований браузер для перегляду HTML-документів;
• відправка файлів по email;
• підтримка кількох десятків мов програмування. У тому числі Factor, COBOL, Unlambd та Smalltalk.

Недоліки:

• не завжди спрацьовує виконання вихідних даних на віддаленому сервері.

Ціна: 169 рублів.

CoffeeScript At Once

Ще одна програма для веб-розробників. Для тих, кому нативний Java Script з якихось причин не підходить і він використовує CoffeeScript.

Переваги:

Російський розробник Дмитро Ковба випустив серію додатків, яку можуть оцінити не тільки девелопери-початківці, які освоюють нові для себе мови програмування, а й гіки, які бажають здійснювати складні математичні обчислення на своєму iOS-пристрої.

Дмитро представив три універсальні програмидля iPhone та iPad, кожна з яких призначена для однієї з мов програмування, що використовуються для розробки програмного забезпечення: C++, Basic та Pascal.

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

Basic був розроблений у 1963 році професорами Дартмутського коледжу Томасом Курцем та Джоном Кемені. Мова призначалася для навчання програмуванню і набула широкого поширення у вигляді різних діалектів, насамперед як мова для домашніх комп'ютерів. Цікаво, що бейсик піддається жорсткій критиці за те, що його простота та безструктурність заохочують порочні методики та звички програмування, які можуть бути доречними при створенні малих програм, але здатні призвести до краху великих проектів.

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

За допомогою C++, Basic та Pascal для iOS-пристроїв ви можете шукати чисельні рішення інтегралів та рівнянь, вирішувати спеціалізовані навчальні та наукові завдання або просто писати код для розваг.

В даний час розробники працюють над покращенням процесу компіляції. У майбутніх версіях C++, Basic та Pascal буде додано файловий менеджер, а також шаблони та приклади різних програм. Завантажити C++, Basic та Pascal вартістю $2.99 ​​ви можете з App Store за посиланнями далі.

Розробник надав нам 15 промокодів - по 5 до кожного з додатків. Коди будуть розіграні серед відвідувачів, які залишили коментар до статті. Не забудьте заповнити форму E-mail та вкажіть бажану програму. Успіхів!

Конкурс проведено, переможцями стали наступні користувачі: Max, Vladimir, Born2kill, Shoker, apels1nko72p, RioDezz, znm, Sxebang, AntonBordov, AlexForwarder, Greenbint, Itoxa17, Іллюшка, Alexey та mixail. Дякуємо за участь!