Electron From Scratch: Build Desktop Apps With JavaScript

Why take this course?
🌟 Master Desktop App Development with Electron: From Zero to Hero! 🌟
Dive into the world of desktop applications using nothing but web technologies in our comprehensive course, "Electron From Scratch: Build Desktop Apps With JavaScript." Led by the expert tutelage of Brad Traversy, this hands-on, project-based learning journey will transform you into an Electron development pro.
🚀 Why Electron? 🚀 Electron powers some of the most widely-used desktop applications in the world – from Visual Studio Code to Slack and beyond. It's your gateway to building cross-platform applications that run on Windows, macOS, and Linux with the same codebase!
🛠 What You'll Build: Get ready to create 3 functional and impressive desktop applications:
- ImageShrink: Optimize images for faster loading web pages with this essential tool.
- SystTop: Monitor your system's CPU usage in real-time, complete with notifications and a discreet system tray presence.
- BugLogger: A robust CRUD (Create, Read, Update, Delete) application that tracks software bugs using React and MongoDB Atlas – a cloud database service.
👨💻 Key Skills You'll Master:
- App Windows Creation: Learn to craft attractive app windows using
BrowserWindow
. - Menu Management: Design custom menus and understand menu roles to enhance user interaction.
- System Interaction: Utilize the Shell module to effortlessly open files, folders, and URLs.
- Tray Icons: Create and manage system tray icons with accompanying context menus.
- Event Handling: Understand the lifecycle of an Electron app through its events.
- Process Communication: Master inter-process communication (IPC) between the main and renderer processes using
IPCMain
andIPCRenderer
. - Packaging Your App: Learn to package your Electron application for distribution on various platforms.
- Data Management: Create log files, interact with system hardware, and manage a data store file with settings data.
- Integration of Frameworks: Integrate React within an Electron app and connect a MongoDB database using Mongoose for robust data handling.
- Advanced JavaScript Concepts: Discover new JavaScript features and best practices that will elevate your coding skills.
📚 What You'll Learn:
- Creating app windows with
BrowserWindow
- Crafting menus with custom items and understanding menu roles
- Utilizing the Shell module to open files, folders, and URLs
- Designing system tray icons with context menus
- Managing app events
- Distinguishing between the main process and renderer process
- Facilitating communication between processes with
IPCMain
andIPCRenderer
- Packaging Electron apps for distribution
- Creating log files and interacting with system hardware
- Storing settings data in a data store file
- Integrating React within your Electron app
- Connecting a MongoDB database using Mongoose for data management
- Diving into some advanced JavaScript concepts
By the end of this course, you'll not only have built three complete applications but also gained a deep understanding of Electron and how to leverage web technologies to create powerful desktop software. 🚀💻
Join Brad Traversy and embark on a journey from scratch to proficient in building cross-platform desktop applications with Electron. Enroll now and start your transformation into an Electron development expert! 🎓🎉
Course Gallery




Loading charts...
Comidoc Review
Our Verdict
This course has its strengths in structure, with distinct segments targeting essential Electron aspects and building cross-platform apps. Its primary drawback, however, appears to be its age, affecting code compatibility and hands-on examples negatively. Despite the outdated content, there is still value for students with varied experiences seeking Electron comprehension. With updates targeting compatibility issues and improving guidance, this course could better deliver on its promise as an effective learning platform.
What We Liked
- Global rating of 4.65 indicates high-quality content and teaching style.
- Fast-paced, project-oriented approach enables students to build 3 complete desktop applications
- Hands-on style with diversified cases demonstrated by an experienced instructor
- Includes IPC communication, custom menu items, system tray apps & integration with Vanilla JS, React and MongoDB Atlas
Potential Drawbacks
- Numerous mentions of outdated course content in recent testimonials suggest the need for updates
- Instances where instructor seems to lack full understanding of technology during demonstrations
- Insufficient problem-solving guidance and lackluster correction of mistakes within the videos
- Lack of Q&A engagement by the instructor may lead to unresolved inquiries