Освойте создание современных кросс-платформенных настольных приложений на Electron — технологии, лежащей в основе таких продуктов, как VS Code, Slack и Atom. Этот курс поможет вам уверенно работать с архитектурой Electron, создавать интерфейсы на веб‑технологиях и запускать приложения на Windows, macOS и Linux.
Что вы узнаете на курсе
Курс ориентирован на разработчиков, которые хотят перенести свои навыки веб‑разработки в настольную среду и получить практический опыт создания полноценного desktop‑приложения.
Основы Electron: понимание роли основного и рендер-процессов и принципов взаимодействия между ними.
Создание UI с веб‑технологиями: применение HTML, CSS и JavaScript для построения интерфейсов.
Работа с API Electron: системные уведомления, диалоговые окна, работа с файловой системой, меню и другие элементы.
Оптимизация и безопасность: внедрение best practices при работе с IPC, управлении окнами и защите приложения.
Сборка и публикация: упаковка приложений для разных операционных систем.
Почему Electron — отличный выбор
Electron сочетает в себе мощь Node.js и гибкость Chromium, позволяя веб‑разработчикам создавать полноценные нативные приложения без изучения дополнительных языков.
Ключевые преимущества Electron
Полная межплатформенность: одно приложение — три системы: macOS, Windows, Linux.
Использование привычных технологий: разработка на JavaScript с возможностью интеграции популярных библиотек и фреймворков.
Гибкая архитектура: разделение на процессы, что позволяет создавать стабильные и производительные приложения.
Отладка и тестирование: встроенные devtools и инструменты для проверки производительности.
Практическое обучение с примерами
Для углубленного изучения кода и структуры приложений на Electron воспользуйтесь подготовленным репозиторием с примерами:
пошаговые демонстрации ключевых возможностей API Electron.
Рекомендации по работе с материалами курса
Важно: видеофайлы в формате .webm поддерживаются браузером Google Chrome. Для корректного отображения учебных материалов используйте совместимый браузер.
Советы для эффективного изучения
устанавливайте последнюю версию Electron перед началом практики;
экспериментируйте с API — создавайте окна разных типов и конфигураций;
пользуйтесь DevTools для анализа производительности;
собирайте приложения под разные ОС, чтобы освоить процесс публикации.
Удален по просьбе правообладателя
Урок 0.00:09:23
Overview
Урок 2.00:13:02
Technology Benefits
Урок 3.00:11:17
Structuring an Electron Application
Урок 4.00:05:56
Coding a Proof of Concept
Урок 5.00:14:03
Bringing in Modules
Урок 6.00:03:27
Rendering Process
Урок 7.00:20:33
Bookmark Application
Урок 8.00:04:50
Shell Module
Урок 9.00:02:11
Debugging Electron
Урок 10.00:05:41
Changing Theme Styles
Урок 11.00:07:29
Rendering Markdown
Урок 12.00:01:33
Setting the OS Font
Урок 13.00:11:39
Opening a File
Урок 14.00:02:54
Filtering File Types
Урок 15.00:01:38
Reading File Contents
Урок 16.00:07:12
Open File Button
Урок 17.00:09:10
Displaying a File
Урок 18.00:04:14
Refactoring
Урок 19.00:17:54
Multiple Windows
Урок 20.00:07:33
Title Bar
Урок 21.00:11:52
Save Changes
Урок 22.00:04:44
Detecting Change
Урок 23.00:05:26
Additional Visual Cues
Урок 24.00:01:45
Revert and Save Buttons
Урок 25.00:06:52
Recently Opened Files
Урок 26.00:08:06
Saving Files
Урок 27.00:12:15
Watching Files
Урок 28.00:05:08
Accessing the Operaring System
Урок 29.00:03:00
Introducing Menu Bar Items
Урок 30.00:18:12
Building a Menu Bar
Урок 31.00:05:57
Introducing Menu Bar Applications
Урок 32.00:07:30
Code Review of a Menu Bar Application
Урок 33.00:01:23
Introducing Electron Packager
Урок 34.00:04:13
Packaging an Electron App
Урок 35.00:02:10
Adding an Icon
Урок 36.00:07:50
Code Protection and Performance
Урок 37.00:08:25
Modules & Libraries
Урок 38.00:05:25
Wrapping Up
Авторы - master.dev (ex FrontendMasters), Steve Kinney
Master.dev — это образовательная платформа для разработчиков, которая помогает совершенствовать инженерные навыки: от изучения языков программирования и веб-разработки до работы с базами данных, облачной инфраструктурой, DevOps и искусственным интеллектом. Ранее известная как Frontend Masters, платформа расширила фокус и теперь обучает разработчиков всему спектру современной разработки ПО.
Стив - архитектор фронтенда в компании Temporal. Ранее он занимал аналогичную должность в Twilio и SendGrid. Стив также является основателем и почетным директором программы обучения фронтенд-разработке в Turing School for Software and Design в Денвере, Колорадо — это некоммерческая программа подготовки разработчиков. В прошлой жизни Стив был учителем в государственных школах Нью-Йорка, где он преподавал специальное образование и веб-разработку в