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

Поділитися
Вставка
  • Опубліковано 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

  • @user-rb3sw3ku6t
    @user-rb3sw3ku6t 4 роки тому +5

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

  • @thealexgeekmain1216
    @thealexgeekmain1216 5 років тому +67

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

  • @user-js2vo3jn5x
    @user-js2vo3jn5x 5 років тому +11

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

  • @mas4erlomas4er
    @mas4erlomas4er 5 років тому +5

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

  • @vitalylinevich4261
    @vitalylinevich4261 5 років тому +130

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

  • @user-qg4rg8zs5l
    @user-qg4rg8zs5l 3 роки тому +1

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

  • @YTRORTY
    @YTRORTY 5 років тому +3

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

  • @vekuaa
    @vekuaa 4 роки тому

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

  • @user-li8hl1vr1x
    @user-li8hl1vr1x 3 роки тому +4

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

  • @MRoose
    @MRoose 2 роки тому +1

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

  • @bogdanfedorko8988
    @bogdanfedorko8988 5 років тому +3

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

  • @demeja16
    @demeja16 5 років тому +2

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

  • @xsestech
    @xsestech 5 років тому

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

  • @RUS4HELP
    @RUS4HELP 5 років тому +7

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

  • @dobertomukov4253
    @dobertomukov4253 Рік тому

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

  • @user-mb9zq8dg9t
    @user-mb9zq8dg9t 5 років тому

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

  • @arthurshaidullin7981
    @arthurshaidullin7981 5 років тому +1

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

  • @aerlafsgd7400
    @aerlafsgd7400 2 роки тому +3

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

  • @igorzhuravkov8640
    @igorzhuravkov8640 5 років тому +1

    Дождался )

  • @rickgrimes7734
    @rickgrimes7734 5 років тому +1

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

  • @user-xc9lc1wg9b
    @user-xc9lc1wg9b 5 років тому +1

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

  • @dudenarima2528
    @dudenarima2528 3 роки тому

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

  • @alejandro-bcn
    @alejandro-bcn 5 років тому

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

  • @olegmaz3969
    @olegmaz3969 5 років тому +22

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

  • @user-ox3qy7br3g
    @user-ox3qy7br3g 10 місяців тому

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

  • @anvarzaripboyev5730
    @anvarzaripboyev5730 3 роки тому

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

  • @hoodie_uz
    @hoodie_uz 5 років тому +1

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

  • @kvizyx636
    @kvizyx636 3 роки тому +2

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

  • @darksouls706
    @darksouls706 5 років тому +1

    ждемс! ))

  • @IdBeBack
    @IdBeBack 2 роки тому

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

  • @jaster762
    @jaster762 4 роки тому +1

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

  • @user-gb3zz3xx3p
    @user-gb3zz3xx3p 3 роки тому

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

  • @Eleven-brofiScript
    @Eleven-brofiScript Рік тому

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

  • @niggamanov
    @niggamanov 4 роки тому

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

  • @igorzhuravkov8640
    @igorzhuravkov8640 5 років тому +2

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

  • @VBNZ123
    @VBNZ123 4 роки тому +1

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

  • @kusha_718
    @kusha_718 5 років тому +1

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

  • @ketyrozlj
    @ketyrozlj 5 років тому

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

  • @krepkovmeste
    @krepkovmeste 3 роки тому +1

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

  • @nikita6078
    @nikita6078 5 років тому

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

  • @mamba.8916
    @mamba.8916 2 роки тому

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

  • @user-yl7qr7rs7k
    @user-yl7qr7rs7k 3 роки тому

    Круто!

  • @FF9F00
    @FF9F00 5 років тому +3

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

  • @user-fr3vr8yz1j
    @user-fr3vr8yz1j 4 роки тому

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

  • @khamzagal7928
    @khamzagal7928 4 роки тому

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

  • @andreyzhukov2821
    @andreyzhukov2821 5 років тому +1

    Хороший урок

  • @user-pk8gk1nl8k
    @user-pk8gk1nl8k 5 років тому +3

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

    • @danielsedletskiy9060
      @danielsedletskiy9060 5 років тому

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

    • @who-1880
      @who-1880 4 роки тому

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

  • @androideasycoding
    @androideasycoding Рік тому

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

  • @denya_manunited
    @denya_manunited 4 роки тому

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

  • @fewart
    @fewart 3 роки тому

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

  • @user-ls6ir9dt7c
    @user-ls6ir9dt7c 5 років тому

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

  • @unknyver
    @unknyver 5 років тому

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

  • @alexs7612
    @alexs7612 Рік тому

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

  • @mylife1615
    @mylife1615 2 роки тому

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

  • @eeeMan2
    @eeeMan2 5 років тому +14

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

    • @ElectroPlayer3
      @ElectroPlayer3 4 роки тому +1

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

    • @user-vo4bp4jo3x
      @user-vo4bp4jo3x 4 роки тому

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

  • @carman3103
    @carman3103 7 місяців тому

    У меня пишет что срок действия сертификата истек!!!

  • @victormog
    @victormog 3 роки тому +2

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

  • @leshaaleshin8125
    @leshaaleshin8125 5 років тому +3

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

  • @qrw666
    @qrw666 2 роки тому

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

  • @user-gk7ov8ns8v
    @user-gk7ov8ns8v 8 днів тому

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

  • @XYZoneGames
    @XYZoneGames 5 років тому +1

    Делай курс!)

  • @fatherlessness
    @fatherlessness 5 років тому

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

  • @sasharudenko5446
    @sasharudenko5446 3 роки тому

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

  • @sergij6443
    @sergij6443 5 років тому

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

  • @fruityprod.6105
    @fruityprod.6105 5 років тому

    Делай!)

  • @bloodn1nja
    @bloodn1nja 3 роки тому

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

  • @dmitryzaika843
    @dmitryzaika843 5 років тому +1

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

  • @JUNIOR-pf7eu
    @JUNIOR-pf7eu 5 років тому +3

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

  • @ruslan0308c
    @ruslan0308c 3 роки тому

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

  • @simonsvirkov2816
    @simonsvirkov2816 5 років тому +9

    Давай еще Electron!

  • @askat25
    @askat25 2 роки тому +1

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

    • @google471
      @google471 Рік тому

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

  • @prsion1925
    @prsion1925 5 років тому +3

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

    • @OmytinkaRu
      @OmytinkaRu 5 років тому

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

  • @ananasios
    @ananasios 5 років тому

    Топи курс 👍👍👍

  • @user-sj6sd1do6r
    @user-sj6sd1do6r 18 днів тому

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

  • @user-oj6ko8gs8o
    @user-oj6ko8gs8o Рік тому

    А где найти отренндеринный файл не понятно

  • @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

  • @user-ln3eg6dl2f
    @user-ln3eg6dl2f 3 роки тому

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

  • @tveyniai4345
    @tveyniai4345 5 років тому +1

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

  • @mdreal3264
    @mdreal3264 4 роки тому +1

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

  • @zax2100
    @zax2100 5 років тому +1

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

  • @nitroflap
    @nitroflap 5 років тому

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

  • @nironic5738
    @nironic5738 5 років тому

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

  • @user-mz6jw7xx2z
    @user-mz6jw7xx2z 3 роки тому

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

  • @who-1880
    @who-1880 4 роки тому

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

  • @dmytrozahatin7173
    @dmytrozahatin7173 4 роки тому

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

  • @esportsdadadad
    @esportsdadadad 5 років тому

    круто+

  • @AnriaruDoragon
    @AnriaruDoragon 4 роки тому

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

  • @AlexBerkk
    @AlexBerkk 5 років тому

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

    • @JekaChannel3
      @JekaChannel3 5 років тому

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

    • @AlexBerkk
      @AlexBerkk 5 років тому

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

  • @kookaburru
    @kookaburru 5 років тому +1

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

    • @user-vk8cc3sx2b
      @user-vk8cc3sx2b 5 років тому

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

  • @Pureshkachannel
    @Pureshkachannel 5 років тому

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

    • @12345_qwerty
      @12345_qwerty 5 років тому

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

    • @Pureshkachannel
      @Pureshkachannel 5 років тому

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

  • @virtuoso4719
    @virtuoso4719 5 років тому +1

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

  • @bakane6030
    @bakane6030 4 роки тому

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

    • @user-ou5uu6ff9r
      @user-ou5uu6ff9r 4 роки тому

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

  • @just_proger1027
    @just_proger1027 3 місяці тому

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

  • @user-gf8mo6pg5o
    @user-gf8mo6pg5o 2 роки тому

    UPDATE!!!!
    Ошибка была в том, что я забыл указать new перед BrowserWindow, должно было быть:
    win = new BrowserWindow
    Ошибка "A javascript error occurred in the main process"
    что делать

  • @sanyagalvov4533
    @sanyagalvov4533 5 років тому +1

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

  • @26bit
    @26bit 3 роки тому

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

  • @islam_in_the_west
    @islam_in_the_west 5 місяців тому

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

  • @mr.shcherbina
    @mr.shcherbina Рік тому +1

    Сколько весит такой проект после перевода в "exe"?

    • @google471
      @google471 Рік тому

      Как стадо мамонтов.

  • @pnlabs
    @pnlabs 4 роки тому

    Не Visual Studio Code а Visual Code? Это как?

  • @mrybsdev1006
    @mrybsdev1006 2 роки тому

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