Javascript программирование для андроид

8 лучших редакторов кода для мобильных устройств

Зачем нужен редактор кода в смартфоне? Это свобода писать код когда и где угодно. Предугадать, когда в голову придет гениальная идея (или понадобится срочно внести исправление в проект), невозможно. Зато вполне можно заранее установить приложение-редактор в смартфоне и в случае необходимости набирать код с большим удобством, чем в блокноте.

Dcoder

Как утверждается на сайте Dcoder, это самая быстрая мобильная IDE. Она доступна в веб-версии, а также в виде приложений для iOS и Android. Поддерживает большое количество языков (больше 35), включая HTML, CSS, JavaScript, C, C++, Python и Java.

В Dcoder есть автоматическое проставление парных скобок и создание отступов, подсветка синтаксиса. Также вы сможете выбрать тему оформления приложения.

Разработчики Dcoder гордятся маленьким весом своего приложения: всего 6MB. Такую легковесность удалось достичь благодаря использованию облачных компиляторов и облачного хранилища для кода. Но тут есть и обратная сторона: чтобы использовать приложение, нужно непременно быть онлайн.

Turbo Editor

Простой, но при этом мощный текстовый редактор для Android. Имеет открытый исходный код (т. е., при желании и должном умении вы сможете его усовершенствовать по своему вкусу). В этом редакторе вы найдете подсветку синтаксиса для HTML, XHTML, CSS, LESS, JavaScript, PHP, Python и многих других языков, а также режим чтения, автосохранение файлов при выходе из приложения, просмотр результатов работы в браузере.

Quoda

Quoda это простой в использовании редактор кода для Android. Как и другие редакторы в нашем списке, Quoda поддерживает много языков, включая C, C++, C#, CSS, HTML, Java, JavaScript, Lua, Markdown, PHP, Python, Ruby. Есть подсветка синтаксиса, расширенная клавиатура, функционал поиска и замены с применением регулярных выражений и учетом регистра.

В платной версии доступны автодополнение кода, интеграция SFTP/FTP(S) и облачных хранилищ, а также предпросмотр страниц в разметке HTML/Markdown (на планшетах).

QuickEdit

Быстрый, надежный редактор, в котором есть функционал для работы как с простым текстом, так и с кодом. Как утверждают разработчики этого приложения, к его отличительным особенностям можно отнести скорость работы и отзывчивость. По этим критериям QuickEdit превосходит многие аналогичные приложения.

В этом приложении вы найдете подсветку синтаксиса для 50 с лишком языков, возможность включать и выключать нумерацию строк, поддержку физической клавиатуры, плавную прокрутку, автоматическое определение кодировки, возможность отмены действий (без ограничений). Поддерживается доступ к файлам в облачных хранилищах.

Our Code Editor Free

Как следует из названия, этот редактор бесплатный (но есть показ рекламы). А как указано в описании на Google Play, это целая IDE для Android. Причем она может работать без подключения к интернету. Правда, в таком случае вам не удастся поработать с файлами в облачных хранилищах (а вообще такая возможность есть).

Android Web Developer (AWD)

AWD — это IDE для веб-разработки. Языков и форматов поддерживает не много: PHP, CSS, JS, HTML, JSON. Есть возможность дистанционной работы с проектами (по протоколам FTP, FTPS, SFTP, WebDAV).

В AWD вы найдете (среди прочего) подсветку синтаксиса, автодополнение кода, автоопределение кодировки файла, интеграцию Git (в платной версии), функционал поиска и замены с применением регулярных выражений, поддержку физической клавиатуры.

Android Interactive Development Environment (AIDE)

AIDE — это интегрированная среда разработки для создания Android-приложений прямо на Android-устройствах. Поддерживает Java, C/C++, HTML5, CSS и JavaScript.

В этом приложении вы найдете автодополнение кода, проверку ошибок, подсветку синтаксиса для Java и XML. Есть интеграция с Dropbox. Благодаря совместимости с Eclipse можно открывать Eclipse-проекты. Для профессиональной разработки поддерживается Git.

Отличительная черта этого приложения — интерактивные уроки кодинга с пошаговыми инструкциями (курс программирования на Java, Android-разработки, создания игр).

Казалось бы, все просто отлично, но в комментариях люди жалуются на невозможность сохранять файлы в бесплатной версии и на навязчивые предложения перейти на платный вариант.

Codeanywhere

IDE для работы на Android-устройствах. Включает в себя редактор кода, FTP-клиент и терминал. Поддерживает огромное количество языков (больше 100). Есть возможность подключения к сторонним сервисам (Dropbox, Google Drive, OneDrive, Amazon S3, Github, Bitbucket).

Если у вас нет собственного сервера, Codeanywhere может запустить для вас Linux-контейнер, в котором будут доступны, к примеру, WordPress, Drupal, Magento.

По мотивам статьи «Top 8 Code Editors for Mobile Application Development».

Источник

9 мобильных приложений для изучения программирования

Авторизуйтесь

9 мобильных приложений для изучения программирования

Собрали для вас актуальные мобильные приложения для изучения программирования.

Start Android — уроки программирования

Это приложение для изучения программирования на Android. Вы научитесь создавать Android-приложения с использованием Android Studio. В программе есть много примеров кода на языке Java, разные темы оформления и возможность изменять шрифт. В последней версии также добавлен офлайн-режим, так что отключение интернета обучению не грозит.

• Скачать Start Android.
• Язык учебника — русский.
• Приложение бесплатное, можно заплатить за отключение рекламы.

Программирование игр, создание с нуля (Python 3)

Это приложение для изучения Python рассчитано на новичков. В нём простыми словами объясняются основы программирования: алгоритмы, работа процессора, архитектура игр. Вы научитесь писать простые игры и изучите кроссплатформенную библиотеку Tkinter.

• Скачать приложение в Google Play.
• Язык учебника — русский.
• Для доступа ко всем главам нужно купить приложение.

Encode: Learn to code

Данное Android-приложение позволяет изучить основы программирования на Python, JavaScript, HTML и CSS. Программа содержит много простых текстовых уроков для начинающих. Особенностью приложения является офлайн-режим, который позволяет изучать программирование без интернета.

Grasshopper: learn to code

Ещё одно мобильное приложение, но теперь для изучения программирования на языке JavaScript, разработанное Google. В 2018 году организация Common Sense Education включила Grasshopper в число лучших обучающих программ.

Уроки представлены в лёгкой игровой форме. Приложение как для детей, так и для тех, кто впервые решил заняться программированием.

• Grasshopper доступен для iOS и Android устройств.
• Обучение на английском языке.
• Приложение полностью бесплатное.

С Enki можно изучать не только программирование, но и Data Science, блокчейн, кибербезопасность, Git, Linux и многое другое. В этом приложении много контента по разным направлениям. Есть уроки как для начинающих, так и для более опытных пользователей.

Ежедневно программа предлагает проходить пятиминутные тренировки для закрепления информации.

• Enki доступен для iOS и Android устройств.
• Язык учебника — английский.
• Приложение условно бесплатное: для открытия всех курсов и отключения рекламы нужно оформить подписку.

Codeacademy Go

Мобильное приложение для начинающих программистов, с помощью которого можно изучать веб-разработку, Data Science, Python, SQL, HTML & CSS, Java и многое другое.

Codeacademy Go предлагает не только обучение конкретным языкам программирования, но и Skill Paths — роадмапы по нескольким направлениям. Любой урок курса можно пройти в любой момент, не проходя предыдущие.

• Codeacademy Go доступен для iOS и Android устройств.
• Язык учебника — английский.
• Приложение бесплатное, но можно оформить подписку для доступа ко всем курсам и роадмапам.

DataCamp

DataCamp — это сайт и мобильные программы для разработчиков, ориентированные на изучение Data Science. С его помощью вы узнаете, как учёные по данным собирают информацию, после чего анализируют и визуализируют её.

Обучение проходит по трём направлениям: Python, R и SQL. Есть удобный редактор кода с автодополнением.

• DataCamp доступен для Android и iOS.
• Приложение бесплатное, но доступ ко всем курсам только по подписке.

Programming Hero

Мобильное приложение, которое позволяет изучить программирование на Python, HTML, CSS и JavaScript. Программа включает в себя Playground, в котором можно запускать любой код.

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

• Мобильное приложение доступно на Android и iOS.
• Обучение на английском языке.
• Приложение бесплатное, но полный доступ к курсам доступен по подписке.

Dcoder, code compiler ID‪E

Dcoder — это мобильное приложение-компилятор для программистов. Среда разработки поддерживает больше 30 языков программирования.

• синхронизация с GitHub и Bitbucket;
• подсветка синтаксиса;
• работа с целыми проектами из нескольких файлов;
• отладка кода;
• лаконичный дизайн.

В приложении есть раздел с задачами которые помогут прокачать ваш скилл в программировании. Кроме того, есть чат с другими разработчиками.

• Приложение доступно на iOS и Android.
• Основной функционал приложения бесплатен, платить нужно только за кастомизацию и отсутствие рекламы.

Источник

JavaScript to APK. Подводные камни разработки под Android для тех, кого задолбал PhoneGap. Построение мостов из Java в JavaScript

Я люблю игры на JavaScript и стараюсь сделать их код пуленепробиваемыми для портирования на все платформы. Полгода назад я уже писал о сборке Android приложений и сегодня хотел бы раскрыть тему более подробно.

Сразу предупрежу, что мне пришлось отказаться от PhoneGap, т.к. опыт использования его в двух проектах меня огорчил. Он отлично справляется с «Hello World» приложениями, но при конвейерной сборке всего подряд всплывают нюансы.

Почему PhoneGap не пошел:
1. Он изначально пустой. Постоянно приходится подключать все новые и новые модули.
2. Многие модули написаны криво. Они либо берут много лишнего, либо ведут себя неожиданно. Например, из двух модулей под Android для отправки SMS, один не работал, второй — отправлял true при любых условиях.
3. Не решены элементарные вещи, вроде получения EMEI телефона. Нужно постоянно допиливать.

Я так и не понял сути PhoneGap. Изначально ожидал одну кнопку «сделать хорошо», а не деле он ничего не делает. Под каждую платформу мне все равно надо ставить SDK. Под каждую задачу — искать и ставить модуль. Сами модули тоже ограничены. Они могут делать что-то только под часть платформ, а если нужно под другие — то приходится снова искать модули, которые смогу сделать это на других девайсах. Много мусора и ненужных вещей, а ведь хочется собирать билды с минимумом затрат. Все эти факторы заставляют писать нативно. И вот тут начинают вылезать подводные камни.

Почему CocoonJS не пошел:
С CocoonJS работал мало, поэтому никаких особых вопросов не возникло. Билды с canvas действительно работают быстрее. Но в общем — смысла работать с CocoonJS не увидел, т.к. он платный.

Что касается сборки под другие платформы и прочие нюансы — про это будет отдельная статья, и дальнейшее обсуждение по этой теме или теме PhoneGap выходит за рамки этой.

Перейдем к сути

Для начала начнем с основы — WebView с запущенной HTML страничкой на весь экран. В onCreate MainActivity пишем:

Все спорные ситуации будем решать в Java. Помните, пишите вы для Bada или SmartTV — всегда есть какой-то стандартный функционал, который позволяет кидать мосты в JavaScript. В нашем случае для Android`а мы кинули экземпляр класса WebAppInterface, а сам класс будет выглядеть так:

Подводный камень: Работа с такими мостами обычно может быть асинхронна или непредсказуема и полна сюрпризов.

Если у вас возникла необходимость из Java сообщить JavaScript`у какое-либо событие на ровном месте, самый простой способ достучаться до него — это стучать в URL:

Подводный камень: В Android`ах > 4 от Samsung`а при тач-событии DOM элементы могут подсвечиваться синим цветом.

Обратите внимание на этот нюанс. Типичная «защита» вам не поможет:

Чтобы обойти багу, надо добавить:

Но это не всегда решает проблему. Возможно, на проблему влияет сама верстка. Например, возьмем два приложения: Судоку и Тест. В судоку доска сверстана таблицей, и для таблицы такое решение помогло. В Тесте же кнопки это. Вроде бы все по стандартам семантики HTML5, и все должно быть более чем прекрасно, но на деле приходиться добивать таким CSS комбо:

Так же заметил, что синее выделение не появляется, если тач-событие пришлось точно на текст кнопки (текст при этом должен быть очень большим).

Источник