Главная страницаКатегория electronElectron с нуля: Создание настольных приложений с JavaScript

Electron с нуля: Создание настольных приложений с JavaScript

Name: Electron с нуля: Создание настольных приложений с JavaScript
Price: 13 USD
Rating: 5 (40 reviews)

Electron From Scratch: Build Desktop Apps With JavaScript

udemy

Brad Traversy

★5 (всего оценок - 40)

Продолжительность

5 ч 48 мин

Категория

Electron

Количество уроков

57 Видео

Дата добавления

25 мая 2020 г., 11:46

Язык

Английский

Дата выхода

1 мая 2020 г., 11:30

Дата обновления

29 апр. 2026 г., 07:53

Освойте создание кроссплатформенных desktop‑приложений с помощью Electron — популярного фреймворка, на котором работают такие продукты, как VSCode, Slack и Skype. Курс сочетает практику, реальные проекты и современные технологии, позволяя уверенно войти в мир разработки настольного ПО на JavaScript.

Что представляет собой этот курс

Курс построен вокруг трёх полноценных приложений, каждое из которых помогает освоить важные аспекты работы с Electron — от структуры проекта до интеграции React и баз данных.

Практические проекты, которые вы создадите

ImageShrink — инструмент для оптимизации изображений для веб-сайтов.
SystTop — мониторинг ресурсов процессора в режиме реального времени с уведомлениями и иконкой в системном трее.
BugLogger — CRUD‑приложение для отслеживания логов, построенное на React и MongoDB Atlas.

Чему вы научитесь

Курс охватывает ключевые концепции разработки desktop‑приложений на Electron и расширяет ваше понимание JavaScript в прикладных задачах.

Работа с окнами и интерфейсом

Создание окон с использованием BrowserWindow.
Настройка меню и пользовательских элементов навигации.
Использование ролей меню для системных возможностей.
Применение модуля оболочки для открытия файлов и папок.

Интеграция системных функций

Создание значков в системном трее и настройка контекстного меню.
Работа с событиями приложения.
Создание файлов журнала (логов).
Получение данных о системном оборудовании.
Формирование хранилища данных для пользовательских настроек.

Архитектура приложения и взаимодействие процессов

Понимание различий между main‑процессом и renderer‑процессом.
Настройка взаимодействия через IPCMain и IPCRenderer.

Работа с современным стеком технологий

Упаковка готовых Electron-приложений.
Интеграция React в настольное приложение.
Подключение MongoDB через Mongoose.
Углубление в продвинутые возможности JavaScript.

Почему этот курс полезен

Курс подойдёт как разработчикам, желающим выйти за рамки веба, так и тем, кто стремится создавать собственные приложения для Windows, macOS и Linux. Обучение ориентировано на практику, поэтому вы не только изучите синтаксис и API, но и получите опыт разработки реальных приложений.

Ключевые преимущества обучения

Пошаговое создание реальных проектов.
Чёткая структура и понятное объяснение.
Уверенное понимание связки Electron + JavaScript + React + MongoDB.
Готовый портфолио‑набор приложений.

Для кого этот курс

Для веб‑разработчиков, желающих расширить стек навыков.
Для новичков, изучающих JavaScript и желающих перейти к практическим проектам.
Для всех, кто хочет создавать собственные desktop‑приложения под любые платформы.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:04:19
Welcome To The Course
Урок 2. 00:04:35
Electron: What & Why?
Урок 3. 00:03:12
How Electron Works
Урок 4. 00:05:16
Environment & Code Repo
Урок 5. 00:03:19
Project Intro
Урок 6. 00:06:19
Setup & BrowserWindow
Урок 7. 00:07:09
Loading a Window File & Adding an Icon
Урок 8. 00:07:22
Environment & Platform Check
Урок 9. 00:03:15
Using Nodemon With Electron
Урок 10. 00:07:22
Creating a Menu Template
Урок 11. 00:05:01
Menu & Global Shortcuts
Урок 12. 00:04:53
Menu Roles
Урок 13. 00:05:08
Open Window From Menu
Урок 14. 00:11:10
Creating The Interface
Урок 15. 00:05:12
Renderer Node Integration
Урок 16. 00:07:01
IPC Communication
Урок 17. 00:13:25
Implementing Imagemin & Plugins
Урок 18. 00:03:30
Send Events To Renderer
Урок 19. 00:05:10
Creating Log Files
Урок 20. 00:07:38
Package & Test Our App
Урок 21. 00:03:16
Project Intro
Урок 22. 00:03:52
Boilerplate Setup
Урок 23. 00:04:42
Template Assets Setup
Урок 24. 00:10:49
Creating The Interface
Урок 25. 00:11:08
Static System Stats
Урок 26. 00:09:12
Interval/Dynamic System Stats
Урок 27. 00:04:39
Progress Bar & CPU Overload
Урок 28. 00:05:42
Notifications API
Урок 29. 00:09:49
Notification Timing
Урок 30. 00:10:02
Creating a Store
Урок 31. 00:04:32
Set Default Settings To Renderer
Урок 32. 00:09:26
Saving Data To Our Store/File
Урок 33. 00:05:34
Use Settings Data In Monitor
Урок 34. 00:06:14
Creating a Tray Icon
Урок 35. 00:05:27
Tray Context Menu
Урок 36. 00:04:29
Nav Toggle Menu Item
Урок 37. 00:04:49
MainWindow Class
Урок 38. 00:05:44
AppTray Class
Урок 39. 00:03:10
Package & Test Our App
Урок 40. 00:02:33
Project Intro
Урок 41. 00:10:19
React-Electron Boilerplate Setup
Урок 42. 00:08:15
Log State & Table
Урок 43. 00:09:00
LogItem Component
Урок 44. 00:03:29
Formatting Dates With Moment
Урок 45. 00:08:47
AddLogItem Component
Урок 46. 00:06:14
Adding a Log (UI Only)
Урок 47. 00:07:13
Displaying Alerts
Урок 48. 00:03:58
Deleting a Log (UI Only)
Урок 49. 00:04:19
Setup MongoDB Atlas
Урок 50. 00:04:41
Connect To Database With Mongoose
Урок 51. 00:04:08
Create Log Model
Урок 52. 00:08:40
Get Logs From Database
Урок 53. 00:04:56
Add Log To Database
Урок 54. 00:04:45
Delete Logs From Database
Урок 55. 00:08:06
Clear Logs Menu Item
Урок 56. 00:04:42
Package & Test Our App
Урок 57. 00:01:27
Custom Icon

Авторы - Brad Traversy, udemy

Brad Traversy

Я начал программировать в 2007 году в возрасте 26 лет. В 2016 году я стал штатным преподавателем и создателем контента. Я показываю людям, что им не обязательно быть отличником или гением, чтобы научиться программировать. Я разбиваю сложные концепции, показывая вам, как их реализовать в курсах и учебных пособиях на основе проектов.

+201

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии

Anonymous
19 июн. 2023 г., 02:01
https://github.com/mark51-dev?tab=repositories

(SysTop | System Monitor) из курса

если кому надо, и будут ошибки при использовании nodejs в html как делает автор в примерах(что вроде как не очень хорошо для секьюрности и тд). Смотрите референс по ссылке, там сделано в обход этих вставок в шаблон и все работает
4ubrik84
5 янв. 2021 г., 18:17
Классный курс.