egghead
Проект egghead.io представляет огромный выбор курсов и скринкастов для разработчиков любого уровня и профессии.
Создаем настольное приложение с помощью Electron
Build a desktop application with Electron
★4.3 (всего оценок - 8)
Продолжительность
0 ч 59 мин
Категория
ElectronКоличество уроков
14 Видео
Дата добавления
8 янв. 2018 г., 15:08
Язык
Английский
Дата выхода
4 окт. 2017 г., 00:00
Дата обновления
28 апр. 2026 г., 23:02
Этот курс поможет вам быстро и уверенно освоить Electron — современный фреймворк для создания кросс‑платформенных настольных приложений с использованием привычных веб‑технологий. Вы узнаете, как собрать полноценное приложение для macOS и Windows, организовать архитектуру проекта и подготовить его к распространению.
Что вы изучите в этом курсе
Материал структурирован так, чтобы шаг за шагом провести вас от основ Electron до выпуска собственного приложения. Ниже — ключевые направления.
Создание пользовательского интерфейса
Вы научитесь комбинировать веб‑технологии и встроенные возможности Electron для построения удобных и привлекательных интерфейсов.
- Использование HTML, CSS и JavaScript для отрисовки UI.
- Работа с BrowserWindow и настройка параметров окна.
- Подключение родных элементов интерфейса: меню, диалоговые окна, системные панели.
Архитектура и процессы в Electron
Electron работает на основе двух ключевых сред — основного и рендер-процессов. Понимание этой модели критически важно для создания безопасного и производительного приложения.
- Принципы работы main и renderer процессов.
- Безопасный обмен данными через IPC‑коммуникацию.
- Организация структуры проекта и управление зависимостями.
Практическая часть курса
Вы не только изучите теорию — в ходе обучения вы создадите рабочее настольное приложение с нуля.
Реализация возможностей приложения
- Настройка меню, хоткеев, системных функций.
- Сохранение данных, взаимодействие с файловой системой.
- Интеграция дополнительных модулей и библиотек.
Подготовка приложения к публикации
После завершения разработки вы узнаете, как грамотно упаковать и отправить приложение пользователям.
- Создание установщиков для macOS и Windows.
- Настройка автоматических обновлений.
- Рекомендации по подписыванию, тестированию и распространению приложения.
Итог
Курс идеально подходит для веб‑разработчиков, которые хотят расширить свои навыки и попробовать себя в создании десктопных приложений. После прохождения вы сможете уверенно использовать Electron для разработки собственных проектов и рабочих инструментов.
- Урок 1.00:02:19Create a "Hello World" app using Electron
- Урок 2.00:02:19Load CSS in a Electron BrowserWindow
- Урок 3.00:02:18Load JavaScript in an Electron BrowserWindow
- Урок 4.00:07:11Create a native desktop system menu with the Electron Menu module
- Урок 5.00:04:52Display native desktop dialog windows with Electron
- Урок 6.00:07:17Save/Open a file with an Electron dialog window
- Урок 7.00:03:29Understand Electron’s main and renderer process architecture
- Урок 8.00:04:41Communicate between Electron processes using IPC
- Урок 9.00:04:51Communicate between Electron processes using the remote module
- Урок 10.00:00:58Create an icon for your Electron app
- Урок 11.00:03:39Package your Electron application into a executable file with electron-builder
- Урок 12.00:04:01Code sign your Electron application with electron-builder
- Урок 13.00:07:48Ship updates to your Electron app with `autoUpdater` (Mac)
- Урок 14.00:03:31Ship updates to your Electron app with `autoUpdater` (Windows)
Автор - egghead
Комментарии