Отправной точкой для изучения, как создавать гибридные приложения HTML5? - PullRequest
7 голосов
/ 06 февраля 2012

Я хочу начать создавать гибридные мобильные приложения HTML5; создать основные функции через HTML5, а затем обернуть его собственным слоем для iOs, Android, BB..etc

После некоторого исследования: я обнаружил, что мне нужно знать множество технологий, а именно: HTML5, JS, CSS3. Другие технологии / фреймворки, с которыми мне посоветовали ознакомиться: JQuery для мобильных устройств, Sencha touch, Node.JS, Backbone.JS, PhoneGap..etc

До сих пор я просто знал основы HTML5, JS и CSS.

Мой вопрос: Есть ли «единое» место (книга / учебник / скриншоты), где я могу найти пошаговое руководство, которое посвящено некоторым из этих технологий и поможет мне создать гибридные приложения HTML5 (может быть, на iO, например) ..

Я хотел бы изучить упомянутые технологии среди них, но я очень заинтересован в их изучении в контексте создания гибридного мобильного приложения, а не на отдельной основе. Я предпочитаю учиться, выполняя реальную работу (приложение из учебника / книги / скриншота здесь), а не изучая каждую технологию самостоятельно.

Очень ценю ваши ответы.

Omar

Ответы [ 3 ]

6 голосов
/ 06 февраля 2012

ОК, позвольте мне расширить мой оригинальный ответ:

HTML - это сокращение от языка разметки гипертекста.Он используется для указания способа отображения содержимого STATIC через протокол HTTP, vulgo web.

HTML5 является версией 5 спецификации языка HTML и является РЕКОМЕНДАЦИЕЙ для стандарта, но сам по себе не является стандартом.

CSS используется для применения расширенного форматирования STATIC к тексту / изображениям STATIC, таких как чередование цветов фона для четных / нечетных строк в таблице, поток текста, направление текста, размер, жирность, шрифт и т. Д.

Чтобы статический контент был ДИНАМИЧНЫМ, вам необходим JavaScript.JavaScript - это язык сценариев, который запускается в браузере пользователя (клиента) на веб-сайте.Теоретически он должен вести себя одинаково в каждом браузере, но на самом деле Microsoft использовала недобросовестную конкуренцию и намеренно ограничивала реализацию JavaScript в своем браузере (Internet Explorer), отклоняясь от стандарта ECMA и реализуя собственные функции, чтобы задушитьконкуренция (Netscape) и невозможность разработки привлекательных веб-приложений, например программного обеспечения для онлайн-офиса.

JavaScript, клиентский язык программирования, дополняется PHP / ASP.NET / JSP, которые являются языками программирования& каркасы, которые работают на сервере и предназначены для динамического создания статических страниц, например, путем заполнения данных из базы данных, а также для обработки и сохранения пользовательского ввода, такого как заказы, платежи, электронные письма, отзывы и т. д., и для обработкиввод из HTML-форм (масок ввода).

JQuery - это инфраструктура JavaScript.В основном это означает, что это библиотека JavaScript-функций, которые были разработаны для предоставления часто необходимых функций, которые делают то же самое в каждом браузере, эффективно минуя антиконкурентную практику поставщиков программного обеспечения, таких как Microsoft и Apple.Он также предоставляет базовые функциональные возможности для обработки событий, графики и AJAX (асинхронный JavaScript и XML), а также функции для сериализации / десериализации JSON (нотации объектов JavaScript).

JQuery для мобильных устройств - это версия JQuery, оптимизированная для мобильных устройствнапример, Android или iAnything.Так же как и Sencha touch, Node.JS, Backbone.JS и т. Д.

Разница между HTML 5 / и HTML4 / XHTML заключается, главным образом, в том, что HTML5 предоставляет так называемый «унифицированный» способ встраивания аудио-видео.Что не обязательно верно, потому что каждый браузер поддерживает различные аудио и видео форматы, и не существует ОДНОГО аудио и видео формата, который универсально поддерживается во всех браузерах.

HTML 5 также предоставляет очень полезные WebSockets, которые в основномпозволяют создавать клиент-серверные приложения в сети.Поскольку это позволило бы создавать привлекательные веб-приложения и офисные приложения, которые бы соответствовали Microsoft Office, Microsoft не реализовала WebSockets в стандартном браузере.Он доступен как отдельный плагин, который практически никто не хочет загружать, а это значит, что нельзя использовать веб-сокеты в ближайшее время, если веб-приложение должно работать с Internet Explorer.Кроме того, HTML5 реализован только в IE9 +, а не в IE8.IE9, однако, доступен только для операционных систем, более новых, чем Windows XP (Vista, 7, 8).Это означает, что нельзя установить IE9 в Windows XP (35 процентов текущих установок Windows, Windows занимает 85 процентов рынка настольных компьютеров).

Чтобы встроить веб-приложения в мобильные телефоны, вам необходимо встроить свои приложения ввстроенный веб-браузер.Для Android интерфейс к встроенному браузеру называется WebView, и для его использования необходимо изучить язык программирования Java.Для Apple я понятия не имею, есть ли у них такая вещь вообще, но я предполагаю, что у них есть, хотя это, вероятно, будет более сложным, так как это Цель C, а не Java.Поскольку у меня нет ни iPhone, ни компьютера Apple, я ничего не могу вам о нем сказать, кроме того, что это дерьмо, потому что оно не поддерживает Flash, и что оно стоит в 10 раз больше, чем стоит ..

Скринкасты, вы, вероятно, найдете на YouTube, если таковые имеются.
Опять же, поиск в Google предоставит вам необходимые ответы, если у вас есть конкретный вопрос.


У меня вопрос: есть ли «единое» место (книга / учебник / скриншоты) где я могу найти пошаговое руководство, которое имеет дело с некоторыми из них технологии и научите меня создавать гибридные приложения HTML5 (может быть, на iOs например) ..

Да, http://www.google.com/ncr
Вы знаете, у него есть замечательное окно поиска практически для любой проблемы ...

Другие хорошие страницы:
http://www.w3schools.com/html5/default.asp
http://www.w3schools.com/js/
http://docs.jquery.com/Tutorials

3 голосов
/ 07 июля 2015

Вот обновление по этому вопросу, поскольку создание гибридных приложений прошло долгий путь за три года.Я бы начал с изучения Phonegap или его версии под названием Cordova.Это очень популярный маршрут для быстрой разработки и распространения гибридных кроссплатформенных мобильных приложений.На самом деле настолько популярный, что многие другие фреймворки построены вокруг фреймворка Cordova, чтобы придать ему более естественный вид, например

  • Ionic - это, безусловно, самый популярный, он открытисточник (бесплатный) и мой любимый, так как я считаю самый быстрый и простой в работе с.Кроме того, они имеют отличную документацию и отличные предварительные сборки.Это интегрированная среда интерфейса командной строки, которая объединяет Cordova , Bower (менеджер пакетов / плагинов), Grunt и Angular JS водин мощный и быстрый CLI.Если вы не знаете этих фреймворков, их определенно стоит поискать, если вы хотите создавать веб-или гибридные приложения.
  • Мобильный угловой интерфейс - это фреймворк HTML 5, использующий загрузчик3 и AngularJS для создания интерактивных мобильных приложений.
  • Titanium - это «комплексное» решение для создания гибридных мобильных приложений со всем необходимым в одном месте с помощью загружаемой программы Titanium studio
  • Telerik - программа для веб-сайтов, аналогичная Ionic и Titanium для быстрого развития

Это отличные места для начала.Если у вас еще нет подписки на Lynda.com , я бы настоятельно рекомендовал это сделать.Стоимость подписки примерно 25 долларов в месяц в зависимости от вашего местоположения.У них есть сотни онлайн видео-курсов, которые могут длиться несколько часов, и они очень хороши. Я даю вам хороший простор и практические рекомендации по многим проектам и разбирается во многих основах. teamtreehouse.com - еще один замечательный учебный инструмент, у них гораздо меньший выбор видеороликов, более подробный и практичный, и он будет работать со многими другими фреймворками в проекте.

0 голосов
/ 12 июля 2016

Вы хотите узнать, как разработать гибридное приложение, которое будет работать с несколькими платформами, такими как Android, iOS, Windows и т. Д. Это означает, что вам необходимо изучить PhoneGap и Cordova (предпочтительно). Это почти одно и то же, одно действительно является частью другого.

Google оба phonegap и cordova, установите пакеты (требуется немного знаний командной строки bash). Это сравнительно быстро и легко получить пример приложения HelloWorld в Phonegap и Cordova. После этого? ну, вам нужно как минимум изучить HTML, CSS, javascript для веб-приложений гибридного приложения. Нативная сторона (Android, iOS и т. Д.) Потребует изучения Android Studio / java для Android или Xcode / swift для iOS. Все, что вы хотите выучить, это либо на youtube.com бесплатно, либо на Udemy , Udacity , Lynda . Некоторые сайты вам придется платить, но это стоит.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...