[recovery mode] Electron — Разработка Desktop-приложений, используя HTML, CSS и JavaScript
Что такое Electron
Возможности и ограничения при разработке
Как работать с Electron
Плюсы и минусы
Известные проблемы
Вывод
Electron — это библиотека, которую можно использовать для написания десктопных приложений с помощью html, css, js. Эти приложения могут быть упакованы под windows, mac, linux.
Возможно некоторые из вас уже использовали Electron даже не подозревая об этом!
Список некоторых приложений, написанных на Electron
Visual Studio Code
Atom
Skype
Discord
Slack
GitHub Desktop
Figma
Zeplin
Postman
…
Что можно создать?
приложение по работе с файлами
скрытые приложение ( Tray )
приложения для менеджмента ( tracker, pomodoro )
видео/аудио проигрыватели
социальные чаты
календарь
…
Любые ваши идеи, которые будут полезны вам или компании
Когда вы работаете с Electron вы должны помнить о некоторых ограничениях — старые ОС:
а) Windows 7+
b) Mac OS 10.10+
c) Ubuntu 12.04+
Electron состоит из трех компонентов:

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

Взаимодействие процессов
Эти процессы полностью изолированы друг от друга и отвечают за различные задачи, но они должны как-то взаимодействовать и с этим нам помогает IPC (inter-process communication) модуль, который позволяет взаимодействовать между этими процессами. Читать дальше →
Источник: Уроки CSS на Хабрахабре
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.
Похожие публикации
Собственный VPN клиент на JavaScript. 11 часть — Сборка приложения под Windows
P.S. Каждая часть — это часть, сама по себе смысла не имеет, чтобы обзавестись необходимым контекстом и не испытывать когнитивный диссонанс от отсутствия так необходимых блоков текста начните читать... читать далее
Собственный VPN клиент на JavaScript. 5 часть — Electron компонент Vpn
Vpn — Electron компонент, основной элемент управления приложением. Electron компонент — под этим термином я подразумеваю как раз ту организацию Electron кода, о которой я говорил в 1 части. Структура... читать далее
Собственный VPN клиент на JavaScript. 8 часть — Electron компонент Setting
Setting — Electron компонент, элемент настройки приложения. Структура папок. context││ index.js│└───client // все что относится к клиенту │ creater-option.js │ index.html │ style.css │ └───fonts... читать далее
[Из песочницы] Как подружить Electron и Webix
Введение Доброе время суток! Хотелось поделиться с Вами личным опытом создания десктопного приложения на JavaScript с использованием связки Electron и Webix. Такая связка позволяет ускорить процесс... читать далее
Собственный VPN клиент на JavaScript. 2 часть — Разработка
Эта статья – скорее, рассказ, нежели руководство к действию. Но если вы все же захотите разработать подобное приложение, помните, что вам необходимо обладать хотя бы минимальными навыками веб... читать далее
Собственный VPN клиент на JavaScript. 6 часть — Electron компонент Notify
Notify — Electron компонент, элемент представления уведомлений. Структура папок. notify││ index.js│└───client // Все что относится к клиенту │ fly.html │ static.html │ style.css │ └───fonts... читать далее
Прокомментировать
Облако тегов
angular CSS css es6 frontend habrahabr.ru html HTML html5 javascript JavaScript js layout react seo SEO на Хабрахабре vue Блог компании RUVDS.com Веб-дизайн Интернет-маркетинг Поисковая оптимизация Программирование Разработка веб-сайтов Уроки CSS на Хабрахабре автомобильный сайт блог браузеры верстка вёрстка дайджест интернет-магазин информационный ресурс корпоративный сайт модуль мы рекомендуем портфолио разработка ссылки фронтенд
Реклама на сайте