This is a hands on, project based course on learning how to build and package cross-platform desktop applications using Electron. Many popular apps including VSCode, Slack and Skype are built on Electron.
We will build 3 apps
ImageShrink – An app to optimize images for websites
SystTop – RealTime CPU monitor with notifications and system tray
BugLogger – CRUD app to track logs which uses React and the MongoDB Atlas cloud database
Some stuff you will learn:
Create app windows with BrowserWindow
Create menus with custom items
Menu roles
Shell module to open files and folders
Create system tray icons with context menus
App events
Main process & Renderer process
Communication between processes with IPCMain & IPCRenderer
Packaging Electron apps
Creating log files
Interact with system hardware
Create a data store file with settings data
Integrate React with Electron
Integrate a MongoDB database with Mongoose
Some JavaScript stuff that you may not have known
Who this course is for:
Developers that want to build desktop apps with web technologies
Requirements
JavaScript Fundamentals
Last Updated 5/2020
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
506.6 KB
.pad/1
217.4 KB
.pad/10
69.5 KB
.pad/11
428 KB
.pad/12
162.7 KB
.pad/13
378.3 KB
.pad/14
147.9 KB
.pad/15
398.4 KB
.pad/16
348.4 KB
.pad/17
142.7 KB
.pad/18
22 KB
.pad/19
351.8 KB
.pad/2
243 KB
.pad/20
186.7 KB
.pad/21
507.4 KB
.pad/22
356.3 KB
.pad/23
487.2 KB
.pad/24
465.2 KB
.pad/25
330.8 KB
.pad/26
251.1 KB
.pad/27
267.2 KB
.pad/28
361.9 KB
.pad/29
249.7 KB
.pad/3
118.2 KB
.pad/30
145.3 KB
.pad/31
223.8 KB
.pad/32
9.7 KB
.pad/33
243 KB
.pad/34
121.2 KB
.pad/35
143.6 KB
.pad/36
46.6 KB
.pad/37
112.1 KB
.pad/38
161.5 KB
.pad/39
504.8 KB
.pad/4
443.1 KB
.pad/40
472.1 KB
.pad/41
480.9 KB
.pad/42
377.5 KB
.pad/43
385.6 KB
.pad/44
63.3 KB
.pad/45
251.8 KB
.pad/46
31.8 KB
.pad/47
98.7 KB
.pad/5
83.7 KB
.pad/6
470.6 KB
.pad/7
194.2 KB
.pad/8
269.1 KB
.pad/9
85.9 KB
TutsNode.com.txt
63 B
[TutsNode.com] - Electron From Scratch/004. environment-code-repo.mp4
30.5 MB
[TutsNode.com] - Electron From Scratch/005. project-intro.mp4
61.4 MB
[TutsNode.com] - Electron From Scratch/006. setup-browserwindow.mp4
33.3 MB
[TutsNode.com] - Electron From Scratch/007. loading-a-window-file-adding-an-icon.mp4
41.5 MB
[TutsNode.com] - Electron From Scratch/008. environment-platform-check.mp4
44.3 MB
[TutsNode.com] - Electron From Scratch/010. creating-a-menu-template.mp4
38.2 MB
[TutsNode.com] - Electron From Scratch/011. menu-global-shortcuts.mp4
29.1 MB
[TutsNode.com] - Electron From Scratch/012. menu-roles.mp4
24 MB
[TutsNode.com] - Electron From Scratch/013. open-window-from-menu.mp4
30 MB
[TutsNode.com] - Electron From Scratch/014. creating-the-interface.mp4
67.4 MB
[TutsNode.com] - Electron From Scratch/015. renderer-node-integration.mp4
30.9 MB
[TutsNode.com] - Electron From Scratch/016. ipc-communication.mp4
44 MB
[TutsNode.com] - Electron From Scratch/017. implementing-imagemin-plugins.mp4
88 MB
[TutsNode.com] - Electron From Scratch/019. creating-log-files.mp4
39.2 MB
[TutsNode.com] - Electron From Scratch/020. package-test-our-app.mp4
62.2 MB
[TutsNode.com] - Electron From Scratch/021. project-intro.mp4
60.1 MB
[TutsNode.com] - Electron From Scratch/022. boilerplate-setup.mp4
22.9 MB
[TutsNode.com] - Electron From Scratch/023. template-assets-setup.mp4
25.8 MB
[TutsNode.com] - Electron From Scratch/024. creating-the-interface.mp4
75.3 MB
[TutsNode.com] - Electron From Scratch/025. static-system-stats.mp4
64.9 MB
[TutsNode.com] - Electron From Scratch/026. interval-dynamic-system-stats.mp4
59.3 MB
[TutsNode.com] - Electron From Scratch/027. progress-bar-cpu-overload.mp4
29.5 MB
[TutsNode.com] - Electron From Scratch/028. notifications-api.mp4
37.8 MB
[TutsNode.com] - Electron From Scratch/029. notification-timing.mp4
71.8 MB
[TutsNode.com] - Electron From Scratch/030. creating-a-store.mp4
63.3 MB
[TutsNode.com] - Electron From Scratch/031. set-default-settings-to-renderer.mp4
29.1 MB
[TutsNode.com] - Electron From Scratch/032. saving-data-to-our-store-file.mp4
63.5 MB
[TutsNode.com] - Electron From Scratch/033. use-settings-data-in-monitor.mp4
38.8 MB
[TutsNode.com] - Electron From Scratch/034. creating-a-tray-icon.mp4
47.5 MB
[TutsNode.com] - Electron From Scratch/035. tray-context-menu.mp4
36.4 MB
[TutsNode.com] - Electron From Scratch/036. nav-toggle-menu-item.mp4
30.4 MB
[TutsNode.com] - Electron From Scratch/037. mainwindow-class.mp4
30.9 MB
[TutsNode.com] - Electron From Scratch/038. apptray-class.mp4
38.1 MB
[TutsNode.com] - Electron From Scratch/039. package-test-our-app.mp4
40 MB
[TutsNode.com] - Electron From Scratch/040. project-intro.mp4
33 MB
[TutsNode.com] - Electron From Scratch/041. react-electron-boilerplate-setup.mp4
67.1 MB
[TutsNode.com] - Electron From Scratch/042. log-state-table.mp4
45.7 MB
[TutsNode.com] - Electron From Scratch/043. logitem-component.mp4
53.4 MB
[TutsNode.com] - Electron From Scratch/045. addlogitem-component.mp4
60.4 MB
[TutsNode.com] - Electron From Scratch/046. adding-a-log-ui-only.mp4
42.7 MB
[TutsNode.com] - Electron From Scratch/047. displaying-alerts.mp4
52.2 MB
[TutsNode.com] - Electron From Scratch/048. deleting-a-log-ui-only.mp4
30.3 MB
[TutsNode.com] - Electron From Scratch/049. setup-mongodb-atlas.mp4
23.9 MB
[TutsNode.com] - Electron From Scratch/050. connect-to-database-with-mongoose.mp4
26.4 MB
[TutsNode.com] - Electron From Scratch/052. get-logs-from-database.mp4
56.1 MB
[TutsNode.com] - Electron From Scratch/053. add-log-to-database.mp4
31.8 MB
[TutsNode.com] - Electron From Scratch/054. delete-logs-from-database.mp4
29.5 MB
[TutsNode.com] - Electron From Scratch/055. clear-logs-menu-item.mp4
52.6 MB
[TutsNode.com] - Electron From Scratch/056. package-test-our-app.mp4