К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Projects, Dialogs, and Electron Features · LearnSpace
Назад в каталог
courseraПрограммирование

Projects, Dialogs, and Electron Features

Курс от Packt
Средний≈ 12.3 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

This course features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This course dives into the advanced capabilities of Electron, equipping you to build sophisticated desktop applications with features like dialogs, system integration, and data storage. You’ll explore practical projects that consolidate your knowledge while learning professional development workflows. The journey starts with working in the main process, including clipboard management, theming, and network requests, followed by file and message dialogs. You’ll learn to handle file opening, saving, and messaging dialogs while applying these skills in practical exercises. Next, you’ll create a complete code editor project using CodeMirror, implementing both renderer and main process logic with a focus on secure and efficient app architecture. Advanced Electron features are then covered, including preload scripts, context menus, shell and system tray modules, desktop capturing, and global keyboard shortcuts. You’ll also learn to interact programmatically with rendered web pages using WebContents and build a screen capturer project that integrates these functionalities. Finally, you’ll master packaging, releasing, auto-updates, and data storage strategies, including localStorage, session, IndexedDB, and SQLite integration. This course is perfect for intermediate developers, front-end engineers, and desktop app enthusiasts who already have basic JavaScript and Electron knowledge. By the end of the course, you will be able to implement main process modules, handle dialogs, create and enhance projects like a code editor and screen capturer, manage advanced Electron features, and package and release fully functional desktop applications across multiple platforms.

Навыки, которые вы освоите

Data StorageApplication DevelopmentData PersistenceFile I/OApplication DeploymentUser Interface (UI)Package and Software ManagementData Storage TechnologiesWeb ContentApplication DesignUI ComponentsBuild ToolsSecure CodingWeb ApplicationsDebuggingNode.JSSystem ProgrammingMaintainability

Программа курса

8 модулей · 70 учебных материалов

01Main Process Modules7 материалов

Main Process Modules

Introduction to the Course 'Projects, Dialogs, and Electron Features'ЧтениеWorking with the "clipboard" ModuleВидеоFull Specialization ResourcesЧтениеWorking with Chromium Themes Using "nativeTheme"Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Projects, Dialogs, and Electron Features
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 12.3 ч

8 модулей

Язык: Английский

Часть программы вашего университета
Making HTTP/HTTPS Requests with the "net" ModuleВидео
Electron Main Process Modules: Clipboard, Native Theme, and NetDIALOGUE
Main Process Modules - AssessmentЗадание
02File and Message Dialogs Using the "Dialog" Module9 материалов

File and Message Dialogs Using the "Dialog" Module

Introduction to the Dialog ModuleВидеоthe File Open DialogВидеоExercise 6: Opening a Text FileВидеоthe File Save DialogВидеоExercise 7: Saving to a Text FileВидеоthe Message DialogВидеоExercise 8: Using Message DialogsВидеоUsing the Electron dialog Module for File OperationsDIALOGUEFile and Message Dialogs Using the "Dialog" Module - AssessmentЗадание
03Project: Code Editor8 материалов

Project: Code Editor

Project OverviewВидеоProject Setup and Creating the UIВидеоUsing CodeMirrorВидеоStyling the AppВидеоRenderer Process ImplementationВидеоMain Process ImplementationВидеоBuilding an Electron-Based Code Editor: Core UI & IPC FlowDIALOGUEProject: Code Editor - AssessmentЗадание
04Advanced Electron Features12 материалов

Advanced Electron Features

the Preload ScriptВидеоExercise 9: Using "preload.js" and Disabling Node IntegrationВидеоCreating Context MenusВидеоthe Shell ModuleВидеоDebugging Electron ApplicationsВидео[Practice] Improving the Code Editor AppВидеоUsing the System TrayВидеоCapturing Screens with the "desktopCapturer" ModuleВидеоRegistering Global Keyboard ShortcutsВидеоDisplay Information Using the "screen" ModuleВидеоUnderstanding Electron's Preload Script and Secure IPC CommunicationDIALOGUEAdvanced Electron Features - AssessmentЗадание
05Interacting with Rendered Web Pages Using the WebContents6 материалов

Interacting with Rendered Web Pages Using the WebContents

Introduction to the "WebContents" Class in ElectronВидеоNavigation ControlВидеоExecuting JavaScript in Renderer ProgrammaticallyВидеоSending Messages from the Main Process to the Renderer Using WebContentsВидеоControlling Web Pages with Electron's webContentsDIALOGUEInteracting with Rendered Web Pages Using the WebContents - AssessmentЗадание
06Project: Screen Capturer6 материалов

Project: Screen Capturer

App OverviewВидеоCreating the App UIВидеоImplementing the App LogicВидеоCreating the System TrayВидеоBuilding a Tray Icon Electron Screenshot AppDIALOGUEProject: Screen Capturer - AssessmentЗадание
07Packaging and Releasing Electron Applications10 материалов

Packaging and Releasing Electron Applications

Packaging Electron Apps Using Electron BuilderВидеоConfiguring the App IconВидеоSigning the CodeВидеоConfiguring Build Targets for Win/macOS/LinuxВидеоPreparing the App for Releasing on GitHubВидеоCreating Our First ReleaseВидеоAutomating App Releasing Using GitHub and Electron BuilderВидеоAuto Updates Using Electron UpdaterВидеоBuilding, Distributing, and Auto-Updating an Electron AppDIALOGUEPackaging and Releasing Electron Applications - AssessmentЗадание
08Data Storage in Electron12 материалов

Data Storage in Electron

Overview of Storage Options in ElectronВидеоStoring Data Using "localStorage" in ElectronВидеоStoring Session Data Using "session" in ElectronВидеоHow to Store Objects via "localStorage" and "session"ВидеоWorking with Cookies Using the "session" ModuleВидеоUsing IndexedDB as a Database for Electron ApplicationsВидеоSQLite IntegrationВидеоChoosing the Right Storage Option in Electron ApplicationsDIALOGUEConclusion to the Course 'Projects, Dialogs, and Electron Features'ЧтениеData Storage in Electron - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание