Создание ПК программы на JavaScript за 20 минут! Библиотека Electron JS

Подписаться 883 тыс.

Просмотров 167 тыс.

50% 1

Хотите научиться создавать ПК программы на языке JavaScript? Представляю небольшой урок, в котором вы ознакомитесь с библиотекой Electron JS, позволяющей делать ПК программы на чистом JavaScript, HTML и CSS.
1) Node JS: nodejs.org/en/
2) Electron JS: electronjs.org/
3) Atom: atom.io/
4) Онлайн программа Front-end: itproger.com/intensive/front-end
5) Описание и код из урока: itproger.com/news/175
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

Опубликовано:

22 мар 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 266

@thealexgeekmain1216 5 лет назад

Пожалуйста, Гоша, умоляю сделай полный курс по electron!!!

@user-js2vo3jn5x 5 лет назад

Спасибо тебе ! Уже жду полный курс electron.

@user-rb3sw3ku6t 4 года назад

Быстро, просто и понятно! Спасибо ) Буду ждать продолжения!

@user-li8hl1vr1x 3 года назад

Круто, посмотрев вводный урок, я понял что по идее можно без проблем использвать Electron JS + React JS, спасибо за труды

@vitalylinevich4261 5 лет назад

Очень круто и полезно, снимай курс по Electron, буду ждать!)

@user-bs7jw6op3j 4 года назад

Алексей Ерин а когда

@bogdanfedorko8988 5 лет назад

Спасибо за знакомство с ElectronJS

@demeja16 5 лет назад

Это просто супер,хотелось бы видеть полный обзор что-ли или курс,если конечно там есть что обозревать:)

@mas4erlomas4er 5 лет назад

Спасибо большое. Очень люблю такие уроки.

@user-qg4rg8zs5l 3 года назад

Видос супер, буду благодарен за полноценный курс.

@YTRORTY 5 лет назад

Красавец,удачи в работе!

@user-dm7dd6rv9h 5 лет назад

Отличный урок!!!! Гоша ,всё доступно и понятно !!!!!

@MRoose 2 года назад

БЫстро и всеобъемлюще, спасибо огромное!

@dobertomukov4253 10 месяцев назад

Очень сильно жду полный курс)

@xsestech 4 года назад

Жду с нетерпением продолжение!

@alejandro-bcn 5 лет назад

Очень понравилось, спокойно можете снимать курс, все заценят

@user-mb9zq8dg9t 5 лет назад

Супер круто, снимай курс мы будем ждать

@aerlafsgd7400 2 года назад

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

@kvizyx636 3 года назад

Напишите это, потом это, потом это... Оп! Приложение готово! Отличное объяснение

@arthurshaidullin7981 5 лет назад

Круто, всегда было интересно как написан vsCode ))

@rickgrimes7734 5 лет назад

больше видео по Js!! Лайк

@RUS4HELP 5 лет назад

Супер! Ждём курс!

@hoodie_uz 5 лет назад

Отличный урок. Сделай еще уроки.

@user-ox3qy7br3g 9 месяцев назад

Спасибо, классный видос)

@dudenarima2528 3 года назад

ооочень интересно продолжай!

@anvarzaripboyev5730 3 года назад

Очень интересный видеоурок!

@igorzhuravkov8640 5 лет назад

Дождался )

@denya_manunited 4 года назад

Ждем полный курс. Будешь первым в Рунете

@user-xc9lc1wg9b 5 лет назад

ждем продолжения)

@user-fr3vr8yz1j 4 года назад

Полный курс в студию!

@kusha_718 5 лет назад

Начни курс по Electron. Стало интересно

@olegmaz3969 5 лет назад

Это будет первый курс не англоязычный по Electron.

@IdBeBack Год назад

Большое Спасибо!

@user-fo1rk2br8c 2 года назад

Здравствуйте, подскажите пожалуйста. После npm start получаю следующее : Укажите значения для следующих параметров: FilePath:

@darksouls706 5 лет назад

ждемс! ))

@VBNZ123 4 года назад

Привет, Автор! Ты не сказал о главном. Скажи, чтобы я понял. Я вот опытный программист на php. И когда я делаю сайт, я программно создаю html код страницы А как я могу создавать код страницы здесь? Только с помощью js? То есть вставлять элементы прямо в DOM? В таком случае мне из всего index.html нужен только заголовок и боди. Какая стратегия работы будет, если, например, ты вводишь градусы цельсия, нажимаешь на кнопку, форма пропалает и вместо нее на пустом экране прявляетя ответ в рамке?

@zax2100 5 лет назад

-- save сейчас не нужен, достаточно npm install electron, потому что с пятого вебпака модули автоматически ставятся как зависимости

@unknyver 5 лет назад

Даёшь электроника!)

@FF9F00 5 лет назад

Electron - вещь! Пожалуйста, снимите продолжение!

@user-yl7qr7rs7k 3 года назад

Круто!

@XYZoneGames 5 лет назад

Делай курс!)

@nikita6078 5 лет назад

Скажи, у тебя какой мак? Если макбук то сколько дюймов?

@mdreal3264 4 года назад

Го сделай полный курс. Кто хочет давайте лайкосик что гоша увидел.

@andreyzhukov2821 5 лет назад

Хороший урок

@ketyrozlj 5 лет назад

Что исправить, если при запуске приложения(как ты показывал, но в вин 10) окно общее открывается, но вот самой нашей страницы html нет, вылетает виндовсовкое окно открыть приложение с помощью, и пишет "you'll need a new app to open this files" ??

@Eleven-brofiScript Год назад

А можно ли сделать так чтобы DevTool в программе работал на определенном домене?

@igorzhuravkov8640 5 лет назад

А как скомпилировать программу после разработки ?

@nironic5738 5 лет назад

Эт чё Твич на javascript написан. Круто!

@user-mz6jw7xx2z 3 года назад

Привет будет уроки по электрону ? Может где есть платные?

@alexs7612 Год назад

2 вещи из библиотеки Electron - сильно

@leshaaleshin8125 5 лет назад

еее вот это тема. СПАСИБО! давай уроки по електрон!

@krepkovmeste 3 года назад

А как потом собрать его, чтобы запускать на разных десктопах?

@sasharudenko5446 3 года назад

вы path подключили, но иконку тяните как-то странно. почему не через path.join например ?

@fewart 3 года назад

Очень нравится

@user-pk8gk1nl8k 5 лет назад

И это все можно скопмилировать в exe и запустить на windows? Не заставляя пользователя устанавливать node js, без доступа к интернету?

@danielsedletskiy9060 5 лет назад

Ну есть же discord который написан на electron, всё отлично пашет на винде

@who-1880 4 года назад

Я всё делаю как надо, но папка node с модулями не появляется. Почему?

@user-gb3zz3xx3p 3 года назад

на каком хостинге размещается программа написанная на этой библиотеке ?

@nitroflap 5 лет назад

Гоша, сделаешь уроки по VIM и TMUX ?

@jaster762 4 года назад

Как скомпилировать программу в exe или в apk если возможно?

@niggamanov 4 года назад

Прога не выполняется на Линуксе, может нужно где-то что-то поменять или переписать? Кто знает, подскажите плз.

@dmitryzaika843 5 лет назад

Гоша ,сделай ,пожалуйста, видео про создание программы в Visual studio на языке С#

@JUNIOR-pf7eu 4 года назад

Огромное спасибо!

@simonsvirkov2816 5 лет назад

Давай еще Electron!

@fruityprod.6105 5 лет назад

Делай!)

@narzantaria1102 5 лет назад

Товаресчи! Когда вы начнете нам рассказывать про GraphQL и сопутствующие ему IDE для разработки, например GraphCMS?

@just_proger1027 2 месяца назад

Сделай полный курс

@victormog 3 года назад

Зачем нужна установка пакета глобально И локально?..

@dmytrozahatin7173 4 года назад

го курс!,на ютубе нету русскоязычных курсов по електрону

@virtuoso4719 5 лет назад

Пожалуйста сделай видео как сделать програмку на андроид и иос было бы очень интересно посмотреть и сделать

@ananasios 5 лет назад

Топи курс 👍👍👍

@user-ls6ir9dt7c 4 года назад

что лучше electron или nwjs?

@AnriaruDoragon 4 года назад

Сделай видео о том как правильно собрать приложение на electron

@batradzbazzaev 3 года назад

Интересно было бы если б показал как к базе данных запросы отправлять и получать ответ

@sanyagalvov4533 5 лет назад

Давай курс по электрону

@esportsdadadad 5 лет назад

круто+

@EdwardNorthwind 5 лет назад

Для финала не хватало показать как подготовить всё это дело для распространения.

@KrashTV 3 года назад

го полный курс!!!

@Andrey_Ks11 4 года назад

Привет, можешь пожалуйста сделать видеоролики по electron, так как русскоязычного курса нету ни где, а если смотреть на английском, то все понять не сможешь

@askat25 2 года назад

Проще на Delphi или C# быстрее будет. Это тоже самое как в мегаполисе на тракторе поехать на свидание с девушкой в кинотеатр, нецелесообразно, но можно))))

@google471 Год назад

Макосники так любят. Они же хипстеры.

@26bit 3 года назад

Очень поверхностно

@mylife1615 2 года назад

Привет, а как сделать автоматическое обновление?

@user-ln3eg6dl2f 3 года назад

круто 😎😎😎🧙‍♂️🧙‍♂️

@islam_in_the_west 4 месяца назад

Полный курс , пожалуйста

@tveyniai4345 5 лет назад

Полный курс го

@prsion1925 5 лет назад

10:26 за ЧпЭк - лайк))

@OmytinkaRu 5 лет назад

Мне и слово Инстол нравится ))))

@bloodn1nja 3 года назад

что то json не создается в терминале. Стоит винда 10, пишет Is this OK? (yes) OK Aborted.

@kookaburru 5 лет назад

Снимайте про электрон. Автор что вы думаете про новый Delphi 10.3 Rio?

@user-vk8cc3sx2b 5 лет назад

главное новшество в delphi 10.3. это то что производительность мобильных приложении намного улучшена.

@AlexBerkk 5 лет назад

А как его с пайтоном можно подружить? Или какие есть другие варианты сделать нетошнотворный GUI для пайтоновской прилаги?

@JekaChannel3 5 лет назад

Alexandr Berk PyQt неплохая либа.

@AlexBerkk 5 лет назад

@@JekaChannel3 спасибо, буду гуглить)

@who-1880 4 года назад

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

@user-uw8hy1lc4p 5 лет назад

расскажите пожалуйста, как работать с какой нибудь базой данных в electron, например с внешними типа mysql и с нативными, чтобы дополнительно не поднимать сервер, чтобы сама программа могла работать внутри с какими нибудь данными, хранить их, фильтровать, делать выборки

@user-gg5im6bz2z 5 лет назад

Пока не вникал в эту тему, но как один из вариантов вижу БД в виде JSON. А фильтрация стандартными средствами JavaScript.

@user-uw8hy1lc4p 5 лет назад

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

@user-gg5im6bz2z 5 лет назад

@@user-uw8hy1lc4p я думаю здесь (в разработке на ElectronJS) ключевую роль играет Chromium и приложения будут иметь связь с сервером, а на сервере располагаться БД. иначе зачем тащить лишние 100-150МБ Chromium в сборку, когда лучше писать нативное приложение.

@androideasycoding Год назад

А как создать екзешник для того что бы скидивать ее на сайты и порталы

@Funny-rus 4 года назад

Просто отмечу что в данном уроке нет, render.js хотя в теле html он указан, и конечного билда. За app.quit(); спасибо.

@rudolfsikorsky7900 3 года назад

Вопросы: 1. Чтобы *готовая* программа работала на компе должен быть установлен и запущен сервер Node.js? 2. Есть ли у программы доступ к железу компьютера: сеть, компорт, блютус? Или только к файлам как у броузера?

@deshus Год назад

Это node js фреймворк, ты можешь это сделать

@rudolfsikorsky7900 Год назад

@@deshus Хотелось бы получить более развёрнутый и понятный ответ.

@deshus Год назад

@@rudolfsikorsky7900 библиотеки для npm могут быть созданы на c++, следовательно можно получить доступ к файлам и т.п. Сайт - всего лишь картинка, ты можешь спокойно создавать программу для взаимодействия с компьютером

@user-ye1of4jj1r 5 лет назад

Го плс уроки по electron js

@Pureshkachannel 5 лет назад

Объясните пожалуйста, как использовать экспериментальный синтаксис. Сейчас работаю на Реакте, а он не понимает его. Подключал через Npm все нужные ES, Babel, но все равно не понимает.

@12345_qwerty 5 лет назад

Pureshka установи себе через npm create-react-app и через него создавай реакт приложения, там уже все настроено

@Pureshkachannel 5 лет назад

@@12345_qwerty я так и делал, странно

@mamba.8916 2 года назад

Ошибка при npm start Error: Cannot find module 'patch'

@sergij6443 5 лет назад

A javascript exception has occurred хелп, у кого была такая ошибка? Подскажите решение

@mrybsdev1006 2 года назад

Force reload - перезагрузка страницы, когда занаво скачиваются все файлы(html, css, js)

@MoksDev 5 лет назад

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

@MegaExstaz 5 лет назад

Поправьте, если ошибаюсь. По сути, мы просто создаем экземпляр браузера, в который прописываем те же html, css, js?

@user-qt5si1cu3q 5 лет назад

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

@MegaExstaz 5 лет назад

@@user-qt5si1cu3q советую почитать m.habr.com/ru/post/278951/

@user-qt5si1cu3q 5 лет назад

@@MegaExstaz спасибо, в общем, действительно, это тупо экземпляр браузера. Приложение без какого-либо функционала будет весить как браузер, и потреблять относительно много ресурсов

@damascake 3 года назад

@@user-qt5si1cu3q Добро пожаловать в 2020 год! А только представьте себе, сколько будут весить хеллоуворлды в 2040 году? Будут писаться они на языке разметки Скайрима-3, ой, извините, ТЕС-7, весить 17 гигов, требовать для работы вулкан-4 и видеокарту XTX 16380 Cosmic с поддержкой доната бачей, 12-ти ядерный процессор Goo Lake 7 или аналоги, 8 терабайт оперативной памяти DDR-9, 100-терабайтный SSD для ключа K-8 (который на самом деле переделанный разъем DDR-9, чтоб никто не догадался).

@muslimvokhidov9170 5 лет назад

Здравствуйте, я бы хотел спросить. Если я создам игру в Юнити и выложу в плей маркет и буду зарабатывать деньги, то будет ли Юнити брать часть моих денег? Заранее спасибо огромное!