Создание Андроид приложения на HTML5, CSS3 и JavaScript
HTML-код
- Опубликовано: 27 ноя 2024
- Канал Now Android: / officialnplife
Как создать андроид приложения используя HTML5, CSS3 и JavaScript? В этом видео мы создадим простейшее приложение, которое будет построено на языках разметки и языке программирования JavaScript.
✔ Основной сайт: itproger.com/
✔ Конструктор сайтов: crafty.site/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Instagram: / gosha_dudar
Telegram: t.me/itProger_o...
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на RUclips - join.air.io/mon...
✔ Видео по заработку на RUclips - goo.gl/RLPXV8
Помощь в развитии канала.
Яндекс Деньги: 410014343706921
Кошельки WebMoney:
Доллар: Z331064341236
Гривна: U386388718252
Рубль: R214610220703
Гоша! Ты не просто Дударь, ты ещё и Прометей!!! ОГРОМНОЕ тебе СПАСИБО за информацию!!!
Блин, да это же открывает новые возможности без изучения явы. Спасибо Гошан)
0o0 я сам в шоке
Отлично, прям слышу как пыхтят джедаи javы
Пожалуйста, если такого ролика нет, выпустите один ролик с объяснениями на тему, как прикрепить банковские реквизиты в приложении. Ну допустим покупки внутри приложения
чел ты уникален, даже реклама привлекает
Спасибо, Гоша!
Только подумал, сразу видео появилось :) Благодарю)
Вау! Спасибо за данный урок!😃
Очень прикольно! Круто что зная джаваскрипт, я могу понять что происходит в джаве, и даже делать на нем что-то, но его(джава) всё равно собираюсь изучать(возможно перед курсом андроид стадио(15 видео)).
Это типо всё? А где реализация доступа к API анроида из JS? (Как элементарно вывести список файлов указанной директории? Файл прочитать? А? А???) Где демонстрация работы с HTML5 на выбранном тобой API (Из HTML5 у тебя только DOCTYPE)? У 4.1 плохо с HTML5 и CSS3... Да что там, на 4.4.2 с ними работа не торт. Что не так? Хороший (вру, отличный) же канал, а это видео от балды... Хороший же курс по Node.js снят примерно в этот период, сам по нему учился. Не делай так больше, пожалуйста. (Хотя, кто я такой что-бы учить и указывать) Лайк только за то, что хоть базовую настройку WebView показал и упомянул как быстро подключить требуемый пакет через Alt+Enter. Удачи и радуй подписчиков. И сам радуйся.
С наступающим !!!
Здравствуйте. Посоветуйте пожалуйста в какую сторону копать, чтобы сделать приложение apk, которое по сути будет просто браузером, который откроет нужный сайт? То есть есть уже нормальный рабочий сайт (игра), но хотелось бы пользоваться им в полноэкранном режиме, а браузеры так или иначе постоянно показывают адресную строку.
PWA
Гоша, лайк не глядя. Живу за лобовым стеклом, от вай фая и до него. Качаю, смртреть буду офлайн
Спасибо, всё класс! Но, покажите как например данные сохранить можно (хотябы как создать файл и в него сохранить). И ещё вопрос, AJAX без проблем можно "тут" юзать или дополнительно в Java коде нужно что прописывать?
Подскажите, я использую для хранения настроек пользователя local storage, на андроиде эта возможность останется?
Такой ошибка выйдет что делать web.setWebChromeCliend(new WebChromeClient());
^
symbol: method setWebChromeCliend(WebChromeClient)
Oчень понравилось!👍🏻
Интересно конечно, но это извращение) Для таких вещей существует проект Apache Cordova.
Для создание программ на ПК можно использовать Node Webkit (NW), но это если кому интересно.
лайк тебе за Apache Cordova.
Спс За Инфу
@@barnikso2792 инфа старая, сейчас лучше capacitor и/или ionic
Пон
@@nalivayko а можно ссылки попросить? ))
Интересно, можно по мимо всего использовать php+mysql?
Нет. Php и MySql это backend.
А так что, мОжно чтоли было?!
👍 🤣🤣🤣
Хатя я аналогично когда то делал с C# под Винду...
Просто создал компонент CSharp (браузер chromium под C#) и засунул туда свой html🤣
@@daniil2704 Гениально я не давно изучил html и css и джава учу C# это мне поможет
БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦
@@daniil2704 БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦
@@ArtimonMon БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦
а на джаваскрипте разве можно подобраться к андроид api и получить доступ к микрофону, камере, фонарю многому другому??
+
Нет.
Знаете я учил синтаксис функции в программировании долго и параметры в нем и аргументы. А самое главное как написать функцию. В программировании главный секрет это функции или методы они как бы фундаментом чтоли. Функции бывают разные сложные для понятия такие как ссылающиеся сам на себя и которые параметрами функции бывают переменные. Один раз написал функцию в котором находится тысячи функций и мы можем использовать его много раз.
Спасибо, давно такое искал
Подскажите, можно ли подключить в приложение node.js и потом выполнять команды из fs (запись и перезапись файлов)?
В Visual Studio есть возможность разрабатывать приложения для Android и IOS с использованием HTML5, CSS и JS. Меньше костылей.
Как?
Как?
А если мне нужно приложение для сайта, можно ли связать html элементы с какими то кнопками, полями и т.д. чтоб пользователь не знал что он на сайте? простите если плохо обьяснил..
Вот как раз вчера искал информацию по разработке под андроид на js. И тут бац и сюрприз!))
Ты еще что нить нашел? А то я нифига
@@imval3266 тоже интересно
@@akish4628 ты серьезно? через год и не по теме?
@@akish4628 Каким образом HTML, HTML + CSS Курс Интенсив JS (Они обычно для новичков) HTML за час, помогут сделать в разработке на js для андроид? HTML + CSS + JS или просто JS скорей всего выдаст только для веба, для Android нужно искать именно фрейм который используется для андроида, не один из твоих вариантов тут никак и рядом не подходит
установил андроид студио на макбок эйр. сразу нажал run стартовый экзампл
минут 5 ждал и капец бедолага запыхался, нагрелся
на макбук эйр шо, не попрогаешь для андроид? или я что-то не так делаю?
Есть ли возможность писать просто с блокнота, а не пользоваться сторонними конвертерами?
Спасибо большое. Очень помог
Подскажите как быть? Имеется сайт, хочу сделать из него приложение, как это сделать знаю но вот проблема в том что примут ли его в google play?
Георгий прошу снимите видео о всех своих играх на юнити буду рад))
Спасибо
Будет ли в подобном приложении работать localStorage?
самсинг...
с одной стороны это красиво и удобно, но что делать если хочешь обработать данные с webView в Java классе?
0о0 потом?
Мдааа.... тупо содрано с зарубежного видоса ruclips.net/video/eJa8xie9WZs/видео.html. А запуск и демонстрация вообще вырезана и вставлена без редактирования))) Гоше даже впадлу было нажать пару кнопок, чтобы запустить эмулятор на своем компе.... Ленивый и не качественный контент..... ФУ-ФУ-ФУ таким быть)))))))))))
Какие есть недостатки? Сильно заметно производительность меньше будет?
3д игру лучше так не делать, а для интернет магазина или чего-то ещё относительно лёгкого замедления заметно не будет
А ссылку на забугорный первоисточник, откуда спижено видео почему не оставил?
а с бэкендом как? как пхп или ноду подключить?
долго же урок переводили. больше года с оригинала)
Такой вопрос, а можно ли вместо html использовать php?
Ну как? Получилось?
php как правило на сервере работает, да и php без html никак интерфейс сделать не может
@@elsa2727 давно это было😂 даже не помню, что такое спрашивал)
Addushi bratuha
Переходы по ссылкам на другие html страницы не работают. Друзья, не теряйте время повторять, это полная ерунда
Смотрели фильм "Брюс всемогущий"? Это тот момент когда он своего коллегу репутацию портить на прямом эфире. Блабла глубалааа тыыык тыык я люблю чя чя чя
Как сделать так чтоб можно было поделиться в приложений в соц сети ?
до скорых встречь, и до не встречь никогда !
Хороший вариант но мне нравится JavaEE 😁
Когда я кидаю в код информер ну типо (погоды) он не отображает почему? что нужно прописать?
А можно будет использовать Android api через js?
А что здесь значит mainactivity с расширением java? Или здесь еще язык программирования java?
Вроде как перенаправляет с ma.java на web страницу как я понял
Погоди, а данные из вебвью в джаву как-то можно отправить?
можно
будут ли видео по Рубину?
У меня не работает подключение этого html, все методы горят красным
то есть любой веб будет работать?
php, jquery, ajax???
Продолжи курс гейм мейкер
сделай урок по java lib gdx
Почему-то не работает ссылка на другой html файл
А где исходник кода?
Такое приложение по своей сути как одна html страница, а как быть если нужно создать приложение с несколькими страницами?
Почему одна то? С чего ты взял?
Да и тем более, можно аяксом подгружать контент из других файлов.
Лайк если кто то 100 раз перемсотрел и нечего непонял😂😂
нифига не понял, но было очень интересно
Ты как 200 штук подписчиков насобирал ? Оо НичЁ се я тож хочю ))) гы )
Да можно использовать Droidscript
Спасибо, помогло!!!
БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦
Пипец. У тебя видио как называется? - так где у тебя в конце готовый апк?
Можно на просторах всемогущего Ютуба найти "как в apk скомпилировать проект Android Studio".
В коде есть ошибка, не будет работать
Вопрос , а из WebView есть возможность отравлять push уведомления?
Да можно
Через firebase
spasibo!!
Чувак никогда не слышал о Cordova, Ionic и других фреймворках и начал изобретать велосипед. Это видео отстает от жизни года на три.
Алексей Компанец ну просто это видео спижено. Причем шаг в шаг. Да ещё и не постеснялся и врезал видео вставку теста прям с того видео. Стыдно Гоше должно быть
Запили урок по кодорва, а потом критикуй.
можно ли создать такое приложение которое будет скачивать все файлы с хоста? а не локально? ну и хранить потом до следующего соединения с инетом? получается сайт в мобильном приложении, как это организовать объясните пожалуйста
Нафига так мучить свой девайс?! Заходите в браузере телефона, нажимаете напротив адреса на три точечки, и выбирете сохранить зкаладку.Телефон сделает вам приложение с иконкой, все приложения сайтов можете сохранить в отдельной папке. И доступны они будут, когда будет доступ к интернету. А скачиват все файлы с хота бессмысленно.
Я использую visual studio code
Сделать вебвью просто, но там будут разные косяки. То клавиатура "перекрывает" поля ввода, то кнопка назад закрывает приложение, то файлы не загружаются, и прочие досадные мелочи.
Это не удивительно, ведь компонент webview это не браузер, и все эти функции надо доделывать на JAVA.
Но, можно просто заказать приложение на этом сервисе - siteconverter.businessapp.trade/
Там уже всё отлажено - работает геолокация, камера, нет досадных ошибок.
Как убрать верхнюю подпись?
В ней название приложения написано
По идее где-то в папке со строковыми переменными
Нихуя не понял но очень интересно!
Jquery можно подключить или нужно на чистом js писать?
jquery можно подключить
Можно подключить. В папки assets создай папку js, туда закинь библиотеку. Подключать её просто.
ты не мог бы мне помочь в вк с android studio?, не могу разобраться vk.com/idandreysokol
Andrew Sokol, в папкe www создай папку js. Туда помести файл скачаной библиотеки jquery.js(если ты скачал его с офф. сайта). И ещё файл script.js(в нём будешь писать скипты ). Осталось подключить эти два файла: type="text/javascript" src="js/jquery.js" второй аналогично
ещё знак > забыл перенести чтоб было так: ...>
ведёрок топ
А как сделать просмотр не только внутренных url
Просто вместо локальной ссылки вставляешь внешнюю
Бредятина и извращение.
У меня слезы на глазах ...ааааааа
и в чем извращение ? если тебе надо просто запилить сайт как приложение, это самое оно
Время юзать макинтош и писать под андроид))
В последней версии андроид студио в containers нету Web view !!!!!!!!!!!!!!!!!!
ОН в Widgets !
А что делать, если нет компа? Только планшет.
Axis ZX, хорошо, спасибо, сейчас попробую.
Ильнур Ахметшин есть програма Dcoder
Очень доходчиво и понятно. А с PHP тоже можно так? JS+PHP, если, к примеру, мне надо чтобы такая программа добавляла что то в базу данных. Будет работать или нет?
будет
7:39 думал что телефон сел 😂😂😂😂
Так никто и не ответил: можно ли использовать android API через такой метод?
Сколько воды....
Нафига такой гемморой для простых приложений?! Открываете Notepad+ , пишите HTML, добавляете CSS, jQuery, если нужны базы данных в приложении, прямо тут же добавляете/вставляете SQLite, а потом всю папочку с помощью файла QuickApp.cmd (используйте любой конвертор, который найдете в интернете) конвертируете в стандартный пакет *.apk. Всё! Никаких геммороев с андроид студио, неизвестных настроек, оболочки программы, прописыванием кучи комманд, лишнего, висящего без дела кода и ошибок!
ты не мог бы обьяснить этот способ по подробнее мне в вк? vk.com/idandreysokol
Так и так всё описал! Notepad+ стандартный редактор, код и шаблоны простейших приложений на HTML, CSS, jQuery Mobile легко находятся в Гугле, как и основы работы с базами данных SQLite. А конвертор и простейшую инструкцию о том, как конвертировать файлы в приоложение найдёте по запросу Make Quick App (Android App-.apk) from HTML5
gorn ну для продвинутых можно предложить sublime text)
кто к чему привык, тот с тем и работает! Notepad+ тоже кроссплатформенный текстовый редактор, к тому же позволяющий работать с шаблонами и держать в памяти программы фрагменты кода, созданный специально для быстрой верстки файлов.
gorn я знаю, я ничего не имею против notepad, но когда я перешёл на sublime text, то сразу почувствовал разницу и теперь уже не могу писать код в ++
бля бро вообще ни чиго не понятно, слишком быстро без объяснения
Иди учись и все поймешь. Поверь он все говорил нормально
ПРИВЕТ ЧТО НУЖНО ДЕЛАТЬ ЕСЛИ Я НА ЮНИТЕ СКАЧАЛ SDK И МНЕ ВЫДАЁТ ТАКУЮ ОШИБКУ?
Error building Player: CommandInvokationFailure: Unable to list target platforms. Please make sure the android sdk path is correct. See the Console for more details.
C:\Program Files\Java\jdk-9\bin\java.exe -Xmx2048M -Dcom.android.sdkmanager.toolsdir="D:/SDK\tools" -Dfile.encoding=UTF8 -jar "D:\UNITI\Editor\Data\PlaybackEngines\AndroidPlayer/Tools\sdktools.jar" -stderr[
Error:Invalid command android
]
stdout[
]
exit code: 64
ВОТ ПЕРЕВОД НА РУССКИЙ:
Ошибка построения игрока: CommandInvokationFailure: не удалось перечислить целевые платформы. Пожалуйста, убедитесь, что android sdk путь правильно. Дополнительные сведения см. в разделе консоль.
C:\Program файлы\Ява\с jdk-9\бин\ява.ехе -Xmx2048M -модель dcom.андроид.sdkmanager.toolsdir="D:/SDK\tools" единственный способ иметь установленный.Кодировка = UTF8-jar "D:\UNITI\Editor\Data\PlaybackEngines\AndroidPlayer/Tools\sdktools.jar " - stderr[
Ошибка: Недопустимая команда android
]
стандартный вывод[
]
код на выходе: 64
НУ ЧТО ДЕЛАТЬ УЖЕ 3 ДНЯ ВОЖУСЬ!!!!!!!
Указан неправильный путь...подпрвить в настройках
Эту хрень возможно в GP загрузить?
да
3
можно ли подключить css отдельным файлом и если можно то как?
Создать файл??
Я 51☺
что за говно? зачем это надо
Выключил как только услышал "будем использовать языки HTML, CSS"
а HTML и CSS- это по Вашему не языки?
@@Arlasdarier CSS это таблица стилей, а HTML язык разметки. Их как минимум нельзя ставить в один ряд с JavaScript'ом
@@Darcferus, CSS - язык таблиц стилей. HTML - язык гипертекстовой разметки. И их никто в видео не называл языками программирования. Или по Вашему такая запись: html/css/js - это кощунство?
@@Arlasdarier если написать "языки html/css/js", то да, это кощунство.
@@Darcferus мне кажется, что это у Вас религиозное мышление.
БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦
зачем обсуждать политику под видео про разработку🤦
БРАТЬЯ!БОГ СОЗДАЛ ТАКОЙ ПРЕКРАСНЫЙ МИР! ДАВАЙТЕ НЕ РАЗРУШАТЬ ЕГО!НЕТ ВОЙНЕ!☦