1. Electron.js – Основы. Быстрый запуск.

Начинаю серию заметок посвященных отличному фреймворку Electron.js, позволяющему строить десктопные приложения для MacOS, Linux и Windows, используя только HTML, CSS и JavaScript. Сайт фреймворка находится по адресу https://electronjs.org/.
В качестве основы для материалов заметок послужат, видео-курс Master Electron: Desktop Apps using HTML, JavaScript & CSS и книга Electron in Action, а так же видео Steve Kinney автора данной книги. Если серьезно решили изучить Electron, советую ознакомиться с данным курсом и книгой. Как обычно здесь я лишь представлю свои конспекты, которые появятся по мере изучения.

Для начала на компьютере должны быть установлены Git, Node.js и желательно Yarn.

Я буду работать с заготовкой, которую предлагают для старта на сайте  https://electronjs.org/.  Единственное, что я добавил это комментарии на русском языке и разместил в коде несколько console.log() для того чтобы было видно как и где выполняют свою работу основные методы Электрона.

После того как мы проделаем все манипуляции получим наше первое приложение :).

Рассмотрим основные файлы –
Главный файл Электрона, тут формируется окно приложения и активируются все его фишки  – main.js:

Файл содержащий основной код нашего приложения – renderer.js (пока он пустой):

И файл index.html служит для визуализации нашего приложения :

На этом пока все, в дальнейшем я буду использовать данное приложение как заготовку.

Здесь можно скачать проект с GitHub – https://github.com/NetWorkRoom/electron-start/tree/start