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

Поделиться
HTML-код
  • Опубликовано: 22 мар 2019
  • Хотите научиться создавать ПК программы на языке 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

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

  • @thealexgeekmain1216
    @thealexgeekmain1216 5 лет назад +68

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

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

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

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 4 года назад +5

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

  • @user-li8hl1vr1x
    @user-li8hl1vr1x 3 года назад +4

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

  • @demeja16
    @demeja16 5 лет назад +2

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

  • @vitalylinevich4261
    @vitalylinevich4261 5 лет назад +130

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

  • @bogdanfedorko8988
    @bogdanfedorko8988 5 лет назад +3

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

  • @user-qg4rg8zs5l
    @user-qg4rg8zs5l 3 года назад +1

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

  • @mas4erlomas4er
    @mas4erlomas4er 5 лет назад +5

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

  • @YTRORTY
    @YTRORTY 5 лет назад +3

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

  • @MRoose
    @MRoose 2 года назад +1

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

  • @dobertomukov4253
    @dobertomukov4253 Год назад

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

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

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

  • @xsestech
    @xsestech 5 лет назад

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

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

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

  • @arthurshaidullin7981
    @arthurshaidullin7981 5 лет назад +1

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

  • @kvizyx636
    @kvizyx636 3 года назад +2

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

  • @vekuaa
    @vekuaa 4 года назад

    a javascript error occurred in the main process Что делать?

  • @igorzhuravkov8640
    @igorzhuravkov8640 5 лет назад +1

    Дождался )

  • @olegmaz3969
    @olegmaz3969 5 лет назад +22

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

  • @rickgrimes7734
    @rickgrimes7734 5 лет назад +1

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

  • @hoodie_uz
    @hoodie_uz 5 лет назад +1

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

  • @RUS4HELP
    @RUS4HELP 5 лет назад +7

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

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

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

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

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

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

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

  • @darksouls706
    @darksouls706 5 лет назад +1

    ждемс! ))

  • @jaster762
    @jaster762 4 года назад +1

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

  • @igorzhuravkov8640
    @igorzhuravkov8640 5 лет назад +2

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

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

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

  • @kusha_718
    @kusha_718 5 лет назад +1

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

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

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

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

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

  • @krepkovmeste
    @krepkovmeste 3 года назад +1

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

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

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

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

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

  • @ketyrozlj
    @ketyrozlj 5 лет назад

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

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

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

  • @VBNZ123
    @VBNZ123 4 года назад +1

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

  • @IdBeBack
    @IdBeBack 2 года назад

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

  • @unknyver
    @unknyver 5 лет назад

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

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

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

    • @danielsedletskiy9060
      @danielsedletskiy9060 5 лет назад

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

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

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

  • @user-ls6ir9dt7c
    @user-ls6ir9dt7c 5 лет назад

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

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

    Круто!

  • @andreyzhukov2821
    @andreyzhukov2821 5 лет назад +1

    Хороший урок

  • @nikita6078
    @nikita6078 5 лет назад

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

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

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

  • @XYZoneGames
    @XYZoneGames 5 лет назад +1

    Делай курс!)

  • @khamzagal7928
    @khamzagal7928 4 года назад

    type error cannot read property 'loadurl' of undefined
    почемууууу

  • @aerlafsgd7400
    @aerlafsgd7400 2 года назад +3

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

  • @eeeMan2
    @eeeMan2 5 лет назад +14

    как потом это на винде превратится в exe?

    • @ElectroPlayer3
      @ElectroPlayer3 4 года назад +1

      Используй компилятор

    • @user-vo4bp4jo3x
      @user-vo4bp4jo3x 4 года назад

      можно код транслировать

  • @victormog
    @victormog 3 года назад +2

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

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

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

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

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

  • @ananasios
    @ananasios 5 лет назад

    Топи курс 👍👍👍

  • @nitroflap
    @nitroflap 5 лет назад

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

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

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

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

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

  • @tveyniai4345
    @tveyniai4345 5 лет назад +1

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

  • @zax2100
    @zax2100 5 лет назад +1

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

  • @androideasycoding
    @androideasycoding Год назад

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

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

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

  • @user-gk7ov8ns8v
    @user-gk7ov8ns8v 23 дня назад

    Круто, наконец я могу свое приложение в виде сайта пересоздать как приложение ,хах.

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

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

  • @FF9F00
    @FF9F00 5 лет назад +3

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

  • @just_proger1027
    @just_proger1027 4 месяца назад

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

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

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

  • @leshaaleshin8125
    @leshaaleshin8125 5 лет назад +3

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

  • @virtuoso4719
    @virtuoso4719 5 лет назад +1

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

  • @fatherlessness
    @fatherlessness 5 лет назад

    Кто может подсказать пакеты из этого урока?

  • @sanyagalvov4533
    @sanyagalvov4533 5 лет назад +1

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

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

    Делай!)

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

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

  • @nironic5738
    @nironic5738 5 лет назад

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

  • @user-sj6sd1do6r
    @user-sj6sd1do6r Месяц назад

    Так есть полный курс на электрон? Или все таки не вышло...

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

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

  • @islam_in_the_west
    @islam_in_the_west 6 месяцев назад

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

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

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

  • @sergij6443
    @sergij6443 5 лет назад

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

  • @alexs7612
    @alexs7612 2 года назад

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

  • @dmitryzaika843
    @dmitryzaika843 5 лет назад +1

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

  • @qrw666
    @qrw666 2 года назад

    При старте пишет, что нет скрипта start, хотя он прописан

  • @muhiddinshamsiddinov9345
    @muhiddinshamsiddinov9345 4 года назад

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

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

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

  • @esportsdadadad
    @esportsdadadad 5 лет назад

    круто+

  • @user-cg1is7se7q
    @user-cg1is7se7q 4 года назад

    Ничего не вышло. При попытке выполнить npm start
    [24966:0207/194929.404984:FATAL:setuid_sandbox_host.cc(157)] The SUID sandbox helper binary was found, but is not configured correctly. Rather than run without sandboxing I'm aborting now. You need to make sure that /home/pavel/electron_project/node_modules/electron/dist/chrome-sandbox is owned by root and has mode 4755.
    OS Debian 10 Buster
    редактор VS Code

  • @AlexBerkk
    @AlexBerkk 5 лет назад

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

    • @JekaChannel3
      @JekaChannel3 5 лет назад

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

    • @AlexBerkk
      @AlexBerkk 5 лет назад

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

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

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

  • @ruslan0308c
    @ruslan0308c 3 года назад

    Мне ошибку выдает
    a Java Script error occurred in the main proces

  • @Pureshkachannel
    @Pureshkachannel 5 лет назад

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

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

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

    • @Pureshkachannel
      @Pureshkachannel 5 лет назад

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

  • @bakane6030
    @bakane6030 4 года назад

    У меня ошибка в *const module = require('url');* мол там нельзя использовать *module*

    • @user-ou5uu6ff9r
      @user-ou5uu6ff9r 4 года назад

      module используется в node и нельзя объявлять переменную с таким именем

  • @shonzog4099
    @shonzog4099 5 лет назад

    Создай такое видео на языке C#, пожалуйста)

  • @mdreal3264
    @mdreal3264 4 года назад +1

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

  • @prsion1925
    @prsion1925 5 лет назад +3

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

    • @OmytinkaRu
      @OmytinkaRu 5 лет назад

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

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

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

  • @narzantaria1102
    @narzantaria1102 5 лет назад

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

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

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

  • @user-lz2yv9lz5f
    @user-lz2yv9lz5f 5 лет назад

    Почему, когда я подключаю render.js через require(), то выдает ошибку: Uncaught ReferenceError: require is not defined ?

    • @pisitkapisitka1727
      @pisitkapisitka1727 5 лет назад

      и у меня также

    • @pisitkapisitka1727
      @pisitkapisitka1727 5 лет назад

      потому что в файле main js на 27 строчке кода app.on('ready', createwindow);
      window он написал с большой буквы

    • @null13
      @null13 5 лет назад

      Поздно, но все же напишу. Подключай скрипт так , потом в отдельный script тэг твой JS

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

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

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

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

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

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

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

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

  • @kookaburru
    @kookaburru 5 лет назад +1

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

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

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